.studio-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);border:2px solid var(--ink);background:var(--ink);margin-bottom:5vw}
.studio-stage-wrap{min-width:0;padding:clamp(18px,3vw,38px);display:flex;flex-direction:column;justify-content:center}
.studio-stage{position:relative;display:grid;place-items:center;min-height:560px;overflow:hidden;border:2px solid var(--paper);background-color:#393932;background-image:linear-gradient(45deg,#292924 25%,transparent 25%),linear-gradient(-45deg,#292924 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292924 75%),linear-gradient(-45deg,transparent 75%,#292924 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}
.studio-stage canvas{display:block;max-width:100%;max-height:72vh;object-fit:contain;background:#fff}
.studio-loading{position:absolute;padding:12px 16px;border:2px solid var(--ink);background:var(--acid);font:600 13px var(--display);letter-spacing:.08em;transform:rotate(-2deg)}
.studio-loading[hidden]{display:none}
.studio-status{display:flex;justify-content:space-between;gap:20px;padding-top:15px;color:var(--paper);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.studio-controls{padding:clamp(24px,3vw,42px);background:var(--paper);border-left:2px solid var(--ink)}
.studio-control-heading{padding-bottom:24px;border-bottom:2px solid var(--ink)}
.studio-control-heading .section-label{margin-bottom:10px}
.studio-control-heading h2{margin:0;font:600 clamp(2.8rem,5vw,5rem)/.86 var(--display);text-transform:uppercase}
.studio-source{display:grid;gap:8px;margin:25px 0 22px}
.studio-source select{background:#fffdf5}
.studio-sliders{display:grid;gap:18px}
.studio-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 15px;font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase}
.studio-sliders output{font:500 11px var(--mono)}
.studio-sliders input[type=range]{grid-column:1/-1;height:22px;padding:0;border:0;background:transparent;accent-color:var(--red);cursor:pointer}
.studio-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:25px 0}
.studio-presets button{padding:10px 8px;border:2px solid var(--ink);background:transparent;font:600 10px var(--display);text-transform:uppercase;cursor:pointer}
.studio-presets button:hover{background:var(--acid)}
.studio-feature{display:flex;align-items:center;gap:10px;padding:15px;border:2px solid var(--ink);background:#fffdf5;font-size:10px;line-height:1.45;cursor:pointer}
.studio-feature input{appearance:none;flex:0 0 24px;width:24px;height:24px;margin:0;padding:0;border:2px solid var(--ink);background:var(--paper)}
.studio-feature input:checked{background:var(--acid);box-shadow:inset 0 0 0 5px var(--paper)}
.studio-save-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0 10px;padding:0;border:0}
.studio-save-mode legend{margin-bottom:9px;font:600 11px var(--display);letter-spacing:.08em;text-transform:uppercase}
.studio-save-mode label{display:block;cursor:pointer}
.studio-save-mode input{position:absolute;width:1px;height:1px;opacity:0}
.studio-save-mode span{display:flex;min-height:76px;flex-direction:column;justify-content:center;gap:5px;padding:12px;border:2px solid var(--ink)}
.studio-save-mode strong{font:600 13px var(--display);text-transform:uppercase}
.studio-save-mode small{font:400 8px/1.4 var(--mono)}
.studio-save-mode input:checked+span{background:var(--acid);color:#171712;box-shadow:4px 4px 0 var(--ink)}
.studio-replace-warning{margin:10px 0;padding:14px;border:2px solid var(--red);background:#ffd2ca;color:#42120d}
.studio-replace-warning[hidden],.studio-feature[hidden]{display:none}
.studio-replace-warning strong{font:600 13px var(--display);text-transform:uppercase}
.studio-replace-warning p{margin:5px 0 0;font-size:9px;line-height:1.5}
.studio-message{min-height:20px;margin:14px 0 0;font-size:10px;line-height:1.5;color:#9d251b}
.studio-controls .action-button:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:3px 3px 0 var(--ink)}
.studio-link{display:block;margin-bottom:8px;padding:9px;border:2px solid var(--ink);background:var(--blue);color:#fff;text-align:center;text-decoration:none;font:600 10px var(--display);text-transform:uppercase;letter-spacing:.07em}
.studio-link:hover{background:var(--acid);color:var(--ink)}
@media(max-width:980px){.studio-shell{grid-template-columns:1fr}.studio-stage{min-height:460px}.studio-controls{border-left:0;border-top:2px solid var(--ink)}}
@media(max-width:620px){.studio-stage-wrap{padding:12px}.studio-stage{min-height:360px}.studio-status{display:grid}.studio-presets,.studio-save-mode{grid-template-columns:1fr}.studio-controls{padding:24px 20px}}