.studio-grid-layout-workspace>.studio-grid-workarea{grid-template-rows:minmax(0,1fr);grid-template-areas:"stage"}.studio-grid-layout-workspace>.studio-grid-workarea[data-catalog=true]{grid-template-columns:288px minmax(0,1fr);grid-template-areas:"catalog stage"}.studio-grid-layout-workspace>.studio-grid-workarea[data-docked=true][data-inspector=true]{grid-template-columns:minmax(0,1fr) var(--studio-inspector-width);grid-template-areas:"stage inspector"}.studio-grid-layout-workspace>.studio-grid-workarea[data-catalog=true][data-docked=true][data-inspector=true]{grid-template-columns:288px minmax(0,1fr) var(--studio-inspector-width);grid-template-areas:"catalog stage inspector"}.studio-grid-workarea>.studio-layout-catalog{grid-area:catalog}.studio-grid-workarea>.studio-grid-stage{grid-area:stage}.studio-grid-workarea>.studio-grid-inspector[data-docked=true]{grid-area:inspector}.studio-grid-stage{padding-bottom:48px;min-width:0}.studio-grid-layout-workspace[data-worktop] .studio-grid-stage{--grid-worktop-ink:var(--brand-white);background-image:linear-gradient(color-mix(in srgb,var(--grid-worktop-ink) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--grid-worktop-ink) 14%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--grid-worktop-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--grid-worktop-ink) 6%,transparent) 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px}.studio-grid-layout-workspace[data-worktop=light] .studio-grid-stage{--grid-worktop-ink:var(--brand-carbon)}.studio-grid-artboard-space{position:relative;margin:0 auto;flex-shrink:0}.studio-grid-inspector .studio-section-body{display:flex;flex-direction:column;gap:14px}.studio-grid-field{display:flex;flex-direction:column;gap:8px;font-size:var(--studio-text-label);color:var(--studio-muted)}.studio-grid-field :is(input,textarea){width:100%;color:var(--studio-text)}.studio-grid-help{font:var(--studio-text-meta)/1.55 var(--studio-font-ui);color:var(--studio-muted);margin:0}.studio-grid-buttons,.studio-grid-value{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-grid-value{justify-content:space-between}.studio-grid-insertions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-grid-insertions .ui-button{justify-content:flex-start;cursor:grab}.studio-grid-inspector .studio-inspector-scroll{padding-bottom:24px}.studio-grid-statusbar .ui-button{font-size:var(--studio-text-control);min-height:30px}.studio-grid-state{font-size:var(--studio-text-meta);color:var(--studio-muted);margin-left:auto}.studio-grid-overlay-actions{display:flex;gap:2px}.studio-grid-overlay-actions .ui-button[aria-pressed=true]{background:var(--studio-active);color:var(--studio-accent)}.studio-grid-layout-workspace[data-preview=true]{grid-template-rows:minmax(0,1fr)}.studio-grid-layout-workspace[data-preview=true] :is(.studio-topbar,.studio-statusbar){display:none}.studio-grid-stage[data-preview=true]{display:flex;align-items:center;justify-content:center;padding:32px}.studio-settings-dialog.studio-grid-catalog-dialog.ui-dialog{width:min(940px,calc(100vw - 32px));height:min(calc(100dvh - 40px),900px);max-height:calc(100dvh - 40px);padding:20px;overflow:hidden;display:flex;flex-direction:column}.studio-grid-catalog-dialog .studio-layout-catalog{min-height:0;flex:1 1;border:0;width:100%}.studio-grid-catalog-dialog .studio-layout-catalog-heading{display:none}.studio-grid-catalog-dialog .studio-layout-catalog-search{margin:4px 0 12px}.studio-grid-catalog-dialog .studio-layout-catalog-results{padding:0 0 12px}.studio-grid-catalog-dialog .studio-layout-catalog-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-grid-catalog-dialog .studio-layout-catalog-group h3{grid-column:1/-1}.studio-grid-catalog-dialog .studio-layout-source{grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;margin:0;border-color:var(--studio-rule)}.studio-grid-catalog-dialog .studio-layout-catalog .studio-layout-source>.studio-layout-source-thumbnail{width:100%;height:auto;aspect-ratio:16/9}.studio-grid-catalog-dialog .studio-layout-source-check{bottom:12px}.studio-grid-catalog-dialog .studio-layout-catalog-provenance{padding:12px 0 0}@media (min-width:701px) and (max-height:600px){.studio-grid-catalog-dialog .studio-layout-catalog .studio-layout-source>.studio-layout-source-thumbnail{height:96px;aspect-ratio:auto}}@media (max-width:700px){.studio-grid-layout-workspace>.studio-grid-workarea,.studio-grid-layout-workspace>.studio-grid-workarea[data-docked=true][data-inspector=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}.studio-grid-workarea>.studio-grid-inspector[data-docked=true]{grid-area:stage}.studio-settings-dialog.studio-grid-catalog-dialog.ui-dialog{padding:14px}.studio-grid-catalog-dialog .studio-layout-catalog-group{grid-template-columns:minmax(0,1fr)}.studio-grid-catalog-dialog .studio-layout-source{grid-template-columns:100px minmax(0,1fr)}.studio-grid-catalog-dialog .studio-layout-catalog .studio-layout-source>.studio-layout-source-thumbnail{width:100px;height:56.25px}.studio-grid-stage{padding:16px 16px 40px}.studio-grid-stage[data-preview=true]{padding:12px}.studio-grid-state{display:none}.studio-grid-statusbar{gap:2px}.studio-grid-statusbar>.ui-button{padding:4px}.studio-grid-overlay-actions .ui-button{padding:4px;font-size:var(--studio-text-meta)}.studio-grid-statusbar .ui-select-static{max-width:105px}}