.studio-heading {margin-block-end:16px}
.studio-workspace {display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px;align-items:start}
.studio-settings,.studio-preview {min-width:0;padding:14px}
.studio-tool-tabs,.studio-library-tabs,.studio-view-tools {
  display:flex;flex-wrap:wrap;gap:5px;align-items:center;
}
.studio-tool-tabs {margin-block-end:14px;padding:4px;border:1px solid var(--line);border-radius:12px}
.studio-tool-tabs button,.studio-library-tabs button,.studio-view-tools button,.studio-view-tools a {
  min-height:38px;padding:6px 10px;border:1px solid transparent;border-radius:8px;
  background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;
}
.studio-tool-tabs button {flex:1}
.studio-tool-tabs button[aria-pressed=true],.studio-library-tabs button[aria-pressed=true],.studio-view-tools button[aria-pressed=true] {
  background:var(--accent,#923529);color:var(--on-accent,#fff);
}
.studio-library-tabs {margin-block-end:13px}
.studio-library-tabs button {border-color:var(--line)}
.studio-library-tabs b {margin-inline-start:3px}
.studio-filters {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin-block-end:12px}
.studio-filters .field,.studio-filters input,.studio-filters select {min-width:0;width:100%}
.studio-library {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:65vh;overflow:auto;padding:2px}
.studio-library button {
  display:grid;align-content:start;gap:6px;padding:5px;
  background:transparent;color:inherit;border:1px solid var(--line);border-radius:10px;
  text-align:start;font:inherit;font-size:13px;cursor:pointer;overflow-wrap:anywhere;
}
.studio-library button[aria-pressed=true] {border-color:var(--accent,#923529);outline:1px solid var(--accent,#923529);font-weight:700}
.studio-library img {width:100%;height:auto;aspect-ratio:27/19;object-fit:cover;border-radius:6px;background:#efe4d9}
.studio-library span {padding:0 4px 4px}
.studio-layout-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-settings [data-studio-panel=brand] {display:grid;gap:10px}
.studio-settings [hidden],.studio-view-tools [hidden] {display:none!important}
.studio-content-links {display:flex;flex-wrap:wrap;gap:8px;margin-block-start:14px}
.studio-content-links a {border:1px solid var(--line);padding:6px 8px;border-radius:8px}
#studio-content-controls details {margin-block:8px;padding:8px;border:1px solid var(--line);border-radius:8px}
#studio-content-controls summary {cursor:pointer}
.studio-preview {position:sticky;top:76px}
.studio-preview>header {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-block-end:10px}
.studio-preview [role=status] {display:block;min-height:1.4em;color:var(--muted);font-size:12px}
.studio-frame-stage {position:relative;display:grid;justify-items:center;min-height:620px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.studio-frame {display:block;width:100%;height:clamp(620px,72vh,920px);border:0;background:#faf5ed}
.studio-frame-stage[data-device=phone] .studio-frame {width:min(100%,390px);border-inline:1px solid var(--line)}
.studio-frame-loading {position:absolute;inset:0;visibility:hidden;margin-inline:auto}
.studio-save {position:sticky;bottom:8px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-block:14px}
.studio-save small {display:block;color:var(--muted)}
.studio-workspace :focus-visible,.studio-save :focus-visible {outline:2px solid var(--accent,#923529);outline-offset:2px}
@media(max-width:980px) {
  .studio-workspace {grid-template-columns:minmax(0,1fr)}
  .studio-preview {position:static}
  .studio-library {grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}
}
@media(max-width:520px) {
  .studio-settings,.studio-preview {padding:10px}
  .studio-library {grid-template-columns:repeat(2,minmax(0,1fr))}
  .studio-save {padding:8px 10px}
}