:root{--bg: #0a0c10;--surface: #14181f;--raised: #1b212a;--raised-hover: #222834;--line: #262d38;--line-soft: #1d232c;--text: #e8ecf2;--text-dim: #98a2b2;--text-faint: #69737f;--accent: #5ec98d;--accent-soft: rgba(94, 201, 141, .16);--accent-line: rgba(94, 201, 141, .5);--danger: #ef6b6b;--warn: #dfa24d;--r-panel: 10px;--r-control: 7px;--shadow: 0 12px 32px rgba(0, 0, 0, .55);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:12.5px/1.5 var(--font);-webkit-font-smoothing:antialiased}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}#labels{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.scene-label{position:absolute;left:0;top:0;transform-origin:50% 50%;display:flex;flex-direction:column;align-items:center;line-height:1.2;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9);will-change:transform}.scene-label span:first-child{color:#bcd2ee;font-size:11.5px;font-weight:650;letter-spacing:.01em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);z-index:20}.welcome-card{text-align:center;padding:40px 48px;max-width:540px}.welcome-card h1{margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:-.02em}.welcome-card .sub{margin:0 0 28px;color:var(--text-dim);font-size:13.5px}.welcome-actions{display:flex;gap:10px;justify-content:center}.welcome-card .hint{margin:28px 0 0;color:var(--text-faint);font-size:11.5px;line-height:1.9}.welcome-card .hint+.hint{margin-top:10px}.welcome-card code{font-family:var(--mono);font-size:11px;color:var(--text-dim)}kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--raised);color:var(--text-dim);font:600 10.5px/1.6 var(--mono);text-align:center}#drop-hint{background:#0a0c10e0;z-index:40}.drop-card{border:1px dashed var(--accent-line);border-radius:12px;padding:40px 68px;font-size:15px;font-weight:500;color:var(--accent);background:var(--accent-soft)}#library{background:var(--bg)}.library-card{width:min(680px,calc(100% - 40px));max-height:calc(100% - 80px);display:flex;flex-direction:column}.lib-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--line-soft)}.lib-head h1{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.02em}.lib-head .sub{margin:0;color:var(--text-dim);font-size:12.5px}.lib-head button{flex:none}.lib-state{padding:44px 8px;text-align:center;color:var(--text-faint);font-size:12.5px;line-height:1.7}.lib-state.error{color:#f3b4b4}.lib-state button{margin-top:14px}.lib-sessions{padding:14px 0 4px}.lib-heading{margin:0 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.sess-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-control);background:var(--surface)}.sess-row+.sess-row{margin-top:4px}.sess-main{flex:1;min-width:0}.sess-name{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sess-meta{margin-top:1px;font-size:11.5px;color:var(--text-faint)}.sess-row button{flex:none;padding:7px 14px;font-size:12px}.sess-avatars{display:flex;flex-direction:row-reverse;flex:none;padding-left:0}.sess-avatars>*{width:26px;height:26px;border-radius:50%;border:2px solid var(--surface);background:var(--raised);object-fit:cover}.sess-avatars>*+*{margin-right:-9px}.avatar-fallback{display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase}.lib-list{overflow-y:auto;margin:0 -8px;padding:6px 8px}.lib-list::-webkit-scrollbar{width:10px}.lib-list::-webkit-scrollbar-thumb{background:#2a323e;border:3px solid var(--bg);border-radius:5px}.lib-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-control);cursor:pointer;transition:background .12s}.lib-row:hover{background:var(--surface)}.lib-row+.lib-row{margin-top:2px}.lib-main{flex:1;min-width:0}.lib-name{font-size:13.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-meta{margin-top:2px;font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.lib-row .lib-menu{flex:none;opacity:0;padding:2px 8px;font-size:16px;letter-spacing:.08em;background:transparent;border:none;color:var(--text-faint)}.lib-row:hover .lib-menu,.lib-row .lib-menu:focus-visible,.lib-row .lib-menu.open{opacity:1}.lib-row .lib-menu:hover{color:var(--text);background:transparent}.row-menu{position:fixed;z-index:60;min-width:150px;padding:5px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r-control);box-shadow:var(--shadow);display:flex;flex-direction:column}.row-menu button{padding:8px 10px;text-align:left;background:transparent;border:none;border-radius:5px;font-size:12.5px;color:var(--text-dim)}.row-menu button:hover{background:var(--raised-hover);color:var(--text)}.row-menu button.danger:hover{background:#ef6b6b24;color:var(--danger)}button.wide{width:100%;padding:9px 12px}button.destructive{background:var(--danger);border-color:var(--danger);color:#2a0808;font-weight:600}button.destructive:hover{background:#f38585;border-color:#f38585}#paste-modal{background:#0a0c10e6;z-index:45}.paste-card{width:min(560px,calc(100% - 48px));padding:26px 28px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow)}.paste-card h2{margin:0 0 6px;font-size:17px;font-weight:600;letter-spacing:-.01em}.paste-card .sub{margin:0 0 16px;color:var(--text-dim);font-size:12.5px}.paste-card.narrow{width:min(400px,calc(100% - 48px))}#rename-input{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--bg);color:var(--text);font:13px/1.4 var(--font)}#rename-input:focus{outline:none;border-color:var(--accent-line)}#paste-box{display:block;width:100%;height:104px;resize:none;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--bg);color:var(--text-dim);font:11px/1.6 var(--mono);word-break:break-all}#paste-box::placeholder{color:var(--text-faint)}#paste-box:focus{outline:none;border-color:var(--accent-line)}.paste-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}button{font:500 12.5px/1 var(--font);cursor:pointer;border-radius:var(--r-control);border:1px solid var(--line);background:var(--raised);color:var(--text);padding:10px 16px;transition:background .12s,border-color .12s,color .12s}button:hover{background:var(--raised-hover);border-color:#313a48}button:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#06210f;font-weight:600}button.primary:hover{background:#6fd79b;border-color:#6fd79b}button.ghost{background:transparent;color:var(--text-dim)}button.ghost:hover{color:var(--text)}button.link{margin-top:16px;padding:4px 2px;background:transparent;border:none;color:var(--text-faint);font-size:11.5px;text-decoration:underline;text-underline-offset:3px}button.link:hover{background:transparent;border:none;color:var(--text-dim)}button.icon{padding:0 6px;font-size:17px;line-height:1.4;background:transparent;border:none;color:var(--text-faint)}button.icon:hover{color:var(--text);background:transparent}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:12.5px/1 var(--font);color:var(--text);background-color:var(--raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2398a2b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;border:1px solid var(--line);border-radius:var(--r-control);padding:9px 30px 9px 11px;cursor:pointer;transition:background-color .12s,border-color .12s}select:hover{background-color:var(--raised-hover);border-color:#313a48}select:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}select option{background:var(--surface);color:var(--text)}.panel{position:fixed;top:12px;width:252px;max-height:calc(100% - 24px);overflow-y:auto;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-panel);box-shadow:var(--shadow);z-index:10}#sidebar{left:12px}#inspector{right:12px;width:300px}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb{background:#2a323e;border:3px solid var(--surface);border-radius:5px}.panel::-webkit-scrollbar-track{background:transparent}.panel-section{padding:14px 16px}.panel-section+.panel-section{border-top:1px solid var(--line-soft)}.field-label{display:block;margin-bottom:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.switch{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-label{order:1;flex:1;font-size:12.5px;color:var(--text-dim);transition:color .12s}.switch-track{order:2;position:relative;flex:none;width:32px;height:19px;border-radius:999px;background:var(--raised);border:1px solid var(--line);transition:background .15s,border-color .15s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--text-faint);transition:transform .15s ease,background .15s}.switch:hover .switch-track{border-color:#313a48}.switch:hover .switch-label{color:var(--text)}.switch input:checked+.switch-track{background:var(--accent-soft);border-color:var(--accent-line)}.switch input:checked+.switch-track:after{transform:translate(13px);background:var(--accent)}.switch input:checked~.switch-label{color:var(--text)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-line);outline-offset:2px}.inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.insp-title{font-size:15px;font-weight:600;letter-spacing:-.01em;word-break:break-word}.insp-group{padding:13px 16px;border-bottom:1px solid var(--line-soft)}.insp-group:last-child{border-bottom:none}.insp-group h3{margin:0 0 9px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.kv{display:grid;grid-template-columns:88px 1fr;gap:6px 12px;font-size:12.5px}.kv .k{color:var(--text-dim)}.kv .v{color:var(--text);font-weight:500;word-break:break-word;font-variant-numeric:tabular-nums}.kv .v.mono{font-family:var(--mono);font-size:11px;font-weight:400}.kv .v.danger{color:var(--danger)}.hpbar{height:4px;border-radius:2px;background:var(--raised);overflow:hidden;margin:2px 0 11px}.hpbar>div{height:100%;border-radius:2px;transition:width .15s}.badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.badge{padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.01em}.badge.on{background:var(--accent-soft);color:var(--accent)}.badge.off{background:#ef6b6b24;color:var(--danger)}.badge.warn{background:#dfa24d24;color:var(--warn)}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:min(640px,calc(100% - 24px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);padding:10px 16px;font-size:12.5px;color:var(--text-dim);box-shadow:var(--shadow);z-index:50}#toast.error{border-color:#ef6b6b80;color:#f3b4b4}@media (max-width: 900px){.panel{width:214px}#inspector{width:240px}}