:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202831;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ebee;padding:0 42px}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:850;color:#252e38;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font-size:11px;letter-spacing:2px;font-weight:500;border-left:1px solid #d8dce1;padding-left:18px}.header-label{font-size:10px;letter-spacing:2px;color:#6c7680}.header-label i{font-style:normal;color:#d26921;border:1px solid #ecc8ad;border-radius:4px;padding:5px 7px;margin-left:14px;letter-spacing:0}main{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 88px);min-height:610px}aside{padding:42px 30px 24px 42px;display:flex;flex-direction:column;border-right:1px solid #e9ebee}.eyebrow{font-size:9px;letter-spacing:2px;color:#a46a3a;font-weight:650;margin:0 0 19px}h1{font-size:34px;line-height:1.18;letter-spacing:-1.4px;font-weight:500;margin:0 0 17px}.intro{font-size:12px;line-height:1.8;color:#78818c;max-width:230px;margin:0}.model-card{margin-top:34px}.tag{font-size:8px;letter-spacing:1.3px;color:#8c949d}h2{font-size:19px;letter-spacing:-.5px;line-height:1.5;font-weight:550;margin:10px 0 16px}h2 span{font-size:14px;font-weight:400;color:#6d7783;letter-spacing:0}.divider{height:1px;background:#e7eaee}dl{font-size:10px;margin:15px 0}dl div{display:flex;justify-content:space-between;gap:8px;margin:12px 0}dt{color:#9299a2}dd{margin:0;text-align:right;color:#4e5965}.note{font-size:10px;line-height:1.7;color:#9299a2}.instructions{margin-top:24px}.instructions h3{font-size:11px;font-weight:600}.instructions p{display:flex;gap:12px;font-size:10px;color:#77818c;line-height:1.6;margin:12px 0}.instructions b{font-weight:400;color:#b1b7bf;font-size:9px}.preview-label{margin-top:auto;padding-top:24px;font-size:8px;letter-spacing:1.5px;color:#9199a2}.preview-label span,.live-dot{width:5px;height:5px;background:#d98143;display:inline-block;border-radius:50%;margin-right:8px}#viewport{position:relative;background:radial-gradient(ellipse at 50% 44%,#fff 0%,#f3f5f7 75%);overflow:hidden;min-width:0}#stage{position:absolute;inset:0}canvas{display:block;touch-action:none;outline:none;width:100%;height:100%}canvas:focus-visible{outline:2px solid #d98143;outline-offset:-4px}.view-label{position:absolute;top:29px;left:30px;font-size:8px;letter-spacing:1.7px;color:#8c969f;z-index:1;pointer-events:none}.stage-footer{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#939ca5;pointer-events:none}.arrow{font-size:17px;margin-left:12px}.toolbar{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:7px;border:1px solid #e6e9ec;background:#fffffff0;border-radius:12px;box-shadow:0 5px 25px #2534480a}.toolbar button,button#retry{border:0;background:transparent;border-radius:7px;cursor:pointer;color:#67727e;padding:10px 12px;font-size:11px;white-space:nowrap}.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#f3e9df;color:#a35e28}.toolbar button span{margin-left:6px}button:focus-visible{outline:2px solid #c98040;outline-offset:2px}.tool-separator{height:20px;width:1px;background:#e8eaed;margin:0 3px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#f5f6f8;z-index:3;color:#79828e;font-size:12px}#loading strong{font-size:16px;font-weight:500;color:#3e4955}.spinner{width:27px;height:27px;border:2px solid #e2e5e9;border-top-color:#d98143;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#error,.nojs{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f6f8;text-align:center;padding:30px}#error img,.nojs img{max-width:80%;max-height:55%;object-fit:contain}#error p,.nojs p{font-size:12px;color:#75808b}button#retry{background:#24313d;color:white;padding:12px 20px}#viewport:fullscreen{width:100vw;height:100dvh}#viewport:fullscreen .toolbar{bottom:60px}@media(max-width:900px){header{padding:0 24px;height:70px}.brand{font-size:25px}.brand span{display:none}main{grid-template-columns:230px minmax(0,1fr);height:calc(100dvh - 70px)}aside{padding:32px 22px}h1{font-size:29px}.toolbar button{padding:10px 8px}.toolbar{gap:0}.toolbar button span{display:none}.stage-footer{font-size:7px;left:20px;right:20px}}@media(max-width:620px){header{height:64px;padding:0 20px}.header-label{font-size:8px;letter-spacing:1px}main{display:flex;flex-direction:column;height:calc(100dvh - 64px);min-height:600px}aside{padding:22px 22px 18px;border-right:0;border-bottom:1px solid #e9ebee;display:block}.eyebrow{font-size:8px;margin-bottom:9px}h1{font-size:25px;line-height:1.1;margin:0 0 10px}h1 br{display:none}.intro,.instructions,.preview-label,.model-card dl,.divider,.note,.tag{display:none}.model-card{margin:0}.model-card h2{font-size:11px;margin:0;color:#7e8892;letter-spacing:.2px;font-weight:400}.model-card h2 br{display:none}.model-card h2 span{font-size:11px;margin-left:6px}#viewport{flex:1;min-height:400px}.view-label{top:20px;left:22px}.toolbar{bottom:55px;width:max-content;max-width:95%}.toolbar button{padding:10px}.stage-footer{bottom:20px}.stage-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
.variant-control{margin-top:22px}.variant-control label{display:block;font-size:8px;letter-spacing:1.3px;color:#939ba4;margin-bottom:9px}.variant-control select{width:100%;padding:10px 8px;border:1px solid #dce1e6;border-radius:6px;background:#fff;color:#4d5966;font:11px inherit;font-size:11px}.variant-control p{font-size:9px;line-height:1.6;color:#929ba5;margin:7px 0 0}@media(min-width:621px) and (max-height:870px){aside{padding-top:25px}.model-card{margin-top:22px}.instructions{margin-top:12px}.preview-label{padding-top:12px}.note{display:none}}@media(max-width:620px){.variant-control{margin-top:13px;display:flex;gap:10px;align-items:center}.variant-control label{font-size:7px;white-space:nowrap;margin:0}.variant-control select{max-width:190px;padding:6px}.variant-control p{display:none}}