:root{color-scheme:dark;--bg:#10191e;--panel:#19292e;--line:#344a47;--text:#e9e2d0;--muted:#a4b8ac;--gold:#dfbd77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 10%,#294339,#10191e 70%);color:var(--text);font:14px/1.5 system-ui,sans-serif}a{color:var(--gold);text-decoration:none}button,input,select{font:inherit;color:inherit}button,select,input[type=search]{border:1px solid var(--line);background:#17282e;border-radius:6px;padding:9px 11px}button{cursor:pointer}button:hover{border-color:var(--gold)}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.top{max-width:1400px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.top h1{font:32px Georgia,serif;margin:8px 0}.top p{margin:0;color:var(--muted)}.version{font-size:11px;letter-spacing:2px;color:var(--gold)}main{max-width:1400px;margin:0 auto 30px;padding:0 28px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.catalogue,.workspace{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.catalogue{padding:20px;align-self:start;position:sticky;top:18px}.catalogue label,.controls label{display:block;font-size:11px;color:var(--muted)}#search{width:100%;margin-top:6px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}select{display:block;width:100%;margin-top:5px}.muted{font-size:11px;color:var(--muted)}.skin-list{height:64vh;max-height:720px;overflow:auto;display:flex;flex-direction:column;gap:6px}.skin-entry{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 11px}.skin-entry small{color:var(--muted);font-size:10px}.skin-entry[aria-pressed=true]{background:#394c3e;border-color:var(--gold);color:#f4d68e}.heading{padding:20px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0 0 6px}h2{font:25px Georgia,serif;margin:0}.badge{font-size:10px;border:1px solid #51664e;padding:5px 10px;border-radius:20px;white-space:nowrap}.stage{position:relative;background:radial-gradient(ellipse at 50% 48%,#3d5350,#142630);border-block:1px solid var(--line)}canvas{display:block;max-width:100%;height:auto;width:720px;margin:auto}.stage-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:4px;background:#12252cdd;color:#c4d5c6;font-size:10px;white-space:nowrap}.controls{padding:18px 24px 10px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:12px}.controls button{color:#253329;background:var(--gold);border-color:var(--gold);font-weight:600;height:41px}.timeline{display:flex;align-items:center;gap:10px;padding:6px 24px}.timeline input[type=range]{flex:1;min-width:40px;accent-color:var(--gold)}.timeline output{font:11px monospace;min-width:52px;text-align:center}.timeline label{font-size:11px;color:var(--muted);white-space:nowrap}.fallback{margin:10px 24px;font-size:12px;color:var(--gold)}.details{display:flex;gap:15px;justify-content:space-between;margin:0 24px;color:var(--muted);font-size:10px}.details p{overflow-wrap:anywhere}.note{padding:13px 16px;margin:16px 24px 24px;border:1px solid #4b5d4d;background:#24382f;border-radius:6px;color:#bdccba;font-size:11px;line-height:1.7}.error{margin:15px 24px;padding:12px;background:#492d2e;border-radius:5px;color:#f0c2b0;font-size:12px}.error button{margin:6px;font-size:11px}@media(max-width:850px){main{grid-template-columns:220px minmax(0,1fr);padding:0 14px;gap:10px}.top{padding:20px 14px}.version{display:none}.catalogue{padding:12px}.controls{grid-template-columns:1fr 1fr}.heading,.controls{padding:14px}.timeline{padding:10px 14px}.details{display:block}.timeline label{display:none}}@media(max-width:590px){main{grid-template-columns:1fr}.catalogue{position:static}.skin-list{height:180px}.stage canvas{width:100%}.top h1{font-size:27px}}