.app{min-height:100dvh;padding:16px}.shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:16px;align-items:start;max-width:1440px;margin:0 auto}.rail{position:sticky;top:16px;display:grid;gap:10px}.panel{display:grid;gap:12px;padding:18px 20px;border-radius:var(--radius);background:var(--surface)}.panel-go{gap:18px}.brand{display:grid;justify-items:start;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--separator)}.brand img{display:block;width:auto;height:24px}.brand a{color:var(--ink-2);font-size:var(--t-caption);text-decoration:none}.brand a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.me{display:flex;align-items:center;gap:12px;justify-self:stretch;min-width:0;margin:12px 0 6px}.me-avatar{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--accent-wash);color:var(--accent);font-size:var(--t-secondary);font-weight:600}.me-text{display:grid;min-width:0;line-height:1.3}.me-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-text strong{font-weight:600}.nav{display:grid;gap:4px;margin:0 -8px}.nav-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:var(--radius-control);color:var(--ink);text-decoration:none}.nav-link svg{flex:0 0 auto;color:var(--ink-2)}.nav-link:hover{background:var(--well)}.nav-link.is-current{background:var(--accent-wash)}.nav-link.is-current svg{color:var(--accent)}.nav-label{flex:1 1 auto;font-size:var(--t-body)}.nav-link.is-current .nav-label{font-weight:600}.nav-count{color:var(--ink-2);font-size:var(--t-caption);font-variant-numeric:tabular-nums}.stage{display:grid;align-content:start;gap:28px;min-width:0;min-height:calc(100dvh - 32px);padding:28px 32px 40px;border-radius:var(--radius);background:var(--surface)}.stage-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.stage-title{display:grid;gap:4px;min-width:0}.stage-title h2{font-size:var(--t-title);font-weight:600;letter-spacing:-.02em;line-height:1.15}.stage-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.section{display:grid;gap:12px}.section-head{display:flex;align-items:baseline;gap:12px}.section-head h3{font-size:var(--t-section);font-weight:600;letter-spacing:-.01em}.section-head .link-btn,.section-head .caption{margin-left:auto}.section-empty{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:20px;border-radius:14px;background:var(--well);color:var(--ink-2);font-size:var(--t-secondary)}.section-empty p{flex:1 1 18rem}.section-empty strong{color:var(--ink);font-weight:600}.section-action{justify-self:start}.sending-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;background:var(--well)}.sending-bar.is-paused{background:var(--warn-wash)}.sending-bar.is-paused .switch-note{color:var(--warn-ink)}.day{display:grid;gap:6px}.day+.day{margin-top:10px}.day-head{display:flex;align-items:center;gap:10px;margin:0;padding:0 4px 2px;font-size:var(--t-secondary);font-weight:600}.person{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:10px 14px;border:0;border-radius:14px;background:var(--well);text-align:left;cursor:pointer}.person:hover{background:#ececf0}.person.is-static{cursor:default}.person.is-static:hover{background:var(--well)}.avatar{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-size:var(--t-secondary);font-weight:600}.avatar.is-muted{background:#e8e8ed;color:var(--ink-2)}.avatar.small{width:34px;height:34px;font-size:var(--t-caption)}.person .who,.t-foot .who{display:grid;flex:1 1 auto;min-width:0}.person .who>*,.t-foot .who>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .who strong,.t-foot .who strong{font-weight:500}.time{flex:0 0 auto;color:var(--ink-2);font-size:var(--t-secondary);font-variant-numeric:tabular-nums}.chevron{flex:0 0 auto;color:#a1a1a6;font-size:24px;line-height:1}.list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.list-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;border:0;border-radius:14px;background:none;text-align:left;cursor:pointer}.list-row:hover,.list-row.is-filled{background:var(--well)}.list-row.is-filled:hover{background:#ececf0}.list-row.is-current{background:var(--accent-wash)}.list-row .grow{display:grid;flex:1 1 auto;min-width:0}.list-row .title{overflow:hidden;font-size:var(--t-body);text-overflow:ellipsis;white-space:nowrap}.list-row.is-current .title{font-weight:600}.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none}.t-card{display:grid;align-content:start;gap:12px;padding:18px;border-radius:16px;background:var(--well)}.t-stars{color:#f5a524;font-size:18px;letter-spacing:1px}.t-stars-off{color:#d2d2d7}.t-quote{font-size:var(--t-body);line-height:1.5}.t-foot{display:flex;align-items:center;gap:10px}.templates-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px;align-items:start}.templates-layout>.list{position:sticky;top:16px}.template-detail{display:grid;gap:16px;min-width:0}.detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:var(--t-section);font-weight:600;letter-spacing:-.01em}.preview-cta{display:flex;align-items:center;gap:16px;width:100%;min-height:84px;padding:16px 20px;border:0;border-radius:16px;background:var(--accent-wash);color:var(--ink);text-align:left;cursor:pointer}.preview-cta:hover{background:#dfe5ff}.preview-cta-icon{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff}.preview-cta-text{display:grid;flex:1 1 auto;gap:2px}.preview-cta-text strong{font-size:var(--t-section);font-weight:600;letter-spacing:-.01em}.preview-cta-text span{color:var(--ink-2);font-size:var(--t-secondary)}.intro-quote{padding:14px 18px;border-left:3px solid var(--separator);color:var(--ink-2);font-size:var(--t-secondary)}.q-summary{display:grid;gap:8px;margin:0;padding:0;list-style:none}.q-summary li{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:14px;background:var(--well)}.q-num{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--ink-2);font-size:var(--t-caption);font-weight:600}.q-body{display:grid;gap:3px;min-width:0}.q-body strong{font-weight:500}.foot-start{margin-right:auto}.preview-cta:disabled{opacity:.5;cursor:default}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px;align-items:start}.brand-card{display:grid;gap:18px;padding:20px;border-radius:16px;background:var(--well)}.brand-card h3{font-size:var(--t-section);font-weight:600;letter-spacing:-.01em}.field-reset{justify-self:start;text-align:left}.image-field{display:grid;gap:8px}.image-label{font-size:var(--t-secondary);font-weight:500}.image-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.image-thumb{display:grid;flex:0 0 auto;place-items:center;width:140px;height:72px;overflow:hidden;border-radius:12px;background:var(--surface)}.image-thumb img{max-width:100%;max-height:100%;object-fit:contain}.image-thumb.is-round{width:72px;border-radius:50%}.image-thumb.is-round img{width:100%;height:100%;object-fit:cover}.image-actions{display:flex;flex-wrap:wrap;gap:6px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{position:relative;width:40px;height:40px;padding:0;border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--separator);cursor:pointer}.swatch.is-current{box-shadow:0 0 0 2px var(--ink)}.swatch.custom{overflow:hidden;background:conic-gradient(#ef4444,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444)}.swatch.custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-wrap{display:grid;justify-items:center;padding:28px 16px;border-radius:var(--radius);background:var(--well)}.modal .preview-wrap{padding:20px 0}.preview-device{width:min(100%,440px);margin:0 auto;overflow:hidden;border-radius:28px;background:var(--canvas);box-shadow:0 0 0 1px var(--separator),0 18px 48px #00000014}.skipped{display:grid;gap:6px;margin:0;padding:0;list-style:none}.skipped li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:var(--well)}.skipped li>span:first-child{overflow:hidden;text-overflow:ellipsis}.q-edit{display:grid;gap:14px;padding:16px;border-radius:14px;background:var(--well)}.q-edit-head{display:flex;align-items:center;gap:6px}.q-edit-head h3{margin-right:auto;font-size:var(--t-body);font-weight:600}.q-formats{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.foot-error{margin-right:auto;align-self:center}.ai-card{display:grid;gap:14px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#eef1ff,#f6efff)}.ai-card .field textarea{min-height:88px}.ai-card-head{display:flex;align-items:center;gap:8px;font-size:var(--t-body)}.ai-card-head strong{font-weight:600}.ai-spark{color:var(--accent);font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips .btn{background:#ffffffb3}.or{display:flex;align-items:center;gap:12px;color:var(--ink-2);font-size:var(--t-caption)}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--separator)}@media(max-width:1100px){.templates-layout{grid-template-columns:minmax(0,1fr)}.templates-layout>.list{position:static}}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.rail{position:static}.nav{grid-auto-flow:column;grid-auto-columns:1fr;margin:0}.nav-link{flex-direction:column;justify-content:center;gap:4px;text-align:center}.nav-label{font-size:var(--t-caption)}.nav-count{display:none}.stage{min-height:0;padding:20px}}@media(max-width:560px){.app{padding:10px}.stage{padding:16px}.stage-actions{margin-left:0}.q-formats{grid-template-columns:minmax(0,1fr)}.time{display:none}.sending-bar{flex-wrap:wrap}}