html,body{background:#111;height:100%;margin:0;overflow:hidden}body.viewer-page{color:#bbb}#app{width:100vw;height:100vh;display:block}#ovl{color:#bbb;font:12px var(--viewer-font,system-ui), sans-serif;pointer-events:none;position:fixed;bottom:12px;left:12px}#err{color:#f55;font:14px var(--viewer-font,system-ui), sans-serif;text-align:center;place-items:center;padding:2rem;display:none;position:fixed;inset:0}#pre{pointer-events:none;place-items:center;padding:2rem;display:none;position:fixed;inset:0;overflow:hidden}#pre-bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#pre .box,#pre .cta{position:relative}#pre .box{flex-direction:column;align-items:center;gap:16px;display:flex}#pre.is-gate{pointer-events:auto;cursor:pointer}#pre.is-gate .box{display:none}#pre .cta{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding:0;display:none}#pre.is-gate .cta{display:flex}#pre .ico{border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .15s;display:grid;box-shadow:0 6px 20px #00000059}#pre .ico svg{width:36px;height:36px}#pre.is-gate:hover .ico{transform:scale(1.06)}#pre .cta:focus-visible{outline:none}#pre .cta:focus-visible .ico{outline-offset:3px;outline:2px solid}#pre .cap{font:14px var(--viewer-font,system-ui), sans-serif;text-align:center}#pre-logo{object-fit:contain;max-width:200px;max-height:120px}#pre .spin{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite viewer-pre-spin}#pre .txt{font:14px var(--viewer-font,system-ui), sans-serif;text-align:center}#viewer-controls{--vc-surface:#000000b3;--vc-text:#fff;--vc-text-muted:#ffffffe6;--vc-text-faint:#ffffffb3;--vc-border:#ffffff59;--vc-border-active:#fff;--vc-active-ring:#0009;--vc-hover:#ffffff1f;--vc-switch-track-off:#ffffff59;--vc-switch-knob-off:#fff;--vc-switch-track-on:#fff;--vc-switch-knob-on:#111;--vc-toggle-surface:#1c1c1c;--vc-toggle-size:28px;--vc-frame:4px;--vc-inset:calc(var(--vc-frame) + var(--vc-toggle-size) / 2);top:var(--vc-inset);right:var(--vc-inset);z-index:10;width:min(240px, calc(100vw - 2 * var(--vc-inset)));background:var(--vc-surface);color:var(--vc-text);font:12px var(--viewer-font,system-ui), sans-serif;pointer-events:auto;border-radius:10px;gap:12px;padding:12px;display:none;position:fixed;box-shadow:0 4px 10px #00000040}#viewer-controls.viewer-controls--light{--vc-surface:#ffffffe0;--vc-text:#111;--vc-text-muted:#111111e6;--vc-text-faint:#111111b3;--vc-border:#11111147;--vc-border-active:#111;--vc-active-ring:#fffc;--vc-hover:#11111114;--vc-switch-track-off:#11111147;--vc-switch-knob-off:#fff;--vc-switch-track-on:#111;--vc-switch-knob-on:#fff;--vc-toggle-surface:#fff}#viewer-controls.is-collapsed{width:0;height:0;box-shadow:none;background:0 0;padding:0}.viewer-controls__body{gap:12px;display:grid}.viewer-controls__collapse{top:calc(var(--vc-toggle-size) / -2);right:calc(var(--vc-toggle-size) / -2);width:var(--vc-toggle-size);height:var(--vc-toggle-size);border:1px solid var(--vc-border);background:var(--vc-toggle-surface);color:var(--vc-text-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .1s,color .15s;display:grid;position:absolute;box-shadow:0 2px 6px #0000004d}.viewer-controls__collapse:hover{color:var(--vc-text);transform:scale(1.08)}.viewer-controls__collapse:focus-visible{outline:2px solid var(--vc-border-active);outline-offset:2px}.viewer-controls__section{gap:8px;display:grid}.viewer-controls__title{color:var(--vc-text-muted);font-weight:600}.viewer-controls__toggle,.viewer-controls__option{color:var(--vc-text-muted);align-items:center;gap:8px;display:flex}.viewer-controls__toggle{cursor:pointer}.viewer-controls__switch{appearance:none;background:var(--vc-switch-track-off);cursor:pointer;border:0;border-radius:999px;flex:none;width:32px;height:18px;margin:0;transition:background .15s;position:relative}.viewer-controls__switch:after{content:"";background:var(--vc-switch-knob-off);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.viewer-controls__switch:checked{background:var(--vc-switch-track-on)}.viewer-controls__switch:checked:after{background:var(--vc-switch-knob-on);transform:translate(14px)}.viewer-controls__switch:focus-visible{outline:2px solid var(--vc-border-active);outline-offset:2px}.viewer-controls__options{gap:6px;display:grid}.viewer-controls__swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.viewer-controls__swatch{border:2px solid var(--vc-border);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s,border-color .15s}.viewer-controls__swatch:hover{transform:scale(1.12)}.viewer-controls__swatch.is-active{border-color:var(--vc-border-active);box-shadow:0 0 0 2px var(--vc-active-ring)}.viewer-controls__swatch--original{width:auto;height:22px;font:inherit;color:var(--vc-text-muted);border-radius:11px;padding:0 8px;font-size:11px}.viewer-controls__swatch--texture{text-align:center;width:32px;height:32px;color:var(--vc-text-faint);border-radius:6px;place-items:center;font-size:8px;line-height:1.1;display:grid;overflow:hidden}.viewer-controls__swatch-img{object-fit:cover;width:100%;height:100%}.viewer-controls__picker{border:2px solid var(--vc-border);cursor:pointer;background:0 0;border-radius:50%;width:24px;height:24px;padding:0}@keyframes viewer-pre-spin{to{transform:rotate(360deg)}}