.qw-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:28px; align-items:start; }
.qw-layout>* { min-width:0; } #qw-code { width:100%; min-height:144px; font-family:ui-monospace,monospace; font-size:14px; overflow-wrap:anywhere; }
.qw-preview { --qw-bg:#fff; --qw-text:#17243a; --qw-field:#f2f5fa; --qw-line:#c6d1df; --qw-accent:#155ab6; --qw-radius:14px; padding:24px; border:1px solid var(--qw-line); border-radius:var(--qw-radius); background:var(--qw-bg); color:var(--qw-text); }
.qw-preview[data-theme="dark"] { --qw-bg:#111c2e; --qw-text:#edf4ff; --qw-field:#1b2a41; --qw-line:#526078; }
.qw-preview[data-accent="violet"] { --qw-accent:#6941c6; }.qw-preview[data-accent="green"] { --qw-accent:#147444; }.qw-preview[data-accent="rose"] { --qw-accent:#b52c65; }.qw-preview[data-accent="orange"] { --qw-accent:#a54408; }.qw-preview[data-radius="square"] { --qw-radius:2px; }
.qw-preview h3 { color:inherit; font-size:24px; margin:10px 0 20px; }.qw-preview p { font-size:14px; margin-bottom:8px; }
.qw-preview-field { padding:14px; margin:8px 0 16px; background:var(--qw-field); border:1px solid var(--qw-line); border-radius:var(--qw-radius); font-size:16px; }.qw-preview-button { padding:15px; margin-top:20px; text-align:center; border-radius:var(--qw-radius); background:var(--qw-accent); color:white; font-weight:700; font-size:16px; }
#settings-pane-widget .field-label { font-size:14px; } #settings-pane-widget input,#settings-pane-widget select { font-size:16px; }
@media(max-width:900px) { .qw-layout { grid-template-columns:1fr; } }