:root{--paper:#f5f0e5;--ink:#30443c;--muted:#787d71;--line:#dadccf;--sage:#e5eadf}*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:var(--ink);font-family:Arial,sans-serif}header{max-width:1260px;margin:auto;padding:27px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:22px Georgia,serif}.badge{font-size:11px;letter-spacing:.08em;border:1px solid var(--line);border-radius:20px;padding:9px 13px}main{max-width:1184px;margin:auto;padding:34px 24px}.intro{margin-bottom:30px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--muted);font-weight:600}h1{font:52px/1.08 Georgia,serif;margin:13px 0}h2{font:28px/1.2 Georgia,serif;margin:12px 0}.intro>p:last-child,.description{font-size:14px;line-height:1.7;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px}.stage-panel{background:var(--paper);border:1px solid #e2ddcf;border-radius:12px;overflow:hidden}.stage-top{display:flex;justify-content:space-between;padding:18px 22px;font-size:11px;color:#6c7468;letter-spacing:.03em}.stage{height:480px;position:relative;display:grid;place-items:center;overflow:hidden}.stage canvas{width:100%;height:480px;object-fit:contain;position:relative;z-index:1}.ground{position:absolute;bottom:21px;width:55%;height:1px;background:linear-gradient(90deg,transparent,#b5b9a3,transparent)}.transport{display:flex;gap:10px;align-items:center;padding:17px 22px;border-top:1px solid #e2ddcf;background:#f8f5ed}.transport button{min-width:46px}.transport span{margin-left:auto;font-size:12px;color:var(--muted)}button{font:13px Arial,sans-serif;border:1px solid #cbd1c1;background:transparent;color:var(--ink);border-radius:6px;padding:12px 16px;cursor:pointer;min-height:42px}button:hover{background:#e3e8dc}button:focus-visible,input:focus-visible{outline:3px solid #8b9d70;outline-offset:3px}button.primary{background:#405c4d;color:white;border-color:#405c4d;min-width:110px}aside{padding:8px 0}.description{margin-bottom:29px}fieldset{border:0;padding:0;margin:0 0 28px}legend,label{font-size:12px;margin-bottom:12px;display:block}legend{padding:0}.segmented{display:flex;border-radius:7px;background:#e9ece2;padding:4px;gap:4px}.segmented button{flex:1;border:0}.segmented button[aria-pressed=true]{background:#fffef9;box-shadow:0 1px 5px #28392a15}label output{float:right;color:#66765a}input[type=range]{width:100%;accent-color:#58754e;margin:0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 29px}.check{display:flex;gap:10px;align-items:center;margin-top:26px}.check input{accent-color:#58754e;width:16px;height:16px}.pose-note{background:var(--sage);padding:18px 20px;border-radius:8px;margin-top:24px}.pose-note p{font:19px Georgia,serif;margin:9px 0 0}.fine{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0}.quiet{border:0;padding-left:0;text-decoration:underline;text-underline-offset:4px}.strip{margin-top:32px}.strip-heading{display:flex;align-items:center;justify-content:space-between}.strip-heading h2{font-size:24px}.strip-heading span{font-size:11px;color:var(--muted)}.frames{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.frame{padding:0;background:var(--paper);overflow:hidden;text-align:left;border:1px solid var(--line)}.frame[aria-pressed=true]{outline:2px solid #60785c;outline-offset:2px}.thumb{display:block;width:126px;margin:auto;height:140px}.frame small{display:block;background:#faf9f4;padding:12px;font-size:11px}.frame small b{font-weight:400;color:#8d927f;margin-right:10px}footer{border-top:1px solid var(--line);margin-top:36px;padding:22px 0;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;width:min(1000px,94vw);padding:18px;background:var(--paper)}dialog::backdrop{background:#1f302ac4}dialog img{display:block;width:100%;margin-top:12px}dialog button{display:block;margin-left:auto}button:disabled{opacity:.5;cursor:default}@media(max-width:760px){header{padding:20px}.brand{font-size:18px}.badge{font-size:9px}main{padding:26px 18px}h1{font-size:41px}.workspace{grid-template-columns:1fr;gap:24px}.stage{height:420px}.stage canvas{height:420px}aside{padding:0}.frames{gap:8px}.thumb{height:100px;width:90px}.frame small{font-size:10px;padding:8px}.strip-heading span{max-width:120px;text-align:right}footer{line-height:1.6}}@media(max-width:400px){.stage{height:370px}.stage canvas{height:370px}.stage-top{padding:15px;font-size:10px}.transport{padding:14px}.transport span{font-size:10px}.transport button{padding:10px}}

dialog canvas{display:block;width:100%;height:auto;margin-top:12px}

.wardrobe{flex-wrap:wrap}.wardrobe button{font-size:12px;padding:10px 8px;min-width:75px}

[hidden]{display:none!important}#wardrobe-controls select{width:100%;border:1px solid #ccd0c2;background:#fcfaf4;color:#35483f;border-radius:9px;padding:12px 14px;margin:6px 0 16px;font:inherit}#wardrobe-controls label{display:block;margin-top:6px}#wardrobe-controls fieldset{margin-bottom:18px}