:root{--bg-app:#eceae4;--bg-surface:#faf9f6;--bg-panel:#fff;--bg-muted:#f3f1ec;--bg-canvas:#e4edf4;--border:#d4cfc4;--border-subtle:#e8e4dc;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--accent:#0f766e;--accent-hover:#0d9488;--accent-soft:#ccfbf1;--accent-muted:#f0fdfa;--ok:#15803d;--ok-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--err:#b91c1c;--err-soft:#fee2e2;--shadow-sm:0 1px 2px #1c19170f;--shadow-md:0 4px 12px #1c191714;--font:"DM Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--radius:6px;--toolbar-h:48px;--tools-w:232px;--inspector-w:272px;--footer-h:112px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}button:hover{background:var(--bg-muted);border-color:#b8b2a8}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{color:var(--err);background:var(--err-soft);border-color:#fca5a5}button:disabled{opacity:.45;cursor:not-allowed}input[type=range]{width:100%;accent-color:var(--accent);height:5px}.app-shell{flex-direction:column;height:100%;display:flex}.app-header.compact{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:10;background:#ffffffd9;flex-shrink:0;align-items:center;gap:24px;height:52px;padding:0 24px;display:flex;position:relative;box-shadow:0 1px #1c19170f}.logo-sm{color:var(--accent);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.nav-compact{flex:1;gap:2px;display:flex;overflow-x:auto}.nav-compact a{color:var(--text-secondary);white-space:nowrap;letter-spacing:-.01em;border-radius:7px;padding:5px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s,background .12s}.nav-compact a:hover{color:var(--text-primary);background:var(--bg-muted)}.nav-compact a.active{color:var(--accent);background:var(--accent-muted);font-weight:600}.app-main.flush{flex:1;overflow:hidden}.webmcp-status{font-size:11px;font-family:var(--mono);background:var(--bg-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:4px 10px;transition:background .2s,border-color .2s;display:flex}.webmcp-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.webmcp-status.active .webmcp-dot{background:var(--ok)}.webmcp-status.available .webmcp-dot{background:var(--warn)}.webmcp-status.calling{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.webmcp-calling{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.webmcp-spinner{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:.7s linear infinite spin}.aap-root{flex-direction:column;height:100%;min-height:0;display:flex}.aap-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 0 8px;display:flex}.aap-header-left{align-items:center;gap:7px;display:flex}.aap-status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s}.aap-status-dot.active{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft);animation:1.2s ease-in-out infinite aap-pulse}@keyframes aap-pulse{0%,to{box-shadow:0 0 0 3px var(--ok-soft)}50%{box-shadow:0 0 0 5px var(--ok-soft)}}.aap-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.aap-live-badge{letter-spacing:.08em;color:var(--ok);background:var(--ok-soft);border:1px solid #15803d33;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;animation:1.2s ease-in-out infinite aap-pulse}.aap-clear-btn{box-shadow:none;color:var(--text-muted);border-color:var(--border-subtle);background:0 0;padding:2px 7px;font-size:10px}.aap-clear-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.aap-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.aap-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 0;font-size:12px;display:flex}.aap-empty-icon{opacity:.3;font-size:20px}.aap-empty-sub{color:var(--text-muted);opacity:.7;font-size:11px}.aap-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:8px;padding:7px 8px;transition:border-color .15s;display:flex}.aap-row.calling{border-color:var(--accent);background:var(--accent-muted)}.aap-row.error{background:var(--err-soft);border-color:#fca5a5}.aap-row-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.aap-icon{text-align:center;flex-shrink:0;width:16px;font-size:13px;line-height:1.4}.aap-spinner{border:2px solid var(--accent);vertical-align:middle;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.aap-row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.aap-tool-name{font-size:11px;font-weight:600;font-family:var(--mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aap-args{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.aap-result{color:var(--ok);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.aap-result.error{color:var(--err)}.aap-time{color:var(--text-muted);font-size:10px;font-family:var(--mono);white-space:nowrap;flex-shrink:0;margin-top:1px}.pro-panel-agent{flex-direction:column;flex:1;min-height:160px;padding:10px 12px;display:flex}.approval-container{z-index:200;pointer-events:all;flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex;position:absolute;bottom:16px;right:16px}.approval-toast{background:var(--bg-panel);border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 14px 12px;animation:.2s approval-slide-in;display:flex;box-shadow:0 8px 32px #1c191726}@keyframes approval-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.approval-toast-icon{flex-shrink:0;margin-top:1px;font-size:18px}.approval-toast-body{flex:1;min-width:0}.approval-toast-verb{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-size:10px;font-weight:700}.approval-toast-label{color:var(--text-primary);word-break:break-word;margin-bottom:6px;font-size:13px;font-weight:500;line-height:1.4}.approval-toast-detail{font-family:var(--mono);color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-all;border-radius:4px;max-height:120px;margin-bottom:6px;padding:6px 8px;font-size:10px;overflow-y:auto}.approval-toast-expand{color:var(--text-muted);box-shadow:none;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;text-decoration:underline}.approval-toast-expand:hover{color:var(--text-secondary);background:0 0}.approval-toast-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.approval-btn{cursor:pointer;box-shadow:none;white-space:nowrap;border:1px solid;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .1s,border-color .1s}.approval-btn.approve{background:var(--accent);border-color:var(--accent);color:#fff}.approval-btn.approve:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.approval-btn.reject{border-color:var(--border);color:var(--text-secondary);background:0 0}.approval-btn.reject:hover{background:var(--err-soft);color:var(--err);border-color:#fca5a5}.pro-workspace{background:var(--bg-app);flex-direction:column;height:100%;display:flex;position:relative}.pro-toolbar{height:var(--toolbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:14px;padding:0 16px;display:flex}.pro-toolbar-left,.pro-toolbar-center,.pro-toolbar-right{align-items:center;gap:12px;display:flex}.pro-toolbar-center{flex:1;min-width:0}.pro-toolbar-right{margin-left:auto}.pro-workshop-name{color:var(--text-secondary);font-size:13px;font-weight:600}.pro-divider{color:var(--border);font-weight:300}.pro-challenge-name{color:var(--text-primary);font-size:13px;font-weight:600}.pro-experiment-select{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);font-size:13px;font-family:var(--font);max-width:240px;padding:6px 10px}.pro-status{font-size:12px;font-family:var(--mono);color:var(--text-secondary);background:var(--bg-muted);border-radius:var(--radius);padding:4px 10px}.pro-status.running{color:var(--ok);background:var(--ok-soft)}.pro-btn{font-size:12px}.pro-progress{align-items:center;gap:8px;display:flex}.pro-progress-bar{background:var(--border-subtle);border-radius:3px;width:72px;height:5px;overflow:hidden}.pro-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .35s}.pro-progress-text{font-size:11px;font-family:var(--mono);color:var(--text-muted);min-width:28px}.pro-body{flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:hidden}.pro-tools{width:var(--tools-w);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0;overflow-y:auto}.pro-canvas{background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #1c19170a}.pro-inspector{width:var(--inspector-w);background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.pro-panel{border-bottom:1px solid var(--border-subtle);padding:14px 16px}.pro-panel:last-child{border-bottom:none}.pro-panel-title{color:var(--text-muted);letter-spacing:.02em;margin-bottom:10px;font-size:11px;font-weight:600}.pro-empty,.pro-empty-sm{color:var(--text-muted);font-size:12px;line-height:1.5}.pro-empty-sm{font-size:11px}.pro-measurements{flex-direction:column;gap:8px;display:flex}.pro-measurement{background:var(--bg-muted);border-radius:var(--radius);border:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding:8px 10px;display:flex}.pro-m-label{color:var(--text-secondary);font-size:12px}.pro-m-value{font-size:16px;font-weight:600;font-family:var(--mono);color:var(--text-primary)}.pro-m-value small{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:400}.pro-footer{height:var(--footer-h);flex-shrink:0;grid-template-columns:1.2fr 1fr 1fr .85fr;gap:10px;margin:0 10px 10px;display:grid}.pro-footer-section{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 14px;overflow-y:auto}.pro-footer-section h4{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.pro-footer-section p{color:var(--text-secondary);font-size:12px;line-height:1.5}.pro-count{background:var(--bg-muted);color:var(--text-secondary);border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.pro-count.error{background:var(--err-soft);color:var(--err)}.pro-obs-list{flex-direction:column;gap:4px;display:flex}.pro-obs{border-radius:4px;padding:5px 8px;font-size:11px;line-height:1.35}.pro-obs-info{background:var(--accent-muted);color:#0f5c55}.pro-obs-success{background:var(--ok-soft);color:var(--ok)}.pro-obs-warning{background:var(--warn-soft);color:var(--warn)}.pro-obs-error{background:var(--err-soft);color:var(--err)}.pro-history-item{border-bottom:1px solid var(--border-subtle);gap:8px;padding:3px 0;font-size:11px;display:flex}.pro-history-item:last-child{border-bottom:none}.pro-h-time{color:var(--text-muted);font-family:var(--mono);font-size:10px}.pro-h-label{color:var(--text-secondary)}.tool-panel{padding:14px}.tool-section-title{color:var(--text-muted);margin:14px 0 8px;font-size:11px;font-weight:600}.tool-section-title:first-child{margin-top:0}.tool-hint{color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius);border-left:3px solid var(--accent);margin-bottom:10px;padding:8px 10px;font-size:11px;line-height:1.5}.tool-item{text-align:left;background:var(--bg-muted);border:1px solid var(--border-subtle);width:100%;box-shadow:none;flex-direction:column;align-items:flex-start;margin-bottom:6px;padding:10px 12px;display:flex}.tool-item:hover{background:var(--accent-muted);border-color:#99f6e4}.tool-icon{margin-bottom:4px;font-size:16px}.tool-name{color:var(--text-primary);font-size:13px;font-weight:600}.tool-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.tool-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tool-steps{color:var(--text-secondary);padding-left:16px;font-size:11px;line-height:1.65}.param-slider{flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.param-label{color:var(--text-secondary);font-weight:500}.param-value{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:500}.param-check{color:var(--text-secondary);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.sim-detail{padding:0}.sim-table{border-collapse:collapse;width:100%;font-size:12px}.sim-table td{border-bottom:1px solid var(--border-subtle);padding:6px 0}.sim-table td:first-child{color:var(--text-muted)}.sim-table td:last-child{text-align:right;font-family:var(--mono);font-weight:500}.model-note{color:var(--text-muted);font-size:11px;line-height:1.5}.ckt-canvas-wrap{border-radius:var(--radius);flex-direction:column;height:100%;display:flex;overflow:hidden}.ckt-hud{border-bottom:1px solid var(--border-subtle);font-size:12px;font-family:var(--mono);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;align-items:center;gap:16px;padding:8px 14px;display:flex}.hud-ok{color:var(--ok);font-weight:600}.hud-err{color:var(--err);font-weight:600}.hud-led-on{color:#dc2626;background:#dc262614;border-radius:4px;padding:2px 6px;font-weight:700}.hud-led-off{color:#888;font-weight:500}.hud-connecting{color:var(--accent);align-items:center;gap:4px;display:flex}.hud-delete-hint{color:#888;font-size:11px}kbd{font-size:10px;font-family:var(--mono);color:#333;background:#f0f0f0;border:1px solid #bbb;border-bottom:2px solid #aaa;border-radius:3px;padding:1px 5px;display:inline-block}.ckt-mini-btn{box-shadow:none;margin-left:6px;padding:3px 8px;font-size:11px}.ckt-svg{cursor:default;flex:1;width:100%}.ckt-label{fill:#b0c4de;font-size:11px;font-family:var(--font);font-weight:600}.ckt-sublabel{fill:#8898aa;font-size:9px}.ckt-comp.selected{filter:drop-shadow(0 0 8px #2dd4bfb3)}.ckt-terminal{cursor:crosshair;transition:r .1s}.ckt-wire{cursor:pointer}.viewport-3d{border-radius:var(--radius);background:linear-gradient(#dce8f0 0%,#e8eef4 100%);width:100%;height:100%}.viewport-3d canvas{width:100%!important;height:100%!important}.chem-lab{background:linear-gradient(#f5f3ef 0%,#ebe8e2 100%);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:36px;height:100%;padding:28px;display:flex}.chem-beaker{cursor:pointer;text-align:center;transition:transform .15s}.chem-beaker.active{transform:scale(1.05)}.chem-glass{width:96px;height:136px;box-shadow:var(--shadow-md);background:#fff9;border:2px solid #94a3b8;border-top:none;border-radius:0 0 18px 18px;position:relative;overflow:hidden}.chem-liquid{border-radius:0 0 16px 16px;transition:all .4s;position:absolute;bottom:0;left:0;right:0}.chem-temp{color:var(--warn);font-size:10px;font-weight:600;font-family:var(--mono);position:absolute;top:8px;right:8px}.chem-label{color:var(--text-secondary);text-transform:capitalize;margin-top:8px;font-size:12px;font-weight:600;display:block}.chem-contents{color:var(--text-muted);flex-direction:column;gap:2px;margin-top:4px;font-size:11px;display:flex}.chem-reaction-card{background:var(--bg-panel);border-radius:var(--radius);max-width:300px;box-shadow:var(--shadow-md);border:1px solid #86efac;align-self:center;padding:16px 18px}.chem-reaction-card h4{color:var(--ok);text-transform:capitalize;margin-bottom:8px;font-size:14px;font-weight:600}.chem-reaction-card p{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.ps-root{color:#d4d0cc;height:100%;min-height:0;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#1a1a1e;flex-direction:column;font-size:12px;display:flex;overflow:hidden}.ps-options-bar{scrollbar-width:thin;background:#2a2a30;border-bottom:1px solid #3a3a42;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex;overflow-x:auto}.ps-opt-group{flex-shrink:0;align-items:center;gap:5px;display:flex}.ps-opt-label{color:#888;white-space:nowrap;font-size:11px}.ps-opt-val{font-variant-numeric:tabular-nums;color:#c8c4be;text-align:right;white-space:nowrap;min-width:34px;font-size:11px}.ps-opt-divider{background:#3a3a42;flex-shrink:0;width:1px;height:18px;margin:0 2px}.ps-opt-spacer{flex:1}.ps-opt-checkbox{color:#b8b4ae;cursor:pointer;flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:flex}.ps-range{width:90px;height:3px;accent-color:var(--accent);cursor:pointer;box-shadow:none;background:0 0;border:none;outline:none}.ps-select{color:#d4d0cc;cursor:pointer;background:#1e1e24;border:1px solid #3a3a42;border-radius:3px;outline:none;padding:2px 6px;font-size:11px}.ps-action-btn{color:#b8b4ae;cursor:pointer;white-space:nowrap;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;padding:3px 8px;font-size:11px;transition:background .1s,border-color .1s,color .1s}.ps-action-btn:hover{color:#f0ece6;background:#38383f;border-color:#4a4a55}.ps-action-btn.active{border-color:var(--accent);color:var(--accent-hover);background:#1a3a3a}.ps-action-btn.danger{color:#ef4444;border-color:#0000}.ps-action-btn.danger:hover{background:#3a1a1a;border-color:#ef4444}.ps-zoom-btn{color:#b8b4ae;cursor:pointer;width:20px;height:20px;box-shadow:none;background:#2a2a30;border:1px solid #3a3a42;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.ps-zoom-btn:hover{color:#f0ece6;background:#38383f}.ps-zoom-label{cursor:pointer;text-align:center;min-width:42px}.ps-zoom-label:hover{color:var(--accent-hover)}.ps-body{flex:1;min-height:0;display:flex;overflow:hidden}.ps-toolbox{scrollbar-width:thin;scrollbar-color:#3a3a42 transparent;background:#222228;border-right:1px solid #3a3a42;flex-direction:column;flex-shrink:0;width:160px;padding-bottom:8px;display:flex;overflow:hidden auto}.ps-color-wells{align-items:center;gap:0;padding:10px 12px 6px;display:flex;position:relative}.ps-well{cursor:pointer;border:2px solid #4a4a55;border-radius:4px;width:32px;height:32px;transition:border-color .1s,transform .1s;box-shadow:0 2px 6px #0006}.ps-well:hover{border-color:#6a6a78;transform:scale(1.05)}.ps-well-secondary{z-index:0;position:absolute;top:20px;left:28px}.ps-well-primary{z-index:1;position:relative}.ps-well-input{opacity:0;cursor:pointer;z-index:2;width:32px;height:32px;position:absolute;top:10px;left:12px}.ps-toolbox-sep{background:#3a3a42;height:1px;margin:6px 8px}.ps-tool-group{padding:4px 8px}.ps-tool-group-label{letter-spacing:.08em;text-transform:uppercase;color:#666;padding:4px 4px 3px;font-size:10px;font-weight:600;display:block}.ps-tool-btn{color:#b0aca6;cursor:pointer;text-align:left;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;margin-bottom:1px;padding:5px 8px;font-size:12px;transition:background .1s,border-color .1s,color .1s;display:flex}.ps-tool-btn:hover{color:#e4e0da;background:#2e2e36;border-color:#3e3e48}.ps-tool-btn.active{border-color:var(--accent);color:#5eead4;background:#1a3232}.ps-tool-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.ps-tool-name{flex:1;font-size:11px}.ps-tool-key{font-size:10px;font-family:var(--mono);color:#666;background:#1a1a1e;border:1px solid #3a3a42;border-radius:2px;flex-shrink:0;padding:0 3px}.ps-swatch-grid{grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 8px 6px;display:grid}.ps-swatch{aspect-ratio:1;cursor:pointer;width:100%;box-shadow:none;border:1px solid #0000004d;border-radius:2px;min-width:0;padding:0;transition:transform .1s,border-color .1s}.ps-swatch:hover{z-index:5;border-color:#fff;transform:scale(1.25)}.ps-swatch.active{border-width:2px;border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 1px #000}.ps-viewport{background-color:#222226;background-image:linear-gradient(45deg,#2a2a2e 25%,#0000 25%),linear-gradient(-45deg,#2a2a2e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a2e 75%),linear-gradient(-45deg,#0000 75%,#2a2a2e 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.ps-canvas-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ps-canvas{cursor:crosshair;touch-action:none;background:#fff;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0009}.ps-canvas-overlay{pointer-events:none;display:block;position:absolute;top:0;left:0}.ps-symmetry-overlay{pointer-events:none;z-index:10;position:absolute;top:0;left:0}.ps-brush-cursor{pointer-events:none;mix-blend-mode:difference;z-index:20;border:1px solid #fffc;border-radius:50%;transition:width 50ms,height 50ms;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.ps-picked-toast{color:#e4e0da;z-index:30;background:#2a2a30;border:1px solid #4a4a55;border-radius:20px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:12px;animation:.15s ps-fade-in;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.ps-picked-swatch{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:14px;height:14px}@keyframes ps-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ps-properties{scrollbar-width:thin;scrollbar-color:#3a3a42 transparent;background:#222228;border-left:1px solid #3a3a42;flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden auto}.ps-panel-section{border-bottom:1px solid #2e2e38;padding:0 0 6px}.ps-panel-header{letter-spacing:.05em;text-transform:uppercase;color:#888;justify-content:space-between;align-items:center;padding:8px 10px 5px;font-size:11px;font-weight:600;display:flex}.ps-panel-icon-btn{color:#b8b4ae;cursor:pointer;width:18px;height:18px;box-shadow:none;background:0 0;border:1px solid #3a3a42;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.ps-panel-icon-btn:hover{color:#5eead4;border-color:var(--accent);background:#38383f}.ps-layer-list{padding:0 8px 4px}.ps-layer-item{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;margin-bottom:2px;padding:5px 6px;transition:background .1s;display:flex}.ps-layer-item:hover{background:#2e2e36}.ps-layer-item.active{border-color:var(--accent);background:#1a2e2e}.ps-layer-vis{cursor:pointer;color:#888;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:12px;display:flex}.ps-layer-vis:hover{color:#e4e0da;background:0 0}.ps-layer-thumb{background-color:#2e2e36;background-image:linear-gradient(45deg,#3a3a3e 25%,#0000 25%),linear-gradient(-45deg,#3a3a3e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3a3e 75%),linear-gradient(-45deg,#0000 75%,#3a3a3e 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #3a3a42;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:18px;display:flex}.ps-layer-count{color:#888;font-variant-numeric:tabular-nums;font-size:9px}.ps-layer-name{color:#c4c0ba;text-overflow:ellipsis;white-space:nowrap;cursor:text;flex:1;font-size:11px;overflow:hidden}.ps-layer-name-input{border:1px solid var(--accent);color:#e4e0da;font-size:11px;font-family:var(--font);background:#1a1a20;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px}.ps-layer-actions{flex-shrink:0;gap:2px;display:flex}.ps-layer-action-btn{color:#555;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:2px;padding:0 2px;font-size:11px;line-height:1}.ps-layer-action-btn:hover{color:#e4e0da;background:#38383f}.ps-layer-action-btn.danger:hover{color:#ef4444;background:#3a1a1a}.ps-layer-opacity-row{align-items:center;gap:4px;margin-top:2px;padding:4px 6px;display:flex}.ps-layer-opacity-row input{accent-color:var(--accent);flex:1;height:3px}.ps-prop-row{align-items:center;gap:5px;padding:3px 10px;display:flex}.ps-prop-label{color:#666;flex-shrink:0;min-width:60px;font-size:10px}.ps-prop-val{color:#c8c4be;font-variant-numeric:tabular-nums;flex:1;font-size:11px}.ps-prop-val.capitalize{text-transform:capitalize}.ps-prop-swatch{border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;width:12px;height:12px}.ps-shortcuts .ps-panel-section{border:none}.ps-shortcut-list{flex-direction:column;gap:2px;padding:2px 10px 6px;display:flex}.ps-shortcut-row{color:#888;align-items:center;gap:4px;font-size:10px;display:flex}kbd{font-family:var(--mono);color:#b8b4ae;background:#1a1a20;border:1px solid #3a3a42;border-radius:2px;padding:0 4px;font-size:9px;line-height:1.6}.ps-statusbar{color:#888;background:#1a1a1e;border-top:1px solid #2a2a30;flex-shrink:0;align-items:center;gap:4px;height:24px;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.ps-status-item{flex-shrink:0;align-items:center;gap:4px;display:flex}.ps-status-item strong{color:#c8c4be;font-weight:500}.ps-status-label{color:#555;font-size:10px}.ps-status-sep{background:#2e2e38;width:1px;height:12px}.ps-status-spacer{flex:1}.ps-status-hint{color:#3e3e4a;white-space:nowrap;font-size:10px}.ps-status-badge{color:#5eead4;background:#1a2e20;border:1px solid #2a4a30;border-radius:3px;padding:1px 6px;font-size:10px}.hp-root{background:var(--bg-app);justify-content:center;align-items:flex-start;height:100%;display:flex;overflow-y:auto}.hp-inner{width:100%;max-width:680px;padding:80px 32px}.hp-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:28px;font-size:11px;font-weight:600}.hp-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(38px,6vw,62px);font-weight:800;line-height:1.05}.hp-sub{color:var(--text-secondary);max-width:440px;margin-bottom:64px;font-size:15px;line-height:1.65}.hp-list{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.hp-item{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;align-items:center;gap:20px;padding:22px 0;text-decoration:none;transition:background .12s;display:flex}.hp-item:hover{background:0 0}.hp-item:hover .hp-item-title{color:var(--accent)}.hp-item:hover .hp-arrow{opacity:1;transform:translate(4px)}.hp-num{font-size:11px;font-family:var(--mono);color:var(--text-muted);flex-shrink:0;min-width:24px}.hp-item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hp-item-title{letter-spacing:-.02em;color:var(--text-primary);font-size:16px;font-weight:600;transition:color .12s}.hp-item-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.hp-arrow{color:var(--accent);opacity:.4;flex-shrink:0;font-size:16px;transition:transform .15s,opacity .15s}.tool-hint{color:var(--text-muted,#94a3b8);margin:0 0 8px;font-size:11px;line-height:1.4}.gear-list{flex-direction:column;gap:4px;margin:6px 0;display:flex}.gear-challenge-grid{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;display:grid}.gear-option{cursor:pointer;color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.gear-option small{color:#64748b;font-size:10px}.gear-option:hover{background:#263349;border-color:#4a9eff}.gear-option.selected{color:#93c5fd;background:#1e3a5f;border-color:#4a9eff}.gear-option.selected small{color:#60a5fa}.challenge-meter{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:6px;margin:10px 0 0;padding:6px 8px;font-size:11px;position:relative;overflow:hidden}.challenge-bar{background:#1e3a5f;border-radius:6px 0 0 6px;transition:width .4s,background .3s;position:absolute;top:0;bottom:0;left:0}.challenge-meter.met .challenge-bar{background:#14532d}.challenge-meter span{z-index:1;position:relative}.challenge-meter.met{color:#86efac;border-color:#22c55e}.compound-stage{background:#0f172a;border:1px solid #1e293b;border-radius:6px;margin:6px 0;padding:8px}.stage-label{color:#4a9eff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.stage-ratio{color:#64748b;text-align:right;margin-top:2px;font-size:10px;display:block}