.v1-workspace{display:grid;grid-template-columns:230px minmax(320px,1fr) 280px;gap:14px;height:100%;padding:16px;overflow:hidden}.v1-side,.v1-main{padding:20px;overflow:auto}.v1-side>label,.v1-side>button{margin-bottom:14px;width:100%}.v1-main h2,.v1-side h3{margin:0 0 18px}.v1-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.v1-grid label,.v1-selector{min-width:0}.v1-ai{margin-top:24px;padding:20px;border:1px solid #cbd5f6;background:#f4f6ff;border-radius:12px}.v1-ai p{color:#69758a;font-size:12px}.v1-ai textarea{margin:12px 0}.v1-ai pre,.v1-test pre{white-space:pre-wrap;max-height:260px;overflow:auto;font-size:12px}.v1-interaction{padding:6px}.v1-selector{background:#f4f7fa;padding:14px;border-radius:10px;display:grid;gap:8px}.v1-selector small{color:#69758a}.v1-step{display:grid;grid-template-columns:26px 1fr 28px;gap:10px;padding:14px;margin:10px 0;background:white;border:1px solid #dce3ed;border-radius:10px}.v1-step-number{background:#eaf1ff;color:#2f6fed;border-radius:50%;height:26px;display:grid;place-items:center}.v1-step label{margin-top:10px}.v1-step-buttons{display:grid;gap:4px;align-content:start}.v1-step-buttons button{border:0;border-radius:4px;background:#edf2f8;padding:5px}#v1-animation{width:100%;height:auto;border-radius:12px;margin-bottom:14px}.v1-sheet{max-width:100%;max-height:350px;object-fit:contain;display:block}.v1-angle-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.v1-angle-chips span{padding:10px;background:#edf3ff;border-radius:8px;font-size:12px}.v1-test{padding:18px;height:100%;overflow:auto}.v1-testbar,.v1-testtools{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.v1-testbar>div{flex:1}.v1-testbar span{display:block;font-size:12px;color:#69758a;margin-top:6px}.v1-test iframe{width:100%;height:min(60vh,600px);border:0;border-radius:14px;background:#172236}.v1-testtools label{width:160px}.v1-testtools{margin-top:16px}#v1-runtime-status{padding:10px;font-size:12px}.v1-dialog{border:1px solid #dce3ed;border-radius:18px;padding:26px;width:min(460px,90vw)}.v1-dialog::backdrop{background:#15203488}.v1-dialog label{margin:14px 0}.v1-dialog h2{margin-top:0}.studio-nav{gap:0}.studio-nav button{padding:8px 10px}.studio-actions{gap:6px}.v1-interaction details{margin:20px 0}.v1-interaction summary{cursor:pointer}.v1-workspace input,.v1-workspace select{max-width:100%}#v1-google{margin:12px 0;text-align:center;display:block}@media(max-width:1200px){.v1-workspace{grid-template-columns:190px minmax(300px,1fr) 220px}.studio-brand .brand-mark{display:none}.studio-nav button{padding:8px 6px}}

/* Keep the animation and its controls visible without stretching the canvas. */
.v1-animation-stage{height:auto;display:flex;flex-direction:column;gap:12px}
.v1-animation-stage>.main-card{padding:16px;min-width:0}
.v1-animation-stage h2{margin:0 0 10px;font-size:22px;overflow-wrap:anywhere}
.v1-animation-stage .field-help{margin:6px 0;font-size:12px;line-height:1.5}
.v1-animation-stage #v1-animation{display:block;width:min(100%,560px,60vh);height:auto;margin:0 auto 12px}
.v1-animation-stage label{display:block;margin:10px 0;font-size:12px}
.v1-animation-stage input[type=range]{display:block;width:100%;margin:6px 0}
.v1-animation-stage output{margin-left:8px;font-weight:700}
.v1-animation-stage summary{cursor:pointer;font-weight:600;font-size:13px}
.v1-animation-stage .v1-sheet{margin:12px auto 0}