.widget-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:32px;display:grid}.widget-controls h2{font-size:calc(18px * var(--fs));margin:24px 0 12px}.widget-controls h2:first-child{margin-top:0}.widget-controls .seg-pills{border-radius:22px;flex-wrap:wrap}.widget-controls .seg-pill{min-width:0}.widget-controls select{max-width:320px}.widget-code{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:calc(13px * var(--fs));resize:vertical;word-break:break-all;border-radius:10px;margin:12px 0;padding:12px 14px;line-height:1.5;display:block}.widget-howto{margin:0;padding-left:1.2em;line-height:1.7}.widget-preview{position:sticky;top:96px}.widget-preview iframe{background:0 0;border:0;width:100%;transition:height .15s;display:block}.widget-credit{font-size:calc(13px * var(--fs));color:var(--muted);margin-top:6px}.widget-faq{max-width:72ch}.widget-faq details{border-bottom:1px solid var(--border);padding:12px 0}.widget-faq summary{cursor:pointer;font-weight:600}.widget-faq details p{margin-top:8px;line-height:1.7}.widget-faq>p{margin-top:18px}@media (width<=860px){.widget-grid{grid-template-columns:minmax(0,1fr)}.widget-preview{order:-1;position:static}}