:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1c1e;--bg-elevated:#2c2c2e;--bg-grouped:#3a3a3c;--text:#f5f5f7;--muted:#f5f5f78f;--line:#ffffff1a;--fill:#ffffff14;--glass:#2c2c2eb8;--glass-2:#3a3a3ce0;--accent:#ff9f0a;--accent-soft:#ff9f0a29;--shadow:0 18px 48px #0006;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,.layout-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#stage,#webgl-root,#css3d-root,#vignette,#grain,#ui{position:absolute;inset:0}#webgl-root{z-index:0}.webgl-canvas{pointer-events:none;width:100%;height:100%;display:block}#css3d-root,.css3d-layer{z-index:1;pointer-events:none}.css3d-layer{inset:0;overflow:hidden;position:absolute!important}#vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 55%,#00000047 100%),linear-gradient(#0000001f,#0000 14% 78%,#00000047)}#grain{z-index:3;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}#ui{z-index:4;pointer-events:none}.hud{pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:14px;left:16px;right:16px}.brand,.count,.layout-bar,.hud-right,.arrange-switch,.close-all{pointer-events:auto}.hud-right{align-items:center;gap:8px;display:flex}.brand,.count{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(180%);letter-spacing:-.01em;border-radius:22px;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:590;display:flex}.brand{gap:8px;padding-left:10px}.brand-mark{background:var(--accent);border-radius:4px;width:14px;height:14px;box-shadow:0 0 12px #ff9f0a73}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:510}.arrange-switch{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);cursor:pointer;letter-spacing:-.01em;border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;font-size:13px;font-weight:590;display:flex}.switch-track{background:#7878805c;border-radius:12px;width:40px;height:24px;transition:background .2s;position:relative}.arrange-switch.is-on .switch-track{background:var(--accent)}.switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047,0 0 0 .5px #0000000a}.arrange-switch.is-on .switch-thumb{transform:translate(16px)}.switch-label{text-align:left;min-width:58px}.close-all{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);min-height:44px;color:var(--text);cursor:pointer;border-radius:22px;padding:0 14px;font-size:13px;font-weight:590}.close-all:hover:not(:disabled){background:#ffffff1f}.close-all:disabled{opacity:.38;cursor:default}.layout-bar{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(180%);min-height:44px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex}.layout-bar.is-empty{visibility:hidden}.layout-icon{color:#f5f5f78c;cursor:pointer;background:0 0;border:0;border-radius:11px;width:54px;height:40px;padding:6px 7px}.layout-icon:hover{background:var(--fill);color:var(--text)}.layout-icon.is-active{color:var(--accent);background:var(--accent-soft)}.layout-svg{fill:none;stroke:currentColor;stroke-width:1.35px;width:100%;height:100%;display:block}.empty-hint{max-width:min(420px,100vw - 48px);color:var(--muted);letter-spacing:-.02em;text-align:center;pointer-events:none;font-size:17px;font-weight:400;line-height:1.35;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.empty-hint.hidden{display:none}.dock{pointer-events:auto;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(180%);max-width:min(980px,100vw - 24px);min-height:56px;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:8px;padding:8px 8px 6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock-pane{flex-direction:column;flex:auto;gap:5px;min-width:0;max-width:min(820px,100vw - 230px);display:flex}.dock-items{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;min-width:0;padding:2px;display:flex;overflow:auto hidden}.dock-items::-webkit-scrollbar{display:none}.dock-hscroll{background:#ffffff24;border-radius:99px;height:6px;overflow:hidden}.dock-hthumb{cursor:pointer;background:#ffffff6b;border-radius:99px;height:6px;transform:translate(0)}.dock-pane.has-overflow .dock-hthumb{background:#ffffff7a}.dock-pane.has-overflow .dock-hthumb:hover{background:#ffffff9e}.dock-chip{background:var(--fill);cursor:grab;white-space:nowrap;touch-action:none;border:1px solid #0000;border-radius:14px;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 10px;font-size:13px;display:flex}.dock-chip img{border-radius:4px;width:18px;height:18px}.dock-chip:hover{background:#ffffff1f}.dock-chip.is-ghost{opacity:.35}.dock-chip.is-bounce{animation:.45s dock-bounce}.chip-x{width:18px;color:var(--muted);display:none}.dock-chip:hover .chip-x{display:inline}@keyframes dock-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-9px)}55%{transform:translateY(0)}75%{transform:translateY(-4px)}}.dock-actions{flex:none;align-items:center;gap:6px;display:flex}.dock-export,.dock-import{cursor:pointer;border-radius:14px;flex:none;min-height:44px;padding:0 16px;font-weight:590}.dock-export{border:1px solid var(--line);background:var(--fill);color:var(--text)}.dock-export:hover:not(:disabled){background:#ffffff1f}.dock-export:disabled{opacity:.38;cursor:default}.dock-import{background:var(--accent-soft);color:var(--accent);border:1px solid #ff9f0a59}.import-modal{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#0000006b;place-items:center;display:grid;position:absolute;inset:0}.import-modal.hidden{display:none}.import-panel{background:var(--glass-2);border:1px solid var(--line);width:min(480px,100vw - 32px);box-shadow:var(--shadow);border-radius:18px;padding:22px}.import-head{justify-content:space-between;align-items:center;display:flex}.import-head h2{letter-spacing:-.03em;margin:0;font-size:21px;font-weight:650}.import-copy{color:var(--muted);font-size:14px;line-height:1.45}.import-paste{resize:vertical;border:1px solid var(--line);background:#00000047;border-radius:12px;outline:none;width:100%;min-height:148px;padding:12px}.import-actions{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.file-btn,.primary,.icon-btn,.fallback-open{border:1px solid var(--line);background:var(--fill);cursor:pointer;border-radius:12px}.file-btn{align-items:center;min-height:44px;padding:0 14px;display:inline-flex}.file-btn input{display:none}.primary{background:var(--accent);color:#1c1c1e;border-color:#0000;min-height:44px;padding:0 16px;font-weight:650}.toast{pointer-events:none;background:var(--glass-2);border:1px solid var(--line);opacity:0;border-radius:14px;padding:10px 16px;font-size:13px;transition:all .2s;position:absolute;top:72px;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.window-card{pointer-events:auto;touch-action:none}.window-inner{isolation:isolate;backface-visibility:hidden;width:100%;height:100%;transform:scale(var(--orb-scale,1));filter:brightness(var(--drag-dim,1)) blur(var(--blur,0px));transform-origin:50%;background:#2c2c2e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 22px 50px #0000006b,inset 0 0 0 1px #ffffff0a}.window-card.is-dragging .window-inner{border-color:#ff9f0a8c;box-shadow:0 16px 36px #00000061}html.is-interact .window-card{touch-action:auto}html.is-interact .window-card.is-hot .window-inner{box-shadow:0 22px 50px #0000006b,0 0 0 2px #ff9f0a8c}html.is-interact .window-chrome{cursor:default}html.is-interact .grab-pip{opacity:.35;cursor:default}html.is-interact .grab-overlay{pointer-events:none;cursor:default}html.is-space-move .window-chrome,html.is-space-move .grab-pip{cursor:grab;opacity:1}html.is-space-move .grab-overlay,html.is-space-move .window-card.is-browse .grab-overlay{pointer-events:auto;cursor:grab}.window-chrome{cursor:grab;background:#1c1c1eeb;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.window-fav{border-radius:3px;width:14px;height:14px}.window-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:590;overflow:hidden}.grab-pip{background:radial-gradient(circle at 35% 30%, #ffe0a3, var(--accent) 55%, #b85a00);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #ff9f0ab3}.bright{cursor:default;align-items:center;gap:6px;display:flex}.bright-sun{color:#f5f5f7e6;fill:currentColor;flex:none;width:15px;height:15px}.bright-shell{--pct:66.7%;background:linear-gradient(to right, #f5f5f7 var(--pct), #78788061 var(--pct));border-radius:12px;width:92px;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff1f}.bright input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.bright input::-webkit-slider-runnable-track{background:0 0;border:0;height:24px}.bright input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:22px;height:22px;margin-top:1px;box-shadow:0 .5px 1px #0000002e,0 3px 8px #00000047}.bright input::-moz-range-track{background:0 0;border:0;height:24px}.bright input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 .5px 1px #0000002e,0 3px 8px #00000047}.icon-btn{border-radius:9px;min-height:28px;padding:0 10px;font-size:12px;font-weight:590}.close{place-items:center;width:28px;min-height:28px;padding:0;display:grid}.close span,.close span:before{background:var(--muted);width:10px;height:1.5px;display:block;position:relative}.close span{transform:rotate(45deg)}.close span:before{content:"";position:absolute;inset:0;transform:rotate(-90deg)}.window-stage{filter:brightness(var(--bright,1));background:#000;flex:1;position:relative}.window-frame,.fallback,.brightness-veil,.grab-overlay{position:absolute;inset:0}.window-frame{background:#fff;border:0;width:100%;height:100%}.grab-overlay{cursor:grab}.window-card.is-browse .grab-overlay{pointer-events:none}.slot-ghost{pointer-events:none;background:#ff9f0a14;border:2px solid #ff9f0a8c;border-radius:12px;box-shadow:inset 0 0 0 1px #ff9f0a1f}.slot-ghost.is-invite{box-shadow:none;background:#ffffff0a;border:2px dashed #ffffff38;justify-content:center;align-items:center;display:flex}.slot-ghost-label{color:var(--muted);letter-spacing:-.02em;text-align:center;padding:0 18px;font-size:15px;font-weight:400;display:none}.slot-ghost.is-invite .slot-ghost-label{display:block}.slot-ghost.is-target{background:#ff9f0a29;border-color:#ff9f0af2}.slot-ghost.is-invite.is-target{background:#ff9f0a1a;border-style:dashed;border-color:#ff9f0ad9}.fallback{text-align:center;background:radial-gradient(circle at 50% 20%,#ff9f0a1f,#0000 42%),#2c2c2e;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.fallback img{border-radius:10px;width:42px;height:42px}.fallback-title{font-weight:650}.fallback-host,.fallback p{color:var(--muted);margin:0;font-size:13px}.fallback-open{min-height:36px;color:var(--accent);border-color:#ff9f0a4d;align-items:center;margin-top:6px;padding:0 14px;text-decoration:none;display:inline-flex}.hidden{display:none!important}.brightness-veil{pointer-events:none;opacity:0;background:#000}@media (prefers-reduced-transparency:reduce){.brand,.count,.layout-bar,.arrange-switch,.close-all,.dock,.import-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2c2c2e}}