.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}.studio-field-grid{display:grid;min-inline-size:0;padding:0;gap:16px}.studio-field-grid>*{min-inline-size:0}.studio-inspector p{max-inline-size:65ch}.studio-toolbar>span{align-items:center;color:var(--muted)}.studio-tabs,.studio-toolbar>span{display:flex;gap:8px;flex-wrap:wrap}.studio-tabs{margin:20px 0}.studio-tabs a,.studio-tabs button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);min-height:44px}.studio-tabs button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.studio-workspace{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1.6fr) minmax(240px,1fr);align-items:start;gap:16px}.studio-workspace>*{min-width:0}.studio-workspace .panel{padding:18px}.studio-inspector h2,.studio-outline h2{font-size:18px}.studio-outline-row{border-block-end:1px solid var(--line);padding:10px 0}.studio-outline-row>button{display:flex;gap:8px;text-align:start;align-items:center;width:100%;background:transparent;padding:8px 4px;min-height:44px;color:var(--text);overflow-wrap:normal}.studio-outline-row>button[aria-pressed=true]{color:var(--accent);font-weight:700}.studio-inspector fieldset{border:0;padding:0;margin:0;min-width:0}.studio-preview-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.studio-preview-controls label{flex:1;min-width:90px}.studio-preview{margin-inline:auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg);color:var(--text);width:100%;max-width:100%;box-shadow:var(--shadow);font-family:var(--font-inter),sans-serif}.studio-preview[lang=ar]{font-family:var(--font-arabic),sans-serif}.studio-preview[data-theme=classic]{--bg:#f3f7fb;--surface:#fff;--surface-soft:#eaf2f8;--text:#08263d;--muted:#526477;--line:#cedce7;--accent:#005f87;--accent-soft:#ddeef7;--on-accent:#fff;color-scheme:light}.studio-preview[data-theme=classic][data-palette=ocean]{--accent:#006473;--accent-soft:#d9f0f2}.studio-preview[data-theme=classic][data-palette=navy]{--accent:#234b79;--accent-soft:#e1eafa}.studio-preview.studio-phone{max-width:390px}.studio-preview header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:var(--surface)}.studio-preview-body{padding:20px;min-height:380px}.studio-preview h1{font-size:27px;line-height:1.35;overflow-wrap:normal}.studio-preview h2{font-size:21px}.studio-selectable{cursor:pointer}.studio-select-block{display:block;margin-inline-start:auto;padding:4px 10px;min-height:32px;color:var(--accent);background:var(--surface-soft);border-radius:8px}.studio-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.studio-media-grid figure{margin:0;overflow-wrap:anywhere}.studio-media-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px}.studio-history{padding:20px 0;border-bottom:1px solid var(--line)}@media (min-width:1280px){.staff-content:has(.studio-workspace){max-width:1600px}}@media (max-width:1200px){.studio-workspace{grid-template-columns:180px minmax(0,1fr)}.studio-inspector{grid-column:1/-1}.studio-inspector>.studio-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-inspector .studio-field-grid .studio-field-grid{display:flex;flex-direction:column}}@media (max-width:700px){.studio-workspace{display:flex;flex-direction:column}.studio-workspace>*{width:100%}.studio-inspector{order:1}.studio-preview-area{order:2}.studio-inspector .studio-field-grid{display:flex;flex-direction:column}.studio-toolbar .button-row{flex-wrap:wrap}.workspace-shell .studio-toolbar{position:static;padding:12px 0}.studio-outline{max-block-size:240px;overflow-y:auto;scroll-padding-block:12px}.studio-outline:has(>p){max-block-size:none}.studio-preview-body,.studio-workspace .panel{padding:16px}.studio-tabs a,.studio-tabs button{flex:1 1 40%}}.studio-preview[data-text-size=normal]{font-size:16px}.studio-preview[data-cards=rounded]{--radius:16px}.studio-preview-body>.panel{margin-bottom:16px}.studio-frame-host{min-width:0;width:100%}.preview-site-header{display:flex;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.preview-site-main{padding:24px;max-width:1280px;margin:auto}@media (max-width:640px){.preview-site-main{padding:16px}}.studio-guide{margin-block:8px 12px}.studio-guide summary{cursor:pointer;color:var(--muted);min-height:44px;display:flex;align-items:center}