.studio-shell{--studio-gap:1.25rem;color:var(--ink)}.studio-panel{border:1px solid var(--card-line);background:var(--surface);border-radius:1rem}.studio-toolbar{border-bottom:1px solid var(--card-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.studio-chip{border:1px solid var(--card-line);background:var(--surface);min-height:2.25rem;color:var(--color-slate-600);border-radius:.625rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;display:inline-flex}.studio-chip-active{border-color:var(--color-teal-300);background:var(--color-teal-50);color:var(--color-teal-800)}.studio-icon-button{min-width:2.5rem;min-height:2.5rem;color:var(--color-slate-600);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.studio-icon-button:hover{background:var(--color-slate-100)}.studio-shell button:focus-visible,.studio-shell summary:focus-visible{outline:2px solid var(--color-teal-600);outline-offset:3px}.studio-preview{background:var(--surface-sunken);border-radius:.875rem;min-width:0;padding:1.25rem}.studio-preview-mobile{max-width:390px;margin-inline:auto}.studio-preview-tablet{max-width:768px;margin-inline:auto}.studio-density-compact{--studio-item-gap:.5rem}.studio-density-compact>div{margin-top:.5rem}.studio-surface-plain{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.studio-surface-tinted{background:color-mix(in oklab, var(--studio-accent,var(--color-teal-700)) 7%, var(--surface))!important}.studio-density-compact{padding:.75rem!important}.studio-density-compact .gap-4{gap:.75rem}.studio-selected{outline:2px solid var(--color-teal-600);outline-offset:3px}.studio-selection-toolbar{border-bottom:1px dashed var(--card-line);flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.875rem;padding-bottom:.625rem;display:flex}.studio-filterbar{border:1px solid var(--card-line);background:var(--surface);border-radius:.875rem;padding:.875rem}.studio-inspector{scrollbar-gutter:stable;max-height:78dvh;overflow-y:auto}.studio-brief{color:var(--color-slate-500);font-size:.75rem;line-height:1.8}.studio-canvas{container-type:inline-size}.studio-dragging [data-block-id] select,.studio-dragging [data-block-id] input,.studio-dragging [data-block-id] button:not([draggable]){pointer-events:none}.studio-dragging [data-block-id]{outline:1px dashed var(--color-teal-600);outline-offset:3px}.studio-canvas-grid>[data-width]{grid-column:1/-1;container-type:inline-size}@container (min-width:768px){.studio-canvas-grid>[data-width=half]{grid-column:span 6}.studio-canvas-grid>[data-width=third]{grid-column:span 4}}.studio-canvas .studio-metric-grid{grid-template-columns:minmax(0,1fr)}@container (min-width:360px){.studio-canvas .studio-metric-grid:not([data-columns="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:640px){.studio-canvas .studio-metric-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:880px){.studio-canvas .studio-metric-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (max-width:479px){.studio-canvas .grid:not(.studio-canvas-grid):not(.studio-metric-grid)[class*=sm\:grid-cols-]{grid-template-columns:minmax(0,1fr)}.studio-canvas .grid:not(.studio-canvas-grid)>[class*=sm\:col-span-2]{grid-column:1/-1}}@container (max-width:767px){.studio-canvas .grid[class*="lg:grid-cols-["]{grid-template-columns:minmax(0,1fr)}}.studio-icon-button:disabled{opacity:.35;cursor:not-allowed}.studio-preview button:focus-visible,.studio-panel summary:focus-visible{outline:2px solid var(--color-teal-600);outline-offset:3px}@media (max-width:640px){.studio-preview{padding:.75rem}.studio-icon-button{min-width:2.75rem;min-height:2.75rem}.studio-inspector{max-height:none}}@media (prefers-reduced-motion:no-preference){.studio-chip,.studio-icon-button{transition:background-color .16s ease-out,border-color .16s ease-out}}