.studio-ad-left,.studio-ad-inspector { overflow:auto; padding:0; min-width:0; background:#fff; }
.studio-ad-panel-heading { padding:16px; display:grid; gap:5px; border-bottom:1px solid #d0d2cd; }
.studio-ad-panel-heading strong { overflow-wrap:anywhere; font-weight:500; }
.studio-ad-panel-heading small { color:#737670; }
.studio-ad-property { padding:16px; border-bottom:1px solid #d0d2cd; }
.studio-ad-property h3 { display:flex; justify-content:space-between; gap:8px; margin:0 0 14px; font-size:12px; font-weight:600; }
.studio-ad-property p { font-size:11px; line-height:1.5; }
.studio-ad-property .studio-field { margin:10px 0; }
.studio-ad-property .studio-field input,.studio-ad-property .studio-field textarea { min-width:0; width:100%; padding:7px 9px; background:#f5f5f3; border:1px solid #dedfdb; border-radius:5px; font-size:11px; }
.studio-ad-property .studio-field input[type=color] { padding:3px; height:30px; }
.studio-ad-property .studio-field textarea { min-height:64px; resize:vertical; }
.studio-ad-property .studio-field>span { font-size:10px; color:#737670; }
.studio-ad-property .import-data-select { margin-block:10px; }
.studio-ad-property .import-data-select__toggle { font-size:11px; min-height:30px; padding:7px; background:#f5f5f3; }
.studio-ad-nav-row { display:flex; align-items:center; gap:2px; min-width:0; }
.studio-ad-nav-row>.studio-button:first-child { flex:1; text-align:left; min-width:0; overflow:hidden; text-overflow:ellipsis; padding:7px 5px; border:0; border-radius:3px; font-size:11px; }
.studio-ad-nav-row>.studio-button:not(:first-child) { border:0; padding:3px; font-size:11px; }
.studio-ad-nav-row .studio-button--blue { background:#d3e9fc; }
.studio-ad-layer-icon { display:inline-block; width:21px; color:#767973; }
.studio-ad-insert { display:flex; gap:5px; margin-bottom:12px; }
.studio-ad-insert button { flex:1; padding:6px; }
.studio-ad-insert .studio-icon { filter:brightness(0); }
.studio-ad-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px; }
.studio-ad-align { display:flex; gap:2px; margin:10px 0; }
.studio-ad-align button { flex:1; padding:5px 0; font-size:14px; }
.studio-ad-inspector-tabs { position:sticky; top:0; display:flex; gap:5px; background:white; z-index:3; padding:13px 14px; border-bottom:1px solid #d0d2cd; }
.studio-ad-inspector-tabs button { border:0; border-radius:4px; background:transparent; padding:7px 10px; font-weight:500; }
.studio-ad-inspector-tabs button[aria-selected=true] { background:#eeefec; }
.studio-ad-info { display:inline-grid; place-items:center; border:1px solid currentColor; border-radius:50%; width:13px; height:13px; color:#747872; font-size:9px; font-style:normal; font-weight:500; cursor:help; flex:none; }
.studio-ad-viewport { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; background:#e2e3df; }
.studio-ad-canvas-toolbar { display:flex; justify-content:space-between; align-items:center; gap:7px; padding:9px 14px; background:#fff; border-bottom:1px solid #d0d2cd; }
.studio-ad-canvas-toolbar>div { display:flex; gap:5px; align-items:center; }
.studio-ad-canvas-toolbar button { font-size:11px; padding:6px 9px; }
.studio-ad-canvas-toolbar .import-data-select { width:72px; }
.studio-ad-canvas-toolbar .import-data-select__label { display:none; }
.studio-ad-canvas-toolbar .import-data-select__toggle { padding:5px; min-height:28px; font-size:11px; }
.studio-ad-format-strip { display:flex; gap:5px; padding:9px 14px; overflow:auto; flex:none; }
.studio-ad-format-strip button { white-space:nowrap; padding:5px 8px; font-size:10px; }
.studio-ad-canvas-caption { display:flex; justify-content:space-between; padding:3px 20px 8px; font-size:10px; color:#64695f; }
.studio-ad-stage { position:relative; flex:1; min-height:0; overflow:auto; padding:32px; display:flex; align-items:flex-start; justify-content:flex-start; }
.studio-ad-sizer { position:relative; flex:none; margin:auto; }
[data-ad-surface] { position:absolute; inset:0 auto auto 0; }
.studio-ad-stage .studio-ad-artboard { box-shadow:0 0 0 1px #bcbfb6,0 5px 20px #0001; }
.studio-ad-checks { font-size:10px; line-height:1.5; padding-left:15px; margin:0; color:#64695f; }
.studio-ad-checks li { margin-bottom:7px; }
.studio-ad-checks [data-severity=error] { color:#ab3d30; }
.studio-ad-counter { display:block; margin-top:-6px; text-align:right; font-size:10px; color:#737670; }
.studio-ad-format-caption { color:#737670; }
.studio-ad-dialog { width:min(680px,calc(100vw - 32px)); }
.studio-ad-dialog .studio-dialog-body { max-height:75vh; overflow:auto; }
.studio-ad-dialog .studio-dialog-header { padding:17px 20px; }
.studio-ad-dialog .studio-dialog-body>.import-data-select { margin-bottom:15px; }
.studio-ad-proposal-thumb { width:220px; max-height:320px; overflow:hidden; margin:18px auto; }
.studio-ad-dialog [data-ad-preview] { max-width:480px; margin:auto; }
.studio-ad-export-formats { border:0; padding:0; margin:16px 0; }
.studio-ad-export-formats legend { font-weight:600; margin-bottom:9px; }
.studio-ad-export-formats label { display:flex; align-items:center; gap:8px; padding:7px 0; }
.studio-ad-export-formats input { accent-color:#5484a1; }
[data-ad-export-report] { overflow-wrap:anywhere; font-size:12px; line-height:1.5; }
.studio-ad-export-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 0; border-bottom:1px solid #d0d2cd; }
.studio-ad-export-row small { display:block; margin-top:6px; color:#737670; }
.studio-ad-final-url { overflow-wrap:anywhere; font-size:12px; line-height:1.6; }
.studio-ad-connect { max-width:650px; }
.studio-ad-connect .studio-ad-property { padding:18px 0; }
.studio-ad-connect .studio-field input { font-size:12px; }
.studio-editor--ad .studio-tools { gap:7px; }
@media(max-width:900px) { .studio-ad-canvas-toolbar { flex-wrap:wrap; } .studio-ad-canvas-caption { flex-wrap:wrap; gap:6px; } }
@media(max-width:700px) { .studio-ad-canvas-toolbar { padding:7px; } .studio-ad-stage { padding:20px; } .studio-ad-inspector { top:110px; } .studio-ad-dialog .studio-dialog-footer { flex-wrap:wrap; } .studio-ad-dialog .studio-dialog-footer button { min-height:40px; } }
@media(max-width:700px) {
  .studio-editor--ad .studio-ad-left { position:fixed; z-index:9; inset:136px auto 0 44px; width:min(var(--studio-left-width),calc(100vw - 44px)); box-shadow:4px 0 18px #0002; }
  .studio-editor--ad .studio-ad-viewport { grid-row:1; grid-column:1/-1; }
}