.detail-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--hairline)}.detail-header-left{min-width:0}.detail-eyebrow{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-600);margin:0 0 10px}.detail-h1{font-family:var(--f-display);font-size:clamp(28px,3vw,38px);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.status-pill.built{background:var(--accent);color:var(--ink)}.status-pill.built:before{content:"";width:6px;height:6px;background:var(--ink);border-radius:50%}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:clamp(20px,2.5vw,40px);align-items:start}.preview{background:var(--cream-soft);border:1px solid var(--hairline);border-radius:16px;padding:clamp(14px,1.8vw,22px);position:sticky;top:calc(var(--topbar-h) + 16px)}.preview-frame-wrap{background:var(--cream);border-radius:10px;overflow:hidden}.preview-frame{display:block;width:100%;height:clamp(560px,75vh,1100px);border:0;background:var(--cream)}.preview-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 32px;font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-600);text-align:center;line-height:1.6}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--warm-600)}.preview-open,.preview-copy{display:inline-flex;align-items:center;gap:8px;color:var(--ink);padding:7px 12px;border-radius:999px;border:1px solid var(--hairline-strong);background:transparent;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.preview-open:hover,.preview-copy:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.preview-copy.is-copied{background:var(--green);color:#fff;border-color:var(--green)}.preview-meta-actions{display:inline-flex;gap:8px;align-items:center}.copy-inline{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;margin-left:8px;border-radius:999px;border:1px solid var(--hairline-strong);background:transparent;font-family:var(--f-mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--warm-600);cursor:pointer;vertical-align:middle;transition:background .18s ease,color .18s ease,border-color .18s ease}.copy-inline:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.copy-inline.is-copied{background:var(--green);color:#fff;border-color:var(--green)}.spec{font-family:var(--f-body)}.spec-section{padding:20px 0;border-bottom:1px solid var(--hairline)}.spec-section:first-child{padding-top:0}.spec-section:last-child{border-bottom:0}.spec-label{font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-600);margin:0 0 10px}.spec-value{font-size:15px;line-height:1.55;color:var(--ink);margin:0}.spec-value.muted{color:var(--warm-800)}.spec-value.small{font-size:14px;line-height:1.5}.spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.spec-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--ink);background:var(--cream-soft);padding:4px 10px;border-radius:6px}.spec-empty{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--warm-400)}.subject-line{font-family:var(--f-display);font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}.preheader-line{font-family:var(--f-body);font-size:14px;line-height:1.5;color:var(--warm-600);margin:0;font-style:italic}.kvyo-card{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;padding:16px;margin-top:-4px}.kvyo-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.kvyo-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1}.kvyo-pill.is-flow{background:var(--accent);color:var(--ink)}.kvyo-pill.is-campaign{background:var(--ink);color:var(--cream)}.kvyo-pill.is-meta{background:transparent;color:var(--warm-600);border:1px solid var(--hairline-strong)}.kvyo-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:8px 14px;border:1px solid var(--hairline-strong);border-radius:999px;margin:4px 4px 0 0;transition:background .18s ease,border-color .18s ease,color .18s ease}.kvyo-link:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.kvyo-link.is-disabled{opacity:.55;pointer-events:none}.kvyo-link.is-success{background:var(--green);color:#fff;border-color:var(--green)}@media(max-width:1100px){.layout{grid-template-columns:1fr}.preview{position:static}.preview-frame{height:700px}}@media(max-width:600px){.detail-header{flex-direction:column;align-items:flex-start;gap:16px}}