.v3-product-hero{background:var(--paper2);border-bottom:1px solid var(--border);overflow:hidden}.v3-hero-proof{border:1px solid var(--border);box-shadow:var(--package-card-shadow);border-radius:8px 8px 0 0;max-width:1000px;margin:32px auto -1px;overflow:hidden}.v3-hero-proof>img{object-fit:cover;object-position:top;width:100%;height:380px;display:block}.v3-cms-layout{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.v3-cms-nav{background:var(--card);border-inline-end:1px solid var(--border);height:100vh;padding:24px 16px;position:sticky;top:0;overflow:auto}.v3-cms-main{min-width:0;padding:24px 32px}.v3-editor-grid{grid-template-columns:minmax(240px,1fr) minmax(300px,1fr);gap:24px;display:grid}.v3-cms-preview{background:var(--paper2);border:1px solid var(--border);min-width:0;padding:20px;overflow:auto}.v3-cms-preview[data-device=mobile]{max-width:390px;margin-inline:auto}.v3-media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.v3-cms-table{border-collapse:collapse;text-align:start;width:100%}.v3-cms-table th,.v3-cms-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.v3-cms-table th{background:var(--muted);font-size:13px}.v3-cms-table td{font-size:14px}.v3-sticky-demo{z-index:40;bottom:14px;display:none;position:fixed;inset-inline-start:14px}@media (width<=800px){.v3-hero-proof>img{height:240px}.v3-cms-layout{grid-template-columns:1fr}.v3-cms-nav{border-bottom:1px solid var(--border);height:auto;position:static}.v3-cms-nav nav{gap:4px;display:flex;overflow:auto}.v3-cms-main{padding:16px}.v3-editor-grid{grid-template-columns:1fr}.v3-sticky-demo{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cms-pill{background:var(--muted);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.cms-pill[data-tone=good]{background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.cms-pill[data-tone=info]{background:color-mix(in oklab,var(--ring) 10%,var(--muted));color:var(--foreground)}.cms-pill[data-tone=warn]{color:oklch(45% .1 65);background:oklab(75% .0388228 .144889/.22)}.cms-pill[data-tone=bad]{background:color-mix(in oklab,var(--destructive) 14%,transparent);color:var(--destructive)}.cms-chip{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:4px 12px}.cms-chip[data-active=true]{border-color:var(--primary);background:var(--accent);color:var(--accent-foreground)}.cms-split{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.cms-list-item{border:1px solid var(--border);background:var(--card);text-align:start;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.cms-list-item[data-active=true]{border-color:var(--primary);background:var(--accent)}.cms-chat-line{gap:10px;display:flex}.cms-chat-avatar{background:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.cms-chat-line[data-role=user] .cms-chat-avatar{background:var(--accent);color:var(--primary)}.cms-focal{pointer-events:none;border:2px solid #fff;border-radius:999px;width:18px;height:18px;margin:-9px;position:absolute;box-shadow:0 0 0 2px #00000073}.cms-preview-banner{z-index:70;background:var(--ink,#0b1f17);max-width:760px;color:var(--paper,#fff);inset-inline:16px;border-radius:10px;align-items:center;gap:12px;margin-inline:auto;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:16px;box-shadow:0 12px 40px #00000040}.cms-preview-banner p{flex:1;margin:0}.cms-preview-banner[data-state=invalid]{background:var(--destructive);color:#fff}.cms-preview-exit{white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}@media (width<=800px){.cms-split{grid-template-columns:1fr}.cms-preview-banner{inset-inline:8px;font-size:13px;bottom:8px}}