.cwf{display:grid;grid-gap:28px;gap:28px}.cwf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:center;grid-gap:56px;gap:56px;padding:56px 60px;border:1px solid var(--rule);border-radius:24px;background:var(--surface)}.cwf-row--flip .cwf-copy{order:2}.cwf-row--flip .cwf-visual{order:1}.cwf-copy{max-width:44ch}.cwf-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.032em;font-weight:500;margin:0 0 16px;color:var(--fg)}.cwf-copy p{margin:0;font-size:16.5px;line-height:1.6;color:var(--fg-2);text-wrap:pretty}.cwf-visual{min-width:0}.cwf-panel{border-radius:22px;padding:0}.cwf-card{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:20px 20px 18px;box-shadow:0 22px 44px -28px color-mix(in srgb,var(--fg) 42%,transparent);display:grid;grid-gap:16px;gap:16px}.cwf-msg{display:flex;gap:11px;align-items:flex-start}.cwf-avatar{width:34px;height:34px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg-2);display:block}.cwf-avatar--winslow{background:var(--accent-soft) url(/assets/winslow-mark.svg) center /24px 24px no-repeat}.cwf-msg-body{min-width:0}.cwf-msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.cwf-name{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.cwf-app{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.06em;padding:1px 5px;border-radius:4px;background:var(--bg-3);color:var(--fg-3)}.cwf-time{font-size:11.5px;color:var(--fg-4)}.cwf-text{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-2);text-wrap:pretty}.cwf-mention{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 4px;font-weight:500}.cwf-attach{gap:12px;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--bg)}.cwf-attach,.cwf-attach-icon{display:flex;align-items:center}.cwf-attach-icon{width:38px;height:38px;flex-shrink:0;border-radius:8px;background:oklch(.62 .19 29);color:#fff;justify-content:center;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.04em}.cwf-attach-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cwf-attach-name{font-size:14px;font-weight:500;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-attach-meta{font-size:12px;color:var(--fg-3)}.cwf-attach-icon--canvas{background:oklch(.55 .13 250)}.cwf-channel{color:var(--accent);font-weight:500}.cwf-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.cwf-chips{display:flex;flex-wrap:wrap;gap:7px}.cwf-chip{font-family:Geist Mono,monospace;font-size:10.5px;letter-spacing:.02em;padding:5px 10px;border:1px solid var(--rule);border-radius:999px;color:var(--fg-3);background:var(--bg)}.cwf-approve{display:flex;flex-wrap:wrap;gap:10px}.cwf-btn{display:inline-flex;align-items:center;padding:9px 18px;border-radius:9px;border:1px solid var(--rule-strong);background:var(--surface);font-size:14px;font-weight:500;color:var(--fg)}.cwf-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (max-width:860px){.cwf-row{padding:32px 24px;gap:32px;border-radius:18px}.cwf-row--flip .cwf-copy{order:1}.cwf-row--flip .cwf-visual{order:2}}.cwf-logos{flex-wrap:wrap;gap:8px;margin-top:28px}.cwf-logo,.cwf-logos{display:flex;align-items:center}.cwf-logo{width:42px;height:42px;justify-content:center;border:1px solid var(--rule);border-radius:10px;background:var(--surface);flex-shrink:0;transition:border-color .16s ease,transform .16s ease}.cwf-logo:hover{border-color:var(--fg-3);transform:translateY(-2px)}.cwf-logo img{width:22px;height:22px;object-fit:contain;display:block}@media (prefers-reduced-motion:reduce){.cwf-logo{transition:none}.cwf-logo:hover{transform:none}}.cwf-logo-more{display:inline-flex;align-items:center;height:42px;padding:0 12px;border:1px solid var(--rule);border-radius:10px;background:var(--bg);font-family:Geist Mono,monospace;font-size:11.5px;letter-spacing:.02em;color:var(--fg-3);white-space:nowrap}@media (max-width:640px){.cwf-logos{gap:8px;margin-top:22px}.cwf-logo{width:38px;height:38px}.cwf-logo img{width:20px;height:20px}.cwf-logo-more{height:38px;padding:0 12px;font-size:11.5px}}