.sp-widget-columns{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.9fr);gap:24px;align-items:start}
.sp-widget-controls,.sp-widget-preview{min-width:0}
.sp-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sp-preview-heading h3{font:700 1em 'Segoe UI',sans-serif;color:var(--text,#e9fbfa)}
.sp-preview-mode{max-width:100%;padding:8px 10px;background:var(--bg2,#142635);color:var(--text,#e9fbfa);border:1px solid var(--border,#24545a);border-radius:8px}
.sp-preview-stage{position:relative;width:100%;min-height:1px;overflow:auto;border-radius:10px;outline:1px solid #345160;background-color:#172a38;background-image:linear-gradient(45deg,#243c4b 25%,transparent 25%),linear-gradient(-45deg,#243c4b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#243c4b 75%),linear-gradient(-45deg,transparent 75%,#243c4b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.sp-preview-stage iframe{display:block;border:0;transform-origin:top left;background:transparent;max-width:none}
.sp-preview-stage iframe[hidden]{display:none}
.sp-preview-note{font-size:.76em;line-height:1.5;color:var(--text2,#9db7c9);margin-top:10px}
.sp-preview-faders{max-width:420px;margin-top:18px;display:grid;gap:14px}
.sp-preview-faders label{display:block;font-weight:700;color:var(--text,#e9fbfa);margin-bottom:6px}
.sp-preview-faders .range-wrap{display:flex;align-items:center;gap:12px}
.sp-preview-faders input{width:100%;accent-color:#39ff14}
.sp-preview-faders .range-val{min-width:48px;text-align:right}
.sp-preview-faders input:disabled{opacity:.45}
@media(max-width:1050px){.sp-widget-columns{grid-template-columns:1fr}.sp-widget-preview{width:100%}}