.studio{max-width:1450px;margin:auto;padding:30px 24px}.studio h1{font-size:clamp(2rem,4vw,3.6rem);margin:0;line-height:1.1}.studio-grid{display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);gap:26px;margin-top:28px}.studio-tools{display:flex;flex-direction:column;gap:10px}.studio-tools input,.studio-tools textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #a899ba;border-radius:9px;background:#fffdf5;color:#231333;font:inherit}.studio-tools label{font-weight:700}.studio-tools #source{font:12px/1.5 monospace;resize:vertical;min-height:230px}.studio-code-label{display:block;margin:12px 0 8px}.studio-note{font-size:13px;line-height:1.5;color:#62546f}.studio-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-stage{min-width:0}.studio-stage-bar{display:flex;align-items:center;justify-content:space-between;background:#422469;color:#fff;padding:12px 16px;border-radius:16px 16px 0 0}.studio-stage-bar span{font-weight:bold}#stage{height:570px;background:#efe7fa;border:2px solid #422469;display:grid;place-items:center;border-radius:0 0 16px 16px;overflow:hidden}#stage iframe{border:0;width:100%;height:100%;background:white}.studio button:disabled{opacity:.55;cursor:not-allowed}#status{line-height:1.5;min-height:24px}@media(max-width:800px){.studio-grid{grid-template-columns:1fr}.studio{padding:24px 16px}#stage{height:420px}}
.studio-stage-bar button{color:#231333}body:has(.studio) .topbar a[data-account-link]{color:#fff4bb}