:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101415;color:#f5f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.topbar{position:fixed;z-index:4;top:0;left:0;display:flex;width:100%;min-height:72px;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,4vw,42px);background:linear-gradient(180deg,#101415e0,#10141500);pointer-events:none}.brand,.controls,.viewer-hint,.loading{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:12px;color:#f5f7f3;font-size:16px;font-weight:720;line-height:1;text-decoration:none}.brand-mark{position:relative;display:inline-block;width:30px;height:30px;border-radius:12px 12px 9px 9px;background:radial-gradient(circle at 48% 34%,#fff4e9 0 10%,transparent 11%),radial-gradient(circle at 31% 52%,#fff4e9 0 7%,transparent 8%),radial-gradient(circle at 68% 55%,#fff4e9 0 7%,transparent 8%),#d94d38;box-shadow:0 10px 24px #d94d3842,inset 0 -10px #5a120e24}.brand-mark:after{position:absolute;right:9px;bottom:-5px;left:9px;height:12px;border-radius:4px 4px 8px 8px;background:#f2dac0;content:""}.controls{display:flex;align-items:center;gap:10px}.switch,.icon-button{display:inline-flex;min-height:38px;align-items:center;gap:9px;border:1px solid rgba(245,247,243,.16);border-radius:8px;background:#141918b8;color:#f5f7f3;font-size:13px;font-weight:650;line-height:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.switch{padding:8px 12px 8px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.switch-track{position:relative;width:34px;height:20px;border-radius:99px;background:#f5f7f333;transition:background .16s ease}.switch-track:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#f5f7f3;box-shadow:0 2px 8px #00000047;content:"";transition:transform .16s ease}.switch input:checked+.switch-track{background:#80c284}.switch input:checked+.switch-track:after{transform:translate(14px)}.icon-button{padding:8px 12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button:hover{border-color:#f5f7f352;background:#1f2624c7;transform:translateY(-1px)}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.stage{position:relative;width:100%;height:100%;background:radial-gradient(circle at 51% 48%,rgba(128,194,132,.13),transparent 23%),linear-gradient(135deg,rgba(217,77,56,.08),transparent 36%),#101415}#viewer{display:block;width:100%;height:100%;cursor:grab}#viewer:active{cursor:grabbing}.loading{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:12px;min-width:188px;min-height:48px;justify-content:center;border:1px solid rgba(245,247,243,.14);border-radius:8px;background:#101415c2;color:#edf2e8;font-size:13px;font-weight:680;line-height:1;transform:translate(-50%,-50%);transition:opacity .22s ease,visibility .22s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loading.is-hidden{visibility:hidden;opacity:0}.loading.is-error{color:#ffc8bd}.loader-ring{width:18px;height:18px;border:2px solid rgba(245,247,243,.2);border-top-color:#80c284;border-radius:50%;animation:spin .8s linear infinite}.viewer-hint{position:fixed;bottom:clamp(18px,4vw,38px);left:clamp(18px,4vw,42px);min-height:36px;padding:11px 13px;border:1px solid rgba(245,247,243,.12);border-radius:8px;background:#1419189e;color:#f5f7f3b8;font-size:12px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.topbar{min-height:120px;align-items:flex-start;flex-direction:column;padding:16px}.controls{width:100%;justify-content:space-between}.switch,.icon-button{min-height:40px}.viewer-hint{right:16px;bottom:16px;left:16px;text-align:center}}@media(prefers-reduced-motion:reduce){.loader-ring{animation:none}}