.zw-page{max-width:68rem;margin:0 auto;padding:0 16px 48px}.zw-hero h1{font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.15;margin:12px 0 8px;text-wrap:balance}.zw-hero p{margin:0 0 20px;max-width:62ch;line-height:1.6;color:var(--text-muted,#a9afd6)}.zw-builder{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media (min-width:760px){.zw-builder{grid-template-columns:minmax(0,1fr) 372px;align-items:start}.zw-code{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:16px;column-gap:16px}.zw-code>.zw-label{grid-column:1/-1}}.zw-code,.zw-form,.zw-preview{background:var(--surface-card,#121a52);border:1px solid var(--border-subtle,#1d2560);border-radius:14px;padding:16px;min-width:0}.zw-form{display:grid;gap:14px}.zw-form fieldset{border:0;margin:0;padding:0;min-width:0}.zw-field>span,.zw-form legend,.zw-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#a9afd6);margin:0 0 8px;padding:0}.zw-chips{display:flex;flex-wrap:wrap;gap:8px}.zw-chip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border,#2b3474);background:rgba(255,255,255,.04);font-weight:700;font-size:.92rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zw-chip input{position:absolute;opacity:0;width:1px;height:1px}.zw-chip.is-on{background:rgba(168,92,255,.22);border-color:rgba(168,92,255,.6);color:#e3d0ff}.zw-chip:has(input:focus-visible){outline:2px solid var(--primary-400,#b98aff);outline-offset:2px}.zw-field{display:grid}.zw-field select{min-height:44px;width:100%;padding:0 12px;border-radius:10px;border:1px solid var(--border,#2b3474);background:var(--surface-page,#0b1140);color:inherit;font:inherit}.zw-hint{font-size:.82rem;line-height:1.45;color:var(--text-muted,#a9afd6);margin:8px 0 0}.zw-preview{display:grid;justify-items:center}.zw-preview .zw-label{justify-self:start}.zw-preview.is-light{background:#ffffff;border-color:#e3e4ef}.zw-preview.is-light .zw-label{color:#4a5078}.zw-preview iframe{border:0;background:transparent;width:100%;max-width:340px;display:block}.zw-code{display:grid;gap:14px}.zw-code .zw-label{margin-bottom:0}.zw-snip textarea{width:100%;box-sizing:border-box;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px;border-radius:10px;border:1px solid var(--border,#2b3474);background:var(--surface-page,#0b1140);color:inherit;resize:vertical;min-height:7.5rem;word-break:break-all}.zw-snip-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.zw-snip-hd button{min-height:44px;padding:0 16px;border-radius:999px;border:0;background:#8a2cf2;color:#ffffff;font-weight:800;font-size:.9rem;cursor:pointer}.zw-snip-hd button:focus-visible{outline:2px solid var(--primary-400,#b98aff);outline-offset:2px}.zw-text{max-width:68ch;margin-top:28px;line-height:1.6}.zw-text h2{font-size:1.3rem;margin:28px 0 8px}.zw-text h3{font-size:1.02rem;margin:18px 0 4px}.zw-text p{margin:0 0 10px}.zw-note{padding:12px 14px;border-left:3px solid var(--primary-500,#a85cff);background:rgba(168,92,255,.08);border-radius:0 10px 10px 0}