:root{color-scheme:dark;--bg:#080b0d;--text:#eff0e9;--muted:#929c9f;--line:#2a3438;--gold:#e9ba75;--green:#b8d9b6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% -20%,#2c241a55,transparent 50%),var(--bg);color:var(--text);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.studio-header,main,footer{width:min(1440px,calc(100% - 80px));margin:auto}.studio-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:18px;text-decoration:none;letter-spacing:-.03em}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #566065;border-radius:50%;font-size:11px;color:var(--gold);background:radial-gradient(circle at 35% 20%,#3d4244,#0b0e10 70%)}.header-note{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#8b969c}.header-note span{color:var(--gold);margin-left:10px}.back-link{font-size:12px;color:#b7c0c2;text-decoration:none}.back-link span{margin-left:14px}.studio-intro{padding:57px 0 39px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.eyebrow{font:650 10px/1.5 Inter,-apple-system,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}h1{font-size:clamp(42px,5vw,72px);font-weight:620;line-height:.98;letter-spacing:-.065em;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d7c7ad;letter-spacing:-.05em}.intro-copy{color:var(--muted);font-size:13px;line-height:1.9;max-width:350px;margin:0 0 5px}.studio-shell{border:1px solid #354044;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px #0005}.stage{position:relative;isolation:isolate;height:min(61vw,650px);min-height:400px;background:radial-gradient(ellipse at 50% 55%,#293236 0%,#151c20 45%,#0d1215 82%);overflow:hidden}.stage[data-background=warm]{background:radial-gradient(ellipse at 48% 55%,#55452f,#2a251e 55%,#151513)}.stage[data-background=transparent]{background-color:#171c1f;background-image:linear-gradient(45deg,#242c30 25%,transparent 25%),linear-gradient(-45deg,#242c30 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#242c30 75%),linear-gradient(-45deg,transparent 75%,#242c30 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.stage-halo{position:absolute;z-index:-1;left:20%;top:10%;width:60%;height:65%;border-radius:50%;filter:blur(100px);background:#89989c12;pointer-events:none}.stage[data-background=transparent] .stage-halo{display:none}#rack-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:absolute;inset:0}#rack-canvas:active{cursor:grabbing}.stage-top,.stage-bottom{position:absolute;z-index:2;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.stage-top{top:23px}.stage-bottom{bottom:19px}.stage-bottom p{margin:0;font-size:11px;color:#9ca9ad}.stage-bottom p span{margin:0 8px;color:#59676c}.live-tag{display:flex;align-items:center;gap:8px;color:#c7d3d4;font-size:10px;letter-spacing:.07em}.live-tag i{height:5px;width:5px;background:var(--green);border-radius:50%;box-shadow:0 0 8px #a7dfa655}.model-tag{font-size:9px;color:#87989e;letter-spacing:.14em;text-transform:uppercase}.quiet-button{pointer-events:auto;background:#111a1eaa;border:1px solid #3a494e;border-radius:6px;color:#b7c6c9;padding:7px 12px;font-size:10px}.quiet-button:hover{border-color:var(--gold);color:var(--gold)}.loading{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#10171bec;color:#a1afb3;font-size:12px}.loading[hidden],.fallback[hidden]{display:none}.loading-orbit{width:32px;height:32px;border:1px solid #3b484d;border-top-color:var(--gold);border-radius:50%;animation:orbit 1.5s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.fallback{position:absolute;z-index:1;inset:10% 10%;width:80%;height:80%;object-fit:contain}.studio-controls{display:flex;gap:34px;padding:24px 26px;background:#101619;border-top:1px solid var(--line);flex-wrap:wrap}.control-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#819096;margin-bottom:10px}.segmented{display:inline-flex;gap:3px;border:1px solid #2c393f;padding:3px;border-radius:8px;background:#0b1013}.segmented button,.motion-button{border:0;border-radius:5px;min-height:34px;padding:7px 14px;background:transparent;color:#9baaae;font-size:11px;display:inline-flex;align-items:center;gap:7px}.segmented button[aria-pressed=true]{background:#303b40;color:#f2ece0;box-shadow:0 1px 4px #0005}.segmented button:hover:not(:disabled){color:#fff}.swatch{width:8px;height:8px;display:inline-block;border-radius:50%;border:1px solid #728087}.swatch.dark{background:#141b20}.swatch.warm{background:#d0ad71}.swatch.clear{background:conic-gradient(#aaa 25%,#333 0 50%,#aaa 0 75%,#333 0)}.motion-block{margin-left:auto}.motion-button{min-height:42px;border:1px solid #36444a;padding:7px 18px}.motion-button[aria-pressed=true]{border-color:#b89660;color:var(--gold);background:#3b312422}.motion-button span{font-size:19px;line-height:1}.export-bar{display:flex;gap:30px;align-items:center;padding:21px 26px;background:#0d1316;border-top:1px solid var(--line)}.export-bar .control-label{margin-bottom:7px}select{min-width:230px;border:1px solid #344148;border-radius:6px;background:#131b1f;color:#c8d2d5;font-size:11px;padding:10px 32px 10px 11px}.export-note{font-size:11px;color:#a4b2b7;line-height:1.8;margin:12px 0 0}.export-note span{color:#63757c}.export-button{margin-left:auto;background:var(--gold);border:1px solid #e9c289;border-radius:7px;color:#251b0e;font-size:12px;font-weight:750;min-width:180px;padding:13px 19px;display:flex;align-items:center;justify-content:space-between;gap:30px}.export-button:hover:not(:disabled){background:#f8ca85}.studio-status{margin:0;padding:0 26px;background:#0d1316;color:#c6d8ca;font-size:11px}.studio-status:not(:empty){padding-bottom:15px}.asset-footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:49px 0 30px}.asset-footer h2{font-size:27px;font-weight:570;letter-spacing:-.04em;margin:0 0 10px}.asset-footer .eyebrow{margin-bottom:9px}.asset-footer p:last-child{max-width:600px;color:#83939a;font-size:12px;margin:0}.asset-links{display:flex;align-items:center;gap:23px;white-space:nowrap}.asset-links>a{font-size:11px;color:#99a9b0;text-underline-offset:4px}.asset-links .model-download{text-decoration:none;display:flex;gap:26px;border:1px solid #465158;border-radius:8px;padding:15px 18px;color:#d1dadd}.model-download span{font-size:10px;color:var(--gold)}.visual-note{padding-top:22px;border-top:1px solid var(--line);max-width:830px;color:#596c75;font-size:10px;line-height:1.8;margin:0 0 50px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 32px;color:#62757d;font-size:10px}footer a{text-decoration:none;color:#9aaeb6}@media(max-width:800px){.studio-header,main,footer{width:calc(100% - 36px)}.header-note{display:none}.studio-header{min-height:76px}.studio-intro{padding:38px 0 28px;display:block}.intro-copy{margin-top:22px;max-width:450px;font-size:12px}.stage{height:440px;min-height:0}.studio-controls{gap:19px;padding:20px}.motion-block{margin-left:0}.export-bar{flex-wrap:wrap;gap:16px;padding:20px}.export-note{display:none}.export-button{min-width:150px}.asset-footer{align-items:flex-start;flex-direction:column;gap:24px}.asset-links{flex-wrap:wrap}.model-tag{display:none}}@media(max-width:430px){.studio-header,main,footer{width:calc(100% - 24px)}.brand{font-size:16px}.back-link{font-size:10px}.studio-intro h1{font-size:46px}.stage{height:370px}.stage-top,.stage-bottom{left:14px;right:14px}.stage-bottom p{font-size:9px;max-width:155px}.stage-bottom p span{margin:0 3px}.quiet-button{font-size:9px;padding:6px 8px}.studio-controls{padding:18px 14px;gap:18px}.segmented button{padding:7px 11px;font-size:10px}.motion-button{font-size:10px}.export-bar{padding:18px 14px}.export-bar>div{width:100%}select{width:100%;min-width:0}.export-button{margin-left:0;width:100%}.asset-footer h2{font-size:25px}.visual-note{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}*{scroll-behavior:auto!important}}
