:root{color-scheme:dark;--bg:#111a20;--panel:#19242c;--line:#ffffff17;--text:#f2eee5;--muted:#93a1aa;--accent:#e8ad86;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#ffffff05;border-radius:8px;min-height:42px;padding:9px 13px}button:hover{background:#ffffff12}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.masthead{margin:0 auto;padding:25px 0;border-bottom:1px solid var(--line);max-width:1400px;width:calc(100% - 80px);display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:26px}.wordmark span{font:21px Georgia,serif;color:var(--text)}.back{font-size:13px;color:#c5ced2}main{max-width:1400px;width:calc(100% - 80px);margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 0 27px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:650;color:var(--accent);margin:0 0 12px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(38px,4vw,58px);letter-spacing:-1.6px;margin:0}.intro>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.stage{position:relative;min-height:585px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#3d515e 0%,#253540 38%,#18252e 78%)}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#809aaa22 1px,transparent 1px),linear-gradient(90deg,#809aaa22 1px,transparent 1px);background-size:52px 52px}.stage-label{position:absolute;top:24px;left:24px;right:24px;z-index:1;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.6px;color:#c4d0d6;pointer-events:none}.dot{width:5px;height:5px;background:#9fddc4;border-radius:50%}.model-label{margin-left:auto;color:#8fa4b1}#viewport{position:absolute;inset:0 0 64px}canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:#d8e2e8;font-size:14px;pointer-events:none}[hidden]{display:none!important}.view-tools{position:absolute;top:53px;left:24px;display:flex;gap:5px}.view-tools button{font-size:11px;padding:7px 11px;min-height:34px;color:#bdcbd2;border-color:transparent}.view-tools [aria-pressed=true]{background:#ffffff15;border-color:#ffffff28;color:white}.stage-footer{position:absolute;bottom:0;left:0;right:0;min-height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:8px;background:#14222b7a}.stage-footer>span{font-size:10px;color:#a8bac5}.stage-footer>div{display:flex;gap:5px}.stage-footer button{font-size:12px;padding:6px 10px;min-height:36px}.stage-footer button span{color:var(--muted);padding-left:6px}.palette{padding:28px 26px;background:var(--panel);border-left:1px solid var(--line)}h2{font-size:26px;line-height:1.2;margin:0 0 25px;letter-spacing:-.5px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.colour-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);gap:8px;cursor:pointer}.colour-row:first-of-type{border-top:1px solid var(--line)}.colour-row strong{display:block;font-size:13px;font-weight:500}.colour-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.colour-control{display:flex;align-items:center;gap:9px}output{font:10px ui-monospace,monospace;color:var(--muted);text-transform:uppercase}input[type=color]{padding:0;width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;background:none;overflow:hidden;cursor:pointer}input::-webkit-color-swatch-wrapper{padding:3px}input::-webkit-color-swatch{border:0;border-radius:50%}input::-moz-color-swatch{border:3px solid var(--panel);border-radius:50%}.presets{margin-top:24px}.presets p{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-bottom:10px}.presets>div{display:flex;gap:6px;flex-wrap:wrap}.presets button{font-size:10px;padding:7px 9px;min-height:33px}.save-area{margin-top:26px;text-align:center}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#241c17;border:0;font-size:13px;font-weight:650;min-height:46px}.primary:hover{background:#f2be9c}.text-button{font-size:11px;border:0;background:none;min-height:36px;padding:10px 0 3px;color:#b4c0c6}#save-status{font-size:10px;color:var(--muted);line-height:1.6;min-height:32px;margin:7px 0 0}#save-status.error{color:#ffb39c}.footnote{display:flex;justify-content:space-between;padding:17px 0 25px;font-size:10px;color:#7d919c}.footnote span:last-child{font-size:8px;letter-spacing:1.5px}@media(min-width:1500px){.stage{min-height:650px}}@media(max-width:1000px){.masthead,main{width:calc(100% - 40px)}.studio{grid-template-columns:minmax(0,1fr) 300px}.palette{padding:25px 20px}.stage-footer{flex-wrap:wrap}.stage-footer>span{width:100%}.stage{min-height:630px}#viewport{bottom:95px}.intro>p{max-width:220px}}@media(max-width:700px){.masthead,main{width:calc(100% - 32px)}.masthead{padding:18px 0}.wordmark span{font-size:18px}.wordmark{font-size:22px}.back{font-size:11px}.intro{padding:25px 0 20px;display:block}.intro>p{max-width:none;margin:12px 0 0;font-size:12px}.intro>p br{display:none}h1{font-size:40px}.studio{display:flex;flex-direction:column}.stage{min-height:390px;height:390px}.stage-label{top:17px;left:16px;right:16px;font-size:8px}.view-tools{top:41px;left:12px}.stage-footer{padding:10px 12px;flex-wrap:nowrap}.stage-footer>span{width:auto;max-width:125px;line-height:1.6;font-size:9px}.stage-footer button{font-size:11px;padding:6px 9px}#viewport{bottom:62px}.palette{border-left:0;border-top:1px solid var(--line);padding:25px 22px}.palette h2{font-size:27px}.palette h2 br{display:none}.colour-row{padding:14px 0}.colour-row strong{font-size:14px}.colour-row small{font-size:11px}output{font-size:11px}.presets button{font-size:12px;min-height:40px}.save-area{margin-top:22px}.primary{min-height:49px}#save-status{font-size:11px}.footnote span:last-child{display:none}}
:root .pose-tools{position:absolute;right:20px;bottom:80px;display:flex;gap:4px;background:#12202ac9;padding:4px;border:1px solid #ffffff20;border-radius:10px}.pose-tools button{font-size:11px;min-height:32px;padding:6px 12px;border-color:transparent}.pose-tools [aria-pressed=true]{background:#e8ad86;color:#241c17}@media(max-width:1000px) and (min-width:701px){:root .pose-tools{bottom:112px}}@media(max-width:700px){:root .pose-tools{right:12px;bottom:72px}}