/* Original control styles; layout adapts to the portfolio embed. */
.studio-brand img{filter:invert(1);width:100px;height:auto}.studio-actions #reset{width:auto;padding:9px 12px}
:root{--ui-panel-w:300px}html,body{overflow:hidden}
.studio-top{height:64px;padding:0 24px}.studio-brand strong{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}.studio-brand span{font-size:14px}
.app{height:auto;min-height:calc(100vh - 64px);display:grid;grid-template-columns:var(--ui-panel-w) minmax(0,1fr)}
.panel{order:0;border-right:1px solid var(--ui-border);border-bottom:0;overflow:visible;max-height:none}.studio-body{padding:24px;min-height:0;overflow:visible}
.stage{position:relative;order:0;min-height:540px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px 24px}.preview-label{left:24px;top:22px}
#chart{width:100%;max-width:600px}#chart svg{display:block;width:100%;height:auto;max-height:470px}#status{font-size:10px;text-align:center;margin:18px 0 0}#play{margin-top:12px}
#steps button[aria-pressed=true]{background:var(--ui-field);color:var(--ui-ink);border-bottom-color:var(--ui-ink-mid)}
body[data-guided] .studio-top{display:none}body[data-guided] .app{min-height:calc(100vh - 54px)}
body[data-guided] [data-control=sample],body[data-guided] #note{display:none}
body[data-guided]:not([data-step=story]) [data-control=story],body[data-guided]:not([data-step=format]) [data-control=format],body[data-guided]:not([data-step=motion]) [data-control=motion]{display:none}
button:disabled{opacity:.4;cursor:default}
@media(max-width:520px){.studio-top{height:52px;padding:0 16px}.studio-brand strong{font-size:21px}.studio-brand span{display:block;font-size:12px}.app{display:flex;flex-direction:column;min-height:0}.panel{order:1;border-right:0;border-top:1px solid var(--ui-border)}.studio-body{padding:16px}.studio-section{gap:14px}.studio-section .lbl{margin-bottom:6px}.studio-section fieldset{gap:6px}.studio-section select{padding:8px 10px}.format-choices button{height:56px;gap:5px}.primary{padding:11px}#play{margin-top:6px}.hint{display:none}.stage{order:0;min-height:240px;padding:40px 16px 12px}.preview-label{left:16px;top:16px}#chart svg{max-height:190px}#status{margin-top:10px}.studio-tabs{height:46px}#steps button{font-size:10px;letter-spacing:0;padding:10px 5px}body[data-guided] .panel{order:0}body[data-guided] .stage{order:1}}