.wgp{min-height:100vh;min-height:100dvh;background:radial-gradient(1000px 420px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg-1);padding:22px 16px 56px}.wgp-wrap{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.wgp-breadcrumb{display:flex;align-items:center}.wgp-back{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.wgp-back:hover{color:var(--accent)}.wgp-h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--text)}.wgp-sub{font-size:var(--fs-sm);color:var(--text-dim);line-height:1.6;margin:0}.wgp-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.wgp-sec-title{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.wgp-preview{display:flex;justify-content:center;padding:8px 0}.wgp-code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-size:var(--fs-xs);color:var(--text-muted);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0;font-family:Courier New,monospace}.wgp-copy-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:var(--fs-xs);font-weight:600;cursor:pointer}.wgp-copy-btn:hover{background:var(--surface-3)}.wgp-notes ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.wgp-notes li{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.wgp-notes code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:var(--fs-micro)}