:root{color-scheme:dark;--bg:#02070d;--panel:#07111a;--panel2:#0a1822;--text:#edfaff;--muted:#7694a0;--dim:#3c5964;--cyan:#61dff7;--lime:#9bf47a;--amber:#ffb65c;--red:#ff6671;--violet:#b79cff;--border:rgba(116,190,211,.16)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}#shell{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr);background:var(--bg)}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--border);background:rgba(2,7,13,.94);backdrop-filter:blur(18px);z-index:80}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(97,223,247,.38);border-radius:50%;color:var(--cyan);box-shadow:0 0 18px rgba(97,223,247,.09)}.brand b{display:block;font-size:12px;letter-spacing:.16em}.brand small{display:block;margin-top:2px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#527280}.breadcrumbs{display:flex;align-items:center;gap:2px;min-width:0;overflow:auto;scrollbar-width:none}.breadcrumbs button{border:0;background:transparent;color:#668994;padding:7px 8px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;border-radius:7px}.breadcrumbs button:hover{color:var(--text);background:rgba(97,223,247,.05)}.breadcrumbs i{font-style:normal;color:#35505a}.top-state{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:6px 9px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#72929d;white-space:nowrap}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.live{color:var(--lime);border-color:rgba(155,244,122,.24)}.pill.warn{color:var(--amber)}.pill.off{color:#5b7078}.primary,.world-actions button,.icon-action,.panel-actions button,.agent-presets button,.connect-actions button{border:1px solid rgba(97,223,247,.24);background:rgba(8,24,34,.86);color:#dff8ff;border-radius:9px;min-height:34px;padding:0 11px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.primary{border-color:rgba(97,223,247,.58);background:linear-gradient(180deg,rgba(14,67,83,.94),rgba(5,35,48,.94));color:#edfdff;box-shadow:inset 0 0 22px rgba(97,223,247,.05)}.primary:hover,.world-actions button:hover,.icon-action:hover,.panel-actions button:hover,.agent-presets button:hover,.connect-actions button:hover{border-color:var(--cyan);background:rgba(14,52,67,.94)}.icon-action{width:34px;padding:0;display:grid;place-items:center}.top-state .primary{height:34px}#world-shell{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 42%,rgba(19,65,82,.14),transparent 38%),var(--bg)}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#world.dragging{cursor:grabbing}.location-card{position:absolute;left:18px;top:18px;z-index:20;width:min(360px,calc(100% - 36px));pointer-events:none;padding:16px 18px;border:1px solid rgba(106,177,197,.13);border-radius:16px;background:linear-gradient(145deg,rgba(5,18,27,.82),rgba(3,11,17,.64));backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.18)}.eyebrow{display:block;color:#527b89;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}.location-card h1{font-size:24px;line-height:1.05;margin:8px 0 8px;letter-spacing:-.02em}.location-card p{margin:0;color:#789aa5;font-size:12px;line-height:1.5;max-width:320px}.location-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#527783;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.location-meta b{color:#9fc5d0}.world-actions{position:absolute;right:18px;bottom:24px;z-index:22;display:flex;gap:7px}.world-help{position:absolute;left:50%;bottom:29px;transform:translateX(-50%);z-index:15;color:#3e606b;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.hover-card{position:absolute;z-index:40;pointer-events:none;width:240px;border:1px solid rgba(97,223,247,.25);border-radius:11px;background:rgba(3,12,19,.94);padding:10px 12px;box-shadow:0 15px 45px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.hover-card b{display:block;font-size:12px}.hover-card small{display:block;margin-top:4px;color:#658892;font:9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.empty-world{position:absolute;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(16,62,78,.13),transparent 32%);pointer-events:none}.empty-world>*{pointer-events:auto}.empty-core{width:84px;height:84px;border:1px solid rgba(97,223,247,.35);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:34px;margin-bottom:22px;box-shadow:0 0 80px rgba(97,223,247,.08),inset 0 0 35px rgba(97,223,247,.04)}.empty-world h2{font-size:32px;margin:9px 0 8px}.empty-world p{max-width:500px;color:#6c909c;line-height:1.6;margin:0 0 18px;font-size:13px}.inspector,.file-preview,.agent-panel{position:absolute;right:16px;top:16px;bottom:74px;z-index:45;width:min(390px,calc(100% - 32px));border:1px solid rgba(103,180,201,.22);border-radius:17px;background:linear-gradient(155deg,rgba(7,22,32,.97),rgba(3,11,17,.97));backdrop-filter:blur(20px);box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:auto;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.panel-head h2{margin:6px 0 0;font-size:20px}.panel-copy{color:#6e929e;font-size:12px;line-height:1.55;margin:12px 0 16px}.inspector section{border-top:1px solid rgba(104,168,187,.11);padding-top:14px;margin-top:14px}.inspector h3{margin:0 0 9px;color:#527684;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.inspect-state{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.state-chip,.chips span{display:inline-flex;align-items:center;border:1px solid rgba(103,171,190,.18);border-radius:999px;padding:6px 8px;color:#86a9b3;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.state-chip.bad{color:var(--red);border-color:rgba(255,102,113,.28)}.detail-list{display:grid;gap:5px}.detail-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 0;border-bottom:1px solid rgba(95,148,164,.06)}.detail-row span:first-child{color:#537682}.detail-row span:last-child{color:#aac9d1;word-break:break-word}.chips{display:flex;gap:6px;flex-wrap:wrap}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.file-preview{width:min(620px,calc(100% - 32px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.file-meta{margin-top:9px;color:#5c7d88;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.file-preview-body{min-height:0;margin-top:12px;border:1px solid rgba(105,171,190,.12);border-radius:13px;background:#03090e;display:grid;place-items:center;overflow:auto;padding:12px}.file-preview-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.file-preview-body audio{width:100%}.file-preview-body video{width:100%;max-height:100%}.file-preview-body iframe{width:100%;height:100%;min-height:520px;border:0;background:#fff;border-radius:8px}.file-preview-body textarea{width:100%;height:100%;min-height:430px;border:0;outline:0;resize:none;background:#03090e;color:#dff5fb;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.file-placeholder{text-align:center;color:#5a7c88}.file-placeholder .glyph{font-size:46px;color:#315562;margin-bottom:12px}.agent-panel{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(620px,calc(100% - 32px));max-height:min(780px,calc(100% - 36px))}.agent-state{border:1px solid rgba(104,169,188,.15);border-radius:10px;background:rgba(2,10,16,.6);padding:10px;color:#6f929d;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:12px}.agent-presets{display:flex;flex-wrap:wrap;gap:7px}.agent-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.agent-panel textarea{min-height:78px;resize:vertical;border:1px solid rgba(104,174,194,.2);border-radius:11px;background:#030b11;color:#dff8ff;padding:11px;outline:none}.agent-panel textarea:focus{border-color:rgba(97,223,247,.56)}.agent-response{white-space:pre-wrap;margin:12px 0 0;border:1px solid rgba(103,177,197,.14);border-radius:11px;background:#030b11;color:#8fb3be;padding:12px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.connect-panel{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:rgba(0,4,8,.73);backdrop-filter:blur(14px);padding:20px}.connect-card{position:relative;width:min(630px,100%);border:1px solid rgba(97,223,247,.32);border-radius:22px;background:linear-gradient(145deg,#071722,#030b12);padding:27px;box-shadow:0 40px 130px rgba(0,0,0,.55)}.connect-card .close{position:absolute;right:14px;top:14px}.connect-card h2{font-size:27px;margin:9px 0 10px}.connect-card>p{color:#70929d;font-size:13px;line-height:1.6;max-width:530px}.connect-code{margin:18px 0;border:1px solid rgba(97,223,247,.31);border-radius:12px;background:#020a10;padding:18px;text-align:center;color:var(--cyan);font:800 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.connect-steps{display:grid;gap:7px;margin:18px 0}.connect-step{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(102,169,188,.12);border-radius:10px;background:rgba(4,15,22,.55);color:#6a8d98;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.connect-step.done{color:#a4c8d1}.connect-step.done .step-dot{color:var(--lime)}.connect-step.active{border-color:rgba(97,223,247,.35);color:#d8f7ff}.step-dot{color:#46636d}.connect-actions{display:flex;gap:8px;flex-wrap:wrap}.connect-status{margin-top:12px;color:#547682;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.transfer-flight{position:absolute;left:50%;bottom:75px;transform:translateX(-50%);z-index:55;width:min(620px,calc(100% - 40px));border:1px solid rgba(255,182,92,.3);border-radius:14px;background:rgba(8,17,23,.95);padding:11px 14px;box-shadow:0 18px 60px rgba(0,0,0,.4)}.flight-head{display:flex;justify-content:space-between;gap:14px;color:#8eaeb7;font:9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.flight-head span{color:var(--amber)}.flight-track{position:relative;height:3px;background:rgba(255,182,92,.12);margin-top:10px}.flight-packet{position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 15px var(--amber);transform:translate(-50%,-50%);transition:left .28s ease}.toast{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:100;border:1px solid rgba(97,223,247,.28);border-radius:10px;background:rgba(3,13,20,.96);padding:9px 13px;color:#b9dce5;font:10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 15px 40px rgba(0,0,0,.35)}.perf-overlay{position:fixed;left:12px;bottom:12px;z-index:120;width:205px;border:1px solid rgba(97,223,247,.24);border-radius:11px;background:rgba(1,8,13,.94);padding:10px;color:#668b96;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 16px 55px rgba(0,0,0,.4)}.perf-overlay>b{display:block;color:#a4c6cf;margin-bottom:8px}.perf-overlay div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.perf-overlay strong{color:#a9cad2}.perf-overlay strong.warn{color:var(--red)}.perf-overlay hr{border:0;border-top:1px solid rgba(94,153,169,.12);margin:7px 0}@media(max-width:800px){.topbar{grid-template-columns:auto 1fr}.breadcrumbs{grid-column:1/-1;grid-row:2;padding-bottom:7px}.topbar{height:auto;min-height:58px;padding-top:8px}.top-state{justify-self:end}.pill{display:none}#shell{grid-template-rows:auto minmax(0,1fr)}.location-card{top:10px;left:10px;width:calc(100% - 20px);padding:12px 14px}.location-card h1{font-size:20px}.world-help{display:none}.world-actions{bottom:14px;right:12px}.inspector,.file-preview{right:8px;left:8px;top:132px;bottom:58px;width:auto}.agent-panel form{grid-template-columns:1fr}.file-preview-body iframe{min-height:380px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}