.inline-site-preview{position:sticky;top:20px;min-width:0;padding:16px;align-self:start;overflow:hidden}.inline-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.inline-preview-head strong{display:block;font-size:13px;font-weight:500}.inline-preview-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.inline-preview-head .secondary{font-size:10px;padding:8px 12px;min-height:34px}.inline-preview-options{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:13px}.inline-preview-options label{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.inline-preview-options select{border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff;font:inherit;color:var(--ink);max-width:130px}.inline-preview-options [data-status]{font-size:9px;line-height:1.5;color:var(--muted);text-align:right}.inline-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e8edf3;color:#8191a8;border:1px solid #dde4ed;border-radius:11px 11px 0 0;padding:9px 12px;font-size:9px}.inline-browser-bar>span:first-child{letter-spacing:2px;font-size:8px}.inline-preview-stage{position:relative;height:clamp(400px,65vh,700px);overflow:hidden;border:1px solid #dde4ed;border-top:0;border-radius:0 0 10px 10px;background:#fff;isolation:isolate}.inline-preview-stage iframe{position:absolute;top:0;border:0;transform-origin:top left;background:#fff;max-width:none;display:block}.inline-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#f4f6f9;color:var(--muted);font-size:11px;z-index:2}.inline-preview-loading[hidden]{display:none}.inline-preview-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.editing-split{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);gap:22px;align-items:start}.editing-split>#fields{min-width:0}.studio-editing-split{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:24px;align-items:start}.studio-editing-split .studio-editor-fields{grid-template-columns:1fr}@media(min-width:2400px){.inline-preview-stage{height:800px}}@media(max-width:1366px){.editing-split{grid-template-columns:minmax(220px,.9fr) minmax(0,1.2fr);gap:16px}}@media(max-width:1150px){.editing-split,.studio-editing-split{grid-template-columns:1fr}.inline-site-preview{position:static;grid-row:1}.inline-preview-stage{height:520px}}@media(max-width:767px){.inline-site-preview{padding:13px}.inline-preview-head{gap:8px}.inline-preview-stage{height:480px;max-height:65svh}.inline-preview-options{align-items:flex-start}.inline-preview-options [data-status]{max-width:140px}.inline-preview-head small{font-size:9px}}@media(prefers-reduced-motion:reduce){.inline-site-preview *{scroll-behavior:auto!important}}