:root{--bg:#f6f7f5;--panel:#fff;--ink:#1c2321;--muted:#5f6b67;--line:#dfe3e0;--line-strong:#c5ccc8;--brand:#0f766e;--brand-ink:#fff;--brand-soft:#e6f4f1;--danger:#c0352b;--warn:#b45309;--good:#15803d;--shadow:0 1px 2px #0000000f, 0 4px 14px #0000000f;--radius:12px;--n-yellow:#fff3b0;--n-pink:#ffd6e3;--n-blue:#d4e8ff;--n-green:#d5f5d9;--n-purple:#e7dcff;--n-orange:#ffe0c2;--n-gray:#e9ebea;--n-ink:#24211a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121615;--panel:#1b2120;--ink:#e7ecea;--muted:#9aa7a2;--line:#2c3432;--line-strong:#3b4643;--brand:#2dd4bf;--brand-ink:#062b27;--brand-soft:#123631;--danger:#f87171;--warn:#fbbf24;--good:#4ade80;--shadow:0 1px 2px #0006, 0 4px 14px #0000004d;--n-yellow:#574b12;--n-pink:#5a2639;--n-blue:#1e3a5c;--n-green:#1f4a2a;--n-purple:#3d2f63;--n-orange:#5c3815;--n-gray:#343a39;--n-ink:#f2efe6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;min-width:0;padding:8px 10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}h1,h2,h3{margin:0 0 6px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 8px}kbd{border:1px solid var(--line-strong);background:var(--panel);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:.8em}.shell{flex-direction:column;min-height:100vh;display:flex}.shell>main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}.shell.wide>main{max-width:none;padding:0}.staging-bar{color:#3b2f00;text-align:center;background:#facc15;padding:3px;font-size:.8rem;font-weight:600}.top{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.me{display:flex}.foot{color:var(--muted);justify-content:center;gap:16px;padding:16px;font-size:.8rem;display:flex}.foot a{color:var(--muted)}.shell.wide .foot{display:none}.center{place-items:center;min-height:40vh;display:grid}.center-text{text-align:center}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger);margin-top:8px}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.wrap,.wrap{flex-wrap:wrap}.gap-sm{gap:8px}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:8px;display:flex}.stack-lg{flex-direction:column;gap:16px;display:flex}.narrow-page{max-width:640px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.narrow{max-width:460px;margin:40px auto}.notice{background:var(--brand-soft);border-radius:8px;margin-bottom:12px;padding:10px 12px}.fine{color:var(--muted);margin-top:14px;font-size:.78rem}.pill{background:var(--line);color:var(--muted);text-transform:capitalize;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:.72rem;display:inline-block}.prose ul{padding-left:20px}.prose h2{margin-top:18px}.btn{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.danger{color:var(--danger)}.btn.ghost{border-style:dashed}.btn.small{padding:5px 10px;font-size:.85rem}.btn.block{width:100%}.btn.on{background:var(--brand-soft);border-color:var(--brand)}.btn:disabled{opacity:.55;cursor:default}.btn.google{background:var(--panel)}.btn.link,.link{color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link.danger{color:var(--danger)}.icon-btn,.mini{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:2px 6px}.icon-btn:hover,.mini:hover{background:var(--line);color:var(--ink)}.mini.danger:hover{color:var(--danger)}.mini:disabled{opacity:.35}.or{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.check{align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel);cursor:pointer;border:0;padding:5px 10px;font-size:.85rem}.seg button.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.landing{isolation:isolate;max-width:1140px;margin:0 auto;padding:24px 0 8px;position:relative}.landing:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 320px at 78% 30%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), radial-gradient(420px 260px at 12% 8%, #f59e0b29, transparent 70%), radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 13%, transparent) 1px, transparent 0) 0 0 / 22px 22px;height:620px;position:absolute;inset:-16px -16px auto;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:44px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;display:flex}.eyebrow{color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:99px;align-items:center;gap:8px;margin-bottom:18px;padding:4px 12px;font-size:.8rem;font-weight:650;display:inline-flex}.live-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 60%, transparent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.hero h1{text-wrap:balance;letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:800;line-height:1.08}.hl{background:linear-gradient(100deg, var(--brand), #f59e0b);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--muted);max-width:34em;margin-bottom:24px;font-size:1.1rem;line-height:1.55}.signin-card{border-radius:16px;width:100%;max-width:440px;padding:22px;box-shadow:0 1px 2px #0000000f,0 18px 40px -12px #00000038}.signin-card .stack{gap:12px}.signin-title{margin-bottom:2px;font-size:1.05rem}.btn.big{padding:11px 16px;font-size:1rem}.btn.google:hover{background:color-mix(in srgb, var(--ink) 4%, var(--panel))}.email-row{gap:8px;display:flex}.email-row input{flex:1;padding:10px 12px}.email-row .btn{padding:10px 14px}.tpl-chips{flex-wrap:wrap;align-items:center;gap:6px;max-width:460px;margin-top:18px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:99px;padding:3px 10px;font-size:.78rem}.preview{perspective:1600px}.preview-window{background:var(--panel);border:1px solid var(--line-strong);transform-origin:0;border-radius:16px;transition:transform .6s;position:relative;overflow:hidden;transform:rotateY(-7deg)rotateX(3deg);box-shadow:0 2px 4px #0000000f,0 30px 60px -20px #00000059}.preview:hover .preview-window{transform:none}.preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;font-size:.8rem;display:flex}.preview-dots{gap:5px;display:flex}.preview-dots i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.preview-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.preview-people{display:flex}.preview-avatar{color:#fff;width:22px;height:22px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid}.preview-avatar+.preview-avatar{margin-left:-5px}.preview-saved{color:var(--good);font-size:.72rem}.preview-grid{background:var(--bg);grid-template-rows:auto auto auto;grid-template-columns:repeat(10,1fr);grid-template-areas:"problem problem solution solution uvp uvp unfair unfair segments segments""problem problem metrics metrics uvp uvp channels channels segments segments""cost cost cost cost cost revenue revenue revenue revenue revenue";gap:6px;padding:8px;display:grid}.pv-section{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:5px;min-width:0;min-height:108px;padding:6px;display:flex}.pv-problem{grid-area:problem}.pv-solution{grid-area:solution}.pv-metrics{grid-area:metrics}.pv-uvp{grid-area:uvp}.pv-unfair{grid-area:unfair}.pv-channels{grid-area:channels}.pv-segments{grid-area:segments}.pv-cost{grid-area:cost}.pv-revenue{grid-area:revenue}.pv-cost,.pv-revenue{flex-flow:wrap;align-items:flex-start;min-height:0}.pv-cost .pv-head,.pv-revenue .pv-head{width:100%}.pv-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 4px;font-size:.58rem;font-weight:750;line-height:1.2;display:flex}.pv-head .meter{padding:0 5px;font-size:.55rem}.pv-note{color:var(--n-ink);border-radius:4px;padding:5px 6px;font-size:.66rem;line-height:1.3;position:relative;transform:rotate(-.6deg);box-shadow:0 1px 2px #00000024}.pv-note:nth-child(odd){transform:rotate(.7deg)}.pv-typing{box-shadow:0 0 0 2px #db2777,0 2px 8px #00000026;transform:none!important}.pv-lock{color:#fff;background:#db2777;border-radius:99px;padding:0 5px;font-size:.52rem;font-weight:700;position:absolute;top:-8px;right:4px}.pv-caret{vertical-align:-1px;background:currentColor;width:1.5px;height:.9em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.pv-cursor{pointer-events:none;align-items:flex-start;gap:2px;animation:9s ease-in-out infinite roam;display:flex;position:absolute;top:64%;left:20%}.pv-cursor span{color:#fff;background:#2563eb;border-radius:99px;margin-top:12px;padding:1px 6px;font-size:.6rem;font-weight:700}@keyframes roam{0%,to{top:64%;left:20%}30%{top:30%;left:74%}55%{top:82%;left:70%}80%{top:40%;left:34%}}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.feature{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.feature h3{margin:12px 0 4px;font-size:1rem}.feature p{margin:0;font-size:.9rem;line-height:1.5}.feature-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.feature-icon.teal{background:var(--brand-soft);color:var(--brand)}.feature-icon.amber{background:var(--n-yellow);color:var(--warn)}.feature-icon.violet{background:var(--n-purple);color:#7c3aed}@media (prefers-color-scheme:dark){.feature-icon.violet{color:#c4b5fd}}@media (width<=600px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"problem uvp""solution segments""cost revenue"}.pv-metrics,.pv-unfair,.pv-channels,.preview-saved{display:none}.pv-section{min-height:0}.email-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.live-dot,.pv-caret,.pv-cursor{animation:none}.preview-window{transition:none;transform:none}}.avatar{color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar.ring{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--ring)}.people{align-items:center;gap:2px;display:flex}.people .avatar+.avatar{margin-left:-6px}.people .more{color:var(--muted);margin-left:4px;font-size:.75rem}.home{grid-template-columns:220px 1fr;gap:24px;display:grid}.sidebar{flex-direction:column;gap:10px;display:flex}.side-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0 0;font-size:.8rem}.ws-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ws-item{color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.ws-item:hover{background:var(--line)}.ws-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.ws-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.ws-head h1{align-items:center;gap:6px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filters input[type=search]{flex:1;min-width:180px}.cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.canvas-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.canvas-card:hover{border-color:var(--line-strong)}.card-link{color:var(--ink);padding:12px;text-decoration:none;display:block}.card-body{flex-direction:column;gap:2px;margin-top:10px;display:flex}.card-actions{position:absolute;top:8px;right:8px}.thumb{grid-auto-rows:1fr;gap:3px;height:92px;display:grid}.thumb.list{grid-template-columns:1fr}.thumb-cell{background:var(--n-yellow);border-radius:3px;min-height:6px}.empty{text-align:center;padding:36px}.custom-templates{margin-top:28px}.tpl-list{gap:6px;padding:0;list-style:none;display:grid}.tpl-list li{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.danger-zone{margin-top:32px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.tpl{text-align:left;background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--ink);flex-direction:column;gap:6px;padding:12px;text-decoration:none;display:flex}.tpl.on{border-color:var(--brand);background:var(--brand-soft)}.tpl.make{border-style:dashed;justify-content:center;align-items:flex-start}.tpl .big{color:var(--brand);font-size:2rem;line-height:1}.modal-back{z-index:50;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);width:min(560px,100%);max-height:calc(100vh - 32px);padding:18px 20px;overflow:auto}.modal.wide{width:min(1100px,100%)}.modal-head,.drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-head h2,.drawer-head h2{margin:0}.drawer{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;width:360px;min-height:0;display:flex}.drawer-head{padding:14px 16px 0}.drawer-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex;overflow:auto}.popover{z-index:30;background:var(--panel);border:1px solid var(--line-strong);min-width:220px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:100%;right:0}.menu-item{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:.88rem;display:flex}.menu-item:hover{background:var(--line)}.menu-item.danger{color:var(--danger)}.menu-item.select select{max-width:150px;padding:3px 6px;font-size:.85rem}.toasts{z-index:60;flex-direction:column;gap:8px;width:min(480px,100% - 32px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px;font-size:.9rem}.toast.error{background:var(--danger);color:#fff}.swatches{flex-wrap:wrap;gap:4px;padding:4px;display:flex}.swatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.swatch.small{width:16px;height:16px}.swatch.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--brand)}.c-yellow{background:var(--n-yellow)}.c-pink{background:var(--n-pink)}.c-blue{background:var(--n-blue)}.c-green{background:var(--n-green)}.c-purple{background:var(--n-purple)}.c-orange{background:var(--n-orange)}.c-gray{background:var(--n-gray)}.canvas-page{flex-direction:column;height:calc(100vh - 51px);display:flex}.staging-bar~main .canvas-page{height:calc(100vh - 73px)}.toolbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-left{flex:1}.crumb{color:var(--muted);white-space:nowrap;font-size:.88rem;text-decoration:none}.title-input{background:0 0;border-color:#0000;width:min(360px,40vw);min-width:120px;font-size:1.05rem;font-weight:700}.title-input:hover,.title-input:focus{border-color:var(--line-strong);background:var(--panel)}.title-static{margin:0;font-size:1.05rem}.template-tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:.75rem}.save-status{white-space:nowrap;font-size:.78rem}.save-status.saved{color:var(--good)}.save-status.saving{color:var(--muted)}.save-status.offline{color:var(--warn);font-weight:600}.filter{gap:3px;padding:0 4px;display:flex}.more-wrap{position:relative}.banner{background:var(--brand-soft);padding:8px 16px;font-size:.9rem}.canvas-body{flex:1;min-height:0;display:flex}.canvas-scroll{flex:1;min-width:0;padding:14px;overflow:auto}.hint-line{text-align:center;margin-top:10px;font-size:.78rem}.canvas-page.focus .toolbar,.canvas-page.focus .hint-line{display:none}.canvas-page.focus{z-index:40;background:var(--bg);height:100vh;position:fixed;inset:0}.focus-exit{z-index:41;position:fixed;top:10px;right:10px}.canvas-grid{background:var(--bg);grid-auto-rows:minmax(170px,auto);gap:8px;min-width:980px;display:grid}.canvas-grid.list{grid-auto-rows:auto;min-width:0;max-width:820px;margin:0 auto}.section{background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:8px;transition:box-shadow .15s;display:flex}.section.sub{border-style:dashed}.section.drop-target{box-shadow:0 0 0 2px var(--brand)}.section-head{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.section-head h3{text-transform:uppercase;letter-spacing:.03em;margin:2px 0 0;font-size:.86rem}.section-head .num{color:var(--brand);margin-right:4px}.section-tools{flex:none;align-items:center;gap:4px;display:flex}.here{gap:2px;margin-right:4px;display:flex}.meter{background:var(--line);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:99px;padding:1px 7px;font-size:.72rem;font-weight:700}.meter.ok{background:color-mix(in srgb, var(--good) 15%, transparent);color:var(--good)}.meter.near{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.meter.over{background:var(--danger);color:#fff}.prompt{color:var(--muted);margin:0;font-size:.8rem}.notes{flex-direction:column;gap:6px;display:flex}.add-note{border:1px dashed var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:auto;padding:5px;font-size:.82rem}.add-note:hover{color:var(--brand);border-color:var(--brand)}.note{color:var(--n-ink);border-radius:6px;padding:6px 8px 4px;transition:opacity .15s,box-shadow .15s;position:relative;box-shadow:0 1px 2px #0000001f}.note.dimmed{opacity:.28}.note.excluded{opacity:.7;background-image:repeating-linear-gradient(135deg,#0000 0 8px,#0000000a 8px 16px)}.note.editing{box-shadow:0 0 0 2px var(--brand), 0 2px 8px #00000026}.note.locked{box-shadow:0 0 0 2px var(--lock)}.note.drop-before:before{content:"";background:var(--brand);border-radius:2px;height:3px;position:absolute;top:-4px;left:0;right:0}.note-text{resize:none;width:100%;color:inherit;background:0 0;border:0;outline:none;padding:0;font-size:.9rem;line-height:1.35;overflow:hidden}.note-text::placeholder{color:color-mix(in srgb, var(--n-ink) 45%, transparent)}.note-foot{align-items:center;gap:4px;min-height:20px;display:flex}.note-foot .mini{color:color-mix(in srgb, var(--n-ink) 60%, transparent);padding:0 4px;font-size:.8rem}.note-meta{min-width:0;color:color-mix(in srgb, var(--n-ink) 55%, transparent);white-space:nowrap;text-overflow:ellipsis;opacity:0;flex:1;font-size:.68rem;transition:opacity .15s;overflow:hidden}.note:hover .note-meta,.note.editing .note-meta,.note.excluded .note-meta{opacity:1}.note-meta .pill{margin:0 4px 0 0}.grip{cursor:grab;color:color-mix(in srgb, var(--n-ink) 45%, transparent);-webkit-user-select:none;user-select:none;padding:0 2px;font-size:.8rem}.lock-tag{background:var(--lock);color:#fff;border-radius:99px;padding:1px 6px;font-size:.66rem;font-weight:600;position:absolute;top:-9px;right:6px}.note-menu{top:calc(100% - 4px)}.tips,.hints{margin:4px 0;padding-left:18px;font-size:.88rem}.guide-list{gap:12px;padding-left:0;list-style:none;display:grid}.guide-list p{margin:2px 0;font-size:.88rem}.target-chip{background:var(--brand-soft);border-radius:8px;padding:4px 8px;font-size:.8rem}.comments{gap:10px;margin:0;padding:0;list-style:none;display:grid}.comments li{border:1px solid var(--line);border-radius:8px;padding:8px 10px}.comments li.resolved{opacity:.6}.comment-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.comments p{white-space:pre-wrap;margin:4px 0;font-size:.9rem}.versions{gap:6px;margin:0;padding:0;list-style:none;display:grid}.versions li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.preview-scroll{max-height:65vh;margin-bottom:12px;padding:4px;overflow:auto}.share-block{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 0;display:flex}.share-block:first-of-type{border-top:0;padding-top:0}.share-block .row input{flex:1}.members,.invites{gap:8px;margin:0;padding:0;list-style:none;display:grid}.members li,.invites li{align-items:center;gap:10px;display:flex}.invites li.expired{opacity:.55}.invite-form{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.invite-form .btn{grid-column:1/-1}.submission .toolbar{z-index:5;position:sticky;top:0}.check-banner{padding:10px 16px;font-size:.9rem}.check-banner.good{background:color-mix(in srgb, var(--good) 14%, var(--panel))}.check-banner.warn{background:color-mix(in srgb, var(--warn) 14%, var(--panel))}.check-banner.bad{background:color-mix(in srgb, var(--danger) 16%, var(--panel))}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:900px;margin:16px auto;padding:20px}.sub-table{border-collapse:collapse;width:100%}.sub-table th,.sub-table td{border:1px solid var(--line-strong);vertical-align:top;text-align:left;padding:10px 12px}.sub-table th{width:30%;font-weight:400}.sub-title{font-weight:700}.sub-prompt{color:var(--muted);margin-top:4px;font-size:.82rem}.sub-limit{margin-top:4px;font-size:.78rem;font-style:italic}.sub-table td p{white-space:pre-wrap;margin:0}.sub-table td ul{margin:0;padding-left:18px}.sub-count{color:var(--muted);margin-top:6px;font-size:.75rem}.sub-count.over{color:var(--danger);font-weight:700}.print-only{display:none}.builder{flex-direction:column;min-height:calc(100vh - 51px);display:flex}.builder-body{grid-template-columns:minmax(320px,440px) 1fr;gap:16px;padding:16px;display:grid}.builder-form{flex-direction:column;gap:12px;display:flex}.builder-sections{gap:10px;margin:0;padding:0;list-style:none;display:grid}.builder-sections li{background:var(--panel);border:1px solid var(--line);border-left-width:5px;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.c-edge-yellow{border-left-color:#eab308!important}.c-edge-pink{border-left-color:#ec4899!important}.c-edge-blue{border-left-color:#3b82f6!important}.c-edge-green{border-left-color:#22c55e!important}.c-edge-purple{border-left-color:#8b5cf6!important}.c-edge-orange{border-left-color:#f97316!important}.c-edge-gray{border-left-color:#9ca3af!important}.num-input{width:52px}.num-input.wide{width:80px}.builder-preview{overflow:auto}.builder-preview .canvas-grid{min-width:640px}@media (width<=900px){.home{grid-template-columns:1fr}.landing{padding-top:8px}.hero{grid-template-columns:minmax(0,1fr);gap:32px}.preview-window{transform:none}.features{grid-template-columns:1fr;margin-top:32px}.canvas-grid{flex-direction:column;min-width:0;display:flex}.canvas-grid .section{order:var(--order);min-height:120px}.canvas-page{height:auto;min-height:calc(100vh - 51px)}.canvas-body{flex-direction:column}.drawer{border-left:0;border-top:1px solid var(--line);width:100%}.filter{display:none}.title-input{width:100%}.builder-body{grid-template-columns:1fr}.note-meta{opacity:1}.invite-form{grid-template-columns:1fr}.toolbar-right{width:100%}}@media print{:root{--bg:#fff;--panel:#fff;--ink:#000;--muted:#444;--line:#999;--line-strong:#666;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.top,.foot,.no-print,.staging-bar,.toasts{display:none!important}.print-only{display:block}.shell>main{padding:0}.sheet{border:0;max-width:none;margin:0;padding:0}.sub-table tr{break-inside:avoid}.sub-table th,.sub-table td{border-color:#000}}