.studio{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px;max-width:1500px;margin:auto}.studio aside{background:#171b24;padding:20px;border-radius:16px;align-self:start}.studio nav{display:grid;gap:12px;margin-bottom:24px}.studio nav a,.studio nav span,.studio nav button{text-align:left;font-size:14px}.studio main{min-width:0}.studio h1{font-size:clamp(28px,4vw,48px)}.studio section{background:#171b24;padding:24px;border:1px solid #434956;border-radius:16px;margin:24px 0;scroll-margin-top:16px}.studio label{display:block;margin:16px 0}.studio input:not([type=checkbox]),.studio select{display:block;max-width:100%;width:100%;padding:10px;margin-top:7px;background:#fff;color:#151515;border:1px solid #757575;border-radius:6px}.studio canvas{display:block;max-width:100%;height:auto;background:#e5e5e5;border:1px solid #888;margin:18px 0}.studio button{background:#fff;color:#101722;border:1px solid #8e9caf;border-radius:7px;padding:12px;margin:4px 4px 4px 0;cursor:pointer}.studio button:disabled{background:#2b303c;color:#b3b6c0;cursor:not-allowed}.studio button:focus-visible,.studio a:focus-visible{outline:3px solid #69e7d7;outline-offset:3px}.studio small{display:block;font-size:15px;color:#74ead7;margin-top:8px}.notice{padding:18px;border-left:4px solid #74ead7;background:#171b24}.studio p{line-height:1.6}.studio [role=status]{min-height:24px;color:#a1f1df}@media(max-width:760px){.studio{grid-template-columns:1fr;padding:12px;gap:12px}.studio aside{padding:16px}.studio nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio nav>*{overflow-wrap:anywhere;min-width:0}.studio section{padding:16px}}