.studio-heading{padding:36px 5vw 28px;display:flex;justify-content:space-between;align-items:end;gap:24px}.studio-heading>div>p{font-size:.875rem;letter-spacing:.14em;margin-bottom:12px}.studio-heading h1{font-size:clamp(2rem,3vw,3rem);line-height:1.2}.studio-heading>p{max-width:360px;color:#53646f;margin:0}.studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;margin:0 5vw 60px;border:1px solid #d4d9da;background:#fff}.stage{position:relative;min-height:590px;background:#edf1f3;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline-offset:-4px}.stage-label{position:absolute;top:24px;left:26px;font-size:.75rem;letter-spacing:.15em;pointer-events:none;z-index:1}.stage-tools{position:absolute;bottom:62px;left:24px;display:flex;gap:6px}.stage-tools button{background:#fff;border:1px solid #ccd4d8;padding:10px 14px;color:#142d3c;font-size:.875rem;min-width:42px}.stage-help{position:absolute;bottom:16px;left:24px;right:24px;margin:0;font-size:.875rem;color:#53646f;pointer-events:none}.stage-message{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:#edf1f3;z-index:3}.stage-message[hidden]{display:none}.stage-message a{text-decoration:underline}.studio-panel{padding:28px;border-left:1px solid #d4d9da}.studio-control{margin-bottom:26px}.studio-control h2{font-size:.875rem;letter-spacing:.04em;font-weight:600;margin-bottom:14px;line-height:1.4}.style-options{display:grid;gap:7px}.studio-panel button{color:#142d3c;background:white;border:1px solid #c9d1d5;padding:11px 12px;font-size:.875rem;line-height:1.4;transition:background .2s;text-align:left}.studio-panel button[aria-pressed=true]{background:#142d3c;color:#fff;border-color:#142d3c}.studio-panel button:hover,.stage-tools button:hover{border-color:#142d3c}.finish-options{display:flex;gap:6px;flex-wrap:wrap}.finish-options button{flex:1;min-width:65px;padding:10px 8px;text-align:center}.finish-options button:before{content:'';display:block;width:22px;height:22px;margin:0 auto 7px;border-radius:50%;border:1px solid #929a9f;background:#272c30}.finish-options #white:before{background:#e8e9e7}.finish-options #bronze:before{background:#80674d}.range-label{display:flex;justify-content:space-between;font-size:.875rem}.studio-panel input{width:100%;accent-color:#142d3c;margin:16px 0 20px;cursor:pointer;min-height:24px}.motion-options{display:flex;gap:8px}.motion-options button{flex:1;text-align:center}.studio-note{border-top:1px solid #d4d9da;padding-top:18px}.studio-note p{font-size:.875rem;color:#596a74;line-height:1.55;margin-bottom:12px}.studio-note a{font-size:.875rem}.studio button:disabled{opacity:.45;cursor:not-allowed}.studio-entry h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.35}.header nav{gap:22px}@media(max-width:1000px){.studio{grid-template-columns:minmax(0,1fr) 300px;margin:0 3vw 40px}.studio-panel{padding:20px}.stage{min-height:570px}.header nav{gap:14px}.studio-heading{padding:28px 3vw}.studio-heading>p{max-width:270px}}@media(max-width:760px){.studio-heading{display:block;padding:26px 20px}.studio-heading>p{max-width:none;margin-top:14px}.studio{grid-template-columns:1fr;margin:0 16px 35px}.stage{min-height:420px;height:55svh;max-height:570px}.studio-panel{border-left:0;border-top:1px solid #d4d9da;padding:24px}.style-options{grid-template-columns:repeat(3,1fr)}.style-options button{text-align:center}.stage-help{font-size:.8125rem;left:16px}.stage-tools{left:16px}.stage-label{left:16px}.header nav{gap:12px}}@media(max-width:620px){.header nav{gap:0}.style-options{grid-template-columns:1fr}.stage{height:440px}.studio-entry{padding:26px 20px!important}}@media(prefers-reduced-motion:reduce){.studio-panel button{transition:none}}