.pw-preview { max-width:1072px; margin:0 auto 56px; padding:28px 0; border-top:1px solid var(--hairline); color:var(--ink); font-size:15px; line-height:1.55; letter-spacing:0; min-width:0; }
.pw-commercial-hero { padding-top:40px !important; padding-bottom:36px !important; }
.pw-preview h2 { margin:0; font-size:24px; font-weight:600; line-height:1.25; letter-spacing:0; }
.pw-preview p { margin:8px 0; }
.pw-preview a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.pw-preview-intro { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.pw-preview-controls { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:20px 0 12px; }
.pw-preview-controls select,.pw-preview-controls button { min-height:44px; border:1px solid var(--hairline); border-radius:6px; background:var(--panel); color:var(--ink); font:inherit; padding:8px 12px; max-width:100%; }
.pw-preview-controls button { display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; }
.pw-preview-controls button:disabled { opacity:.45; cursor:default; }
.pw-preview-controls svg { width:18px; height:18px; flex-shrink:0; }
.pw-preview-controls .pw-preview-copy { width:44px; padding:0; }
.pw-preview :focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.pw-preview-state { min-height:48px; color:var(--muted); font-size:14px; }
.pw-preview .pw-preview-json { box-sizing:border-box; height:300px; max-width:100%; overflow:auto; margin:8px 0 16px; padding:18px; border:1px solid var(--hairline); border-radius:6px; background:var(--panel); color:var(--ink); font:13px/1.65 "IBM Plex Mono",ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.pw-preview-evidence,.pw-preview-next,.pw-preview-related,.pw-preview-customers { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:16px; }
.pw-preview-source[hidden] { display:none; }
.pw-preview .pw-preview-note { font-size:13px; color:var(--muted); max-width:850px; }
.pw-preview-next { font-weight:700; }
.pw-preview-customers { border-top:1px solid var(--hairline); padding-top:18px; }
.pw-preview-customers img { object-fit:contain; background:#fff; padding:5px; border-radius:4px; display:block; }
.pw-preview-related { font-size:13px; }
@media(max-width:1120px) { .pw-preview { margin-left:24px; margin-right:24px; } }
@media(max-width:600px) { .pw-commercial-hero { padding-top:32px !important; padding-bottom:24px !important; } .pw-commercial-hero h1 { font-size:34px; letter-spacing:0; } .pw-preview-controls label { flex-basis:100%; } .pw-preview-controls select { width:100%; } .pw-preview-state { min-height:66px; } .pw-preview h2 { font-size:22px; } }
