.studio{accent-color:var(--accent)}.studio-tabs{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.studio-tab{border-radius:var(--radius-full);border:1px solid var(--border-strong);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;padding:0 16px}.studio-tab[aria-selected=true],.studio-tab[aria-pressed=true]{background:var(--surface-2);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.studio-tab:focus-visible{outline-offset:2px;outline:2px solid}.studio-grid{gap:24px;margin-top:24px;display:grid}@media (min-width:1024px){.studio-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.studio-stage{border-radius:var(--radius-xl);box-shadow:var(--shadow-3);line-height:0;overflow:hidden}.studio-canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.studio-controls{border-radius:var(--radius-xl);flex-direction:column;gap:16px;padding:20px;display:flex}.studio-field{flex-direction:column;gap:8px;display:flex}.studio-field select,.studio-field input[type=file]{min-height:40px;font:inherit}.studio-field select{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);padding:0 12px}.studio-field input[type=color]{background:0 0;border:0;width:56px;height:36px}.studio-check{align-items:center;gap:8px;display:flex}.studio-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.studio-css pre{white-space:pre-wrap;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);margin-top:8px;padding:12px;line-height:1.5}