.code-block{color:#a9c2ff;font:500 13px/1.6 var(--font-mono);background:#0b1220;border:1px solid #ffffff14;border-radius:14px;padding:20px;overflow-x:auto}.code-block .tag{color:#85d6ff}.code-block .attr{color:#e0e6f0}.code-block .str{color:#a4f0bc}.widget-mock{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;max-width:380px;padding:22px}.widget-mock h5{font:600 16px/1.2 var(--font-display);margin:0 0 12px}.wm-row{flex-wrap:wrap;gap:8px;display:flex}.wm-pill{border:1px solid var(--border);font:500 13px/1 var(--font-sans);background:var(--bg-warm-white);cursor:pointer;border-radius:10px;padding:9px 12px}.wm-pill.on{background:var(--brand-green);color:#fff;border-color:#0000}.wm-slot{border:1px solid var(--border);font:500 13px/1 var(--font-sans);border-radius:10px;justify-content:space-between;margin-bottom:6px;padding:10px 12px;display:flex}.wm-slot .t{color:var(--fg-1)}.wm-slot .c{color:var(--fg-3);font-size:12px}