:root{--bg:#000;--bg2:#000;--panel-bg:#0000008c;--teal:#2dd9c8;--teal-dim:#1fa89c;--violet:#a78bff;--text:#d6fef8;--text-dim:#7fa3ab;--border:#2dd9c82e;--glass-border:#2dd9c824;--gold:var(--teal);--gold-dim:var(--teal-dim)}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}body{color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace}.app-root{background:#000;flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff08}.import-empty-hint{color:var(--text-dim);text-align:center;justify-content:center;align-items:center;padding:0 24px 0 280px;font-size:12px;display:flex;position:fixed;inset:0}@media (width<=700px){.import-empty-hint{align-items:flex-end;padding:0 24px 140px}}.dock{z-index:10;opacity:.45;border-radius:18px;flex-direction:column;gap:10px;width:min(290px,100vw - 36px);max-height:86vh;padding:18px;transition:opacity .25s,padding .25s;display:flex;position:fixed;top:50%;left:18px;overflow:hidden auto;transform:translateY(-50%)}.dock-drag-handle{cursor:grab}.dock-drag-handle:active{cursor:grabbing}.dock:hover,.dock:focus-within{opacity:1}.dock.collapsed{opacity:.6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;max-height:50px;padding:0;transition:opacity .25s,transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 0 18px #2dd9c840,0 8px 24px #0006}.dock.collapsed:hover{opacity:1;transform:scale(1.08);box-shadow:0 0 26px #2dd9c873,0 8px 24px #0006}.dock-collapse-btn{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.dock-collapse-btn:hover{color:var(--teal);border-color:var(--teal-dim)}.dock-pill-trigger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-brand{letter-spacing:.22em;color:var(--teal);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding-bottom:4px;font-size:12px;display:flex}.dock-modes{gap:6px;margin-bottom:4px;display:flex}.dock-mode-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;flex:1;padding:8px 6px;font-family:inherit;font-size:10px}.dock-mode-tab.active{color:#06201d;background:var(--teal)}.dock-divider{background:var(--border);height:1px;margin:4px 0}.dock-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:9px}.dock .btn,.dock .select,.dock .text-input{text-align:left;width:100%}.dock .chip{font-size:9.5px}.dock-chip-row{flex-wrap:wrap;gap:5px;display:flex}.dock-stat{color:var(--teal);letter-spacing:.05em;font-size:10px}.app-header{z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;padding:14px 26px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.28em;color:var(--gold);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.brand-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 12px 2px var(--gold);border-radius:50%}.nav-tabs{gap:8px;display:flex}.nav-tab{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:11px;transition:all .15s}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:#06201d;background:var(--gold)}.btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);color:var(--text);cursor:pointer;background:#2dd9c814;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:11px;transition:all .15s}.btn-primary{color:#06201d;background:var(--gold);border-color:var(--gold)}.btn-primary:hover{box-shadow:0 0 18px 1px #2dd9c880}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--gold)}.btn-danger{color:#ffb0b0;border-color:#ff5a5a66;width:100%;margin-top:14px}.btn-danger:hover:not(:disabled){box-shadow:0 0 14px #ff5a5a59}.btn:disabled{opacity:.35;cursor:default}.btn-lg{border-radius:8px;padding:14px 26px;font-size:12px}.landing{flex:1;min-height:100vh;position:relative;overflow:hidden}.landing:before{content:"";filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#2dd9c838 0%,#2dd9c814 35%,#0000 70%);position:absolute;inset:-10%}.landing-scene{z-index:1;position:absolute;inset:0}.landing-overlay{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;min-height:100vh;padding:24px 24px 8vh;display:flex;position:relative}.landing-glass{pointer-events:auto;text-align:center;background:#06141a59;border-radius:18px;max-width:520px;padding:32px 38px}.landing-brand{justify-content:center;margin-bottom:22px}.landing h1{color:var(--text);margin:0 0 16px;font-size:30px;font-weight:500;line-height:1.25}.landing p{color:var(--text-dim);margin:0 0 28px;font-size:13px;line-height:1.7}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page{flex-direction:column;flex:1;align-items:center;gap:16px;padding:22px 26px 40px;display:flex}.page-toolbar{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1180px;padding:14px 18px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.select,.text-input{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);color:var(--text);background:#06141abf;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:12px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--teal) 50%), linear-gradient(135deg, var(--teal) 50%, transparent 50%);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.select option{color:var(--text);background:#000;font-family:inherit}.page-note{max-width:820px;color:var(--text-dim);text-align:center;font-size:11.5px;line-height:1.7}.error-text{color:#ff9b9b;font-size:12px}.fullpage-stage{position:fixed;inset:0}.brain-stage.fullpage-canvas{border:none;border-radius:0;width:100vw;max-width:none;height:100vh;padding:0;position:fixed;inset:0;overflow:visible}.brain-stage.fullpage-canvas canvas{border-radius:0;width:100%;height:100%}.floating-toolbar{z-index:5;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%)}.brain-stage{border-radius:20px;width:100%;max-width:1180px;padding:6px;position:relative;overflow:hidden}.brain-stage canvas{cursor:grab;border-radius:16px;width:100%;height:auto;display:block}.stage-hint{letter-spacing:.03em;color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);pointer-events:none;text-align:center;background:#0308108c;border-radius:20px;max-width:90%;padding:8px 16px;font-size:10.5px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.stage-footer{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);background:#03081080;border-radius:20px;padding:6px 12px;font-size:10px;position:absolute;top:22px;left:22px}.stage-hint-top{color:var(--teal);top:16px;bottom:auto}.kind-picker{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.kind-chip{border-color:var(--border)}.kind-chip-active{border-color:var(--teal);color:var(--text);box-shadow:0 0 10px #2dd9c866}.connect-modal{text-align:center;width:auto;min-width:240px;max-width:min(300px,100% - 32px);bottom:22px;left:50%;right:auto;transform:translate(-50%)}.connect-copy{color:var(--text);margin:0 0 10px;font-size:12px}.connect-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:10px;display:block}.connect-input{text-align:center;width:100%;margin-bottom:12px}.connect-actions{justify-content:center;gap:8px;display:flex}.block-view{border-radius:18px;width:100%;max-width:1000px;padding:28px 24px 20px}.block-view-note{color:var(--text-dim);text-align:center;margin-bottom:24px;font-size:11px;line-height:1.6}.block-row{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:22px;height:220px;padding:0 10px;display:flex;overflow-x:auto}.block-col{flex-direction:column;justify-content:flex-end;align-items:center;min-width:64px;height:100%;display:flex;position:relative}.block-bar{border:1px solid;border-radius:8px;width:40px;transition:height .4s}.block-connector{background:linear-gradient(90deg,#2dd9c880,#2dd9c80d);width:22px;height:2px;position:absolute;bottom:30%;right:-22px}.block-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-align:center;margin-top:10px;font-size:10px}.block-count{color:var(--text-dim);margin-top:2px;font-size:9.5px}.floating-panel{border-radius:14px;width:auto;min-width:240px;max-width:min(320px,100% - 44px);padding:16px;animation:.2s floatIn;position:absolute;bottom:22px;right:22px}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.floating-panel-header h3{letter-spacing:.06em;color:var(--teal);text-transform:uppercase;margin:0;font-size:12px}.floating-panel-body{align-items:flex-start;gap:12px;display:flex}.floating-stats{flex:1;min-width:0}.cam-wrap{border:1px solid var(--border);background:#000;border-radius:8px;flex-shrink:0;width:168px;position:relative;overflow:hidden}.cam-wrap canvas{display:block}.cam-label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;background:#03081099;border-radius:10px;align-items:center;gap:4px;padding:3px 7px;font-size:8px;display:flex;position:absolute;top:6px;left:6px}.row{border-bottom:1px dashed var(--border);color:var(--text-dim);justify-content:space-between;padding:6px 0;font-size:11.5px;display:flex}.row span:last-child{color:var(--text)}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font-size:10px}.tag-input{color:var(--gold);background:#2dd9c826}.tag-hidden{color:var(--gold-dim);background:#c9a23f26}.tag-attention{color:var(--violet);background:#a78bff2e}.tag-output{color:#ff6ec7;background:#ff6ec72e}.live-dot{background:#ff5a5a;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse;box-shadow:0 0 6px 1px #ff5a5a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.import-slot{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.example-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);color:var(--text-dim);cursor:pointer;overflow-wrap:anywhere;word-break:break-word;background:#2dd9c80f;border-radius:20px;max-width:100%;padding:6px 12px;font-family:inherit;font-size:10.5px}.chip:hover{color:var(--gold);border-color:var(--gold-dim)}.model-meta{width:100%;max-width:780px;color:var(--text-dim);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;font-size:11px;display:flex}.model-meta b{color:var(--gold)}.toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.compare-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}@media (width<=980px){.compare-grid{grid-template-columns:1fr}}