.widget-tool-layout{grid-template-columns:auto 1fr;align-items:start;gap:40px;max-width:860px;margin:0 auto;display:grid}@media (max-width:680px){.widget-tool-layout{grid-template-columns:1fr}}.widget-preview-col{flex-direction:column;gap:8px;display:flex}.widget-preview-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-family:var(--sans)}.widget-preview-frame{border:1px solid var(--border-faint);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #00000059}.widget-config-col{flex-direction:column;gap:24px;display:flex}.widget-option-group{flex-direction:column;gap:10px;display:flex}.widget-option-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-family:var(--sans)}.widget-pills{gap:8px;display:flex}.widget-pill{border:1px solid var(--border-soft);color:var(--text-muted);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;transition:all .18s}.widget-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.widget-embed-box{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;position:relative;overflow:hidden}.widget-embed-code{color:var(--text-muted);white-space:pre;padding:16px;font-family:DM Mono,Fira Code,Courier New,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.widget-copy-btn{background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-family:var(--sans);border:none;border-radius:8px;padding:5px 12px;transition:opacity .15s;position:absolute;top:10px;right:10px}.widget-copy-btn:hover{opacity:.85}.widget-embed-notes{background:var(--bg-card-2);border:1px solid var(--border-faint);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.widget-embed-notes p{font-family:var(--body);color:var(--text-dim);margin:0;font-size:14px;line-height:1.65}