:root{color:#eeeee8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#eeeee8;--muted:#a5b3b5;--accent:#9dc4b1;--line:#ffffff21;--panel:#172124f2;--sky-blur:3px;letter-spacing:0;background:#020b17;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.45}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:var(--ink)}button,a{touch-action:manipulation}[hidden]{display:none!important}#stage{height:100dvh;position:fixed;inset:0;overflow:hidden}#skyline{width:calc(var(--frame-size) * 2);height:var(--frame-size);filter:blur(var(--sky-blur));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#artwork{width:var(--frame-size);height:var(--frame-size);pointer-events:none;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scene{touch-action:none;cursor:grab;outline-offset:-3px;width:100%;height:100%;display:block;position:absolute;inset:0}#scene:active{cursor:grabbing}.topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:28px 34px;display:flex;position:fixed;top:0;left:0;right:0}.identity{text-shadow:0 2px 15px #0008;align-items:center;gap:13px;display:flex}.brand-mark{color:#d4d7bb;border-right:1px solid var(--line);align-items:center;height:32px;padding-right:13px;display:flex}.brand-mark svg{stroke-width:1.2px;width:26px;height:26px}h1{margin:0;font:500 26px Georgia,Songti SC,serif}.identity p{color:#b7c5c7;margin:5px 0 0;font-size:10px}.header-actions{pointer-events:auto;align-items:center;gap:6px;display:flex}.icon-button{background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .16s,color .16s,border-color .16s;display:inline-flex;position:relative}.icon-button svg{stroke-width:1.55px;width:19px;height:19px}.icon-button:hover{background:#ffffff0f;border-color:#ffffff16}.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{color:#c2dfcf;background:#83b99d20;border-color:#95c1a930}.icon-button:after{content:attr(data-tooltip);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#213032;border:1px solid #ffffff1a;border-radius:4px;width:max-content;max-width:180px;padding:7px 10px;font-size:11px;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(-3px)}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tool-divider{background:var(--line);flex-shrink:0;width:1px;height:17px;margin:0 6px}.bottombar{z-index:3;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;display:grid;position:fixed;bottom:27px;left:34px;right:34px}.scene-caption{align-items:center;gap:12px;padding-bottom:8px;display:flex}.caption-rule{background:#bac8bd70;width:1px;height:33px}.scene-caption>div{flex-direction:column;gap:5px;display:flex}.caption-title{font:17px Songti SC,Georgia,serif}.caption-subtitle{color:#b6c3c5;font-size:8px}.view-controls{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#152125c9;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex;box-shadow:0 4px 24px #0000001c}.segmented{gap:3px;display:flex}.segmented button{color:#b2bfc1;background:0 0;border:none;border-radius:4px;min-width:52px;height:34px;padding:0 15px;font-size:12px;transition:color .15s,background .15s}.segmented button:hover{color:#fff;background:#ffffff08}.segmented button[aria-pressed=true]{color:#e3ebdf;background:#aec4b51c}.orbit-tools{border-left:1px solid var(--line);align-items:center;padding-left:7px;display:flex}.orbit-tools .icon-button{flex-basis:34px;width:34px;height:34px}.bottombar .icon-button:after{top:auto;bottom:calc(100% + 12px)}.fullscreen-control{pointer-events:auto;justify-self:end;padding-bottom:4px}.settings-panel{z-index:5;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:8px;width:264px;padding:14px 20px 21px;position:fixed;top:93px;right:34px;box-shadow:0 16px 50px #0004}.panel-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.panel-title h2{margin:0;font-size:14px;font-weight:500}.small{flex-basis:30px;width:30px;height:30px}.small svg{width:16px;height:16px}.range-label{color:#d4ddda;justify-content:space-between;margin:17px 0 11px;font-size:12px;display:flex}.range-label output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:3px;accent-color:var(--accent);background:#63737166;border-radius:2px;margin:12px 0 24px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#b6d4bf;border:2px solid #172124;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #8fa99966}input[type=range]::-moz-range-thumb{background:#b6d4bf;border:2px solid #172124;border-radius:50%;width:11px;height:11px}.setting-rule{background:var(--line);height:1px;margin:17px 0}.toggle-row{color:#d4ddda;cursor:pointer;justify-content:space-between;align-items:center;min-height:34px;font-size:12px;display:flex;position:relative}.toggle-row input{opacity:0;cursor:pointer;width:34px;height:25px;position:absolute;right:0}.switch{pointer-events:none;background:#56625f;border-radius:9px;width:28px;height:16px;transition:background .16s}.switch:after{content:"";background:#e5e9e2;border-radius:50%;width:10px;height:10px;margin:3px;transition:transform .16s;display:block}.toggle-row input:checked+.switch{background:#699d80}.toggle-row input:checked+.switch:after{transform:translate(12px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.material-modes{background:#0e171955;border-radius:5px;padding:3px}.material-modes button{flex:1}#loading{z-index:8;color:#bbc8c5;background:#10171b;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex;position:fixed;inset:0}.loading-ring{border:1px solid #5d776d55;border-top-color:#b5cfb9;border-radius:50%;width:25px;height:25px;animation:1.4s linear infinite spin}#loading.error{text-align:center;gap:22px;padding:30px}#loading.error .loading-ring{display:none}#retry-button{background:#799a8722;border:1px solid #94ad9a66;border-radius:5px;padding:10px 18px}#toast{z-index:20;border:1px solid var(--line);color:#e1ebe4;text-align:center;background:#21302bf2;border-radius:5px;max-width:calc(100vw - 32px);padding:11px 19px;font-size:12px;position:fixed;bottom:102px;left:50%;transform:translate(-50%)}#reference-dialog{color:var(--ink);background:#182125;border:1px solid #ffffff25;border-radius:8px;width:382px;max-width:calc(100vw - 32px);padding:13px 18px 15px;box-shadow:0 20px 90px #0008}#reference-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050b10b8}#reference-dialog .panel-title{margin:0 0 8px}#reference-dialog img{width:100%;height:auto;display:block}#reference-dialog p{color:#abb8b6;justify-content:space-between;margin:14px 0 1px;font-size:10px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:fixed;overflow:hidden}.screen-keyboard{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:40%;left:50%}@media (width<=900px){.scene-caption{display:none}.bottombar{grid-template-columns:1fr auto 1fr}.view-controls{grid-column:2}}@media (width<=600px){.topbar{align-items:center;gap:6px;padding:21px 17px}.brand-mark{display:none}h1{font-size:24px}.identity p{margin-top:4px;font-size:9px}.header-actions{gap:0}.header-actions .icon-button{flex-basis:33px;width:33px;height:36px}.header-actions .icon-button svg{width:17px;height:17px}.header-actions .tool-divider{margin:0 4px}.bottombar{left:14px;right:14px;bottom:max(20px, env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:end;gap:0}.view-controls{border-radius:8px;flex-direction:column;gap:5px;padding:7px 10px 6px}.segmented button{min-width:52px;height:32px;padding:0 13px}.orbit-tools{border-left:0;border-top:1px solid var(--line);justify-content:center;width:100%;padding:4px 0 0}.orbit-tools .icon-button{flex-basis:43px;width:43px;height:35px}.fullscreen-control{display:none}.settings-panel{width:250px;top:81px;right:17px}#toast{width:max-content;bottom:138px}.icon-button:after{display:none}}@media (height<=520px) and (width>=601px){.topbar{padding:14px 22px}.bottombar{bottom:14px;left:22px;right:22px}.identity p{display:none}.settings-panel{max-height:calc(100dvh - 84px);top:64px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.loading-ring{animation:none}}