:root{--cw-bg:#f6f6f4;--cw-surface:#fff;--cw-text:#1c1c1a;--cw-text-dim:#6f6f68;--cw-border:#0000001f;--cw-accent:#4f46e5}@media (prefers-color-scheme:dark){:root{--cw-bg:#131315;--cw-surface:#1c1c1f;--cw-text:#e8e8e4;--cw-text-dim:#9b9b93;--cw-border:#ffffff1f;--cw-accent:#818cf8}}*{box-sizing:border-box}body{background:var(--cw-bg);color:var(--cw-text);margin:0;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}code{font-family:ui-monospace,monospace;font-size:.9em}.cw-header{border-bottom:1px solid var(--cw-border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.cw-brand{color:var(--cw-text);font-weight:600;text-decoration:none}.cw-brand-dim{color:var(--cw-text-dim);font-weight:400}.cw-session{align-items:center;gap:.6rem;display:flex}.cw-who{color:var(--cw-text-dim)}.cw-btn{border:1px solid var(--cw-border);background:var(--cw-surface);color:var(--cw-text);cursor:pointer;border-radius:6px;padding:.35rem .8rem}.cw-btn:hover{border-color:var(--cw-accent)}.cw-btn-primary{border-color:var(--cw-accent);color:var(--cw-accent)}.cw-main{max-width:72rem;margin:0 auto;padding:1rem}.cw-center{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:4rem;display:flex}.cw-hint{color:var(--cw-text-dim)}.cw-design-head{align-items:baseline;gap:.8rem;margin:.4rem 0 .8rem;display:flex}.cw-design-name{margin:0;font-size:1.15rem}.cw-design-meta{color:var(--cw-text-dim);font-size:.85rem}.cw-canvas{border:1px solid var(--cw-border);background:var(--cw-surface);border-radius:8px;height:70vh;overflow:hidden}.cw-comments{margin-top:1.2rem}