:root{--surface:#fff;--ink:#1b2333;--muted:#4a5361;--accent:#2450ff;--on-accent:#fff;--highlight:#ffc940;--tint:#e6ecff;--video-ground:#c9d3e6;--font-display:"Bricolage Grotesque", "Be Vietnam Pro", sans-serif;--font-body:"Be Vietnam Pro", system-ui, sans-serif;--display-xl-size:104px;--display-xl-line:1.05;--display-xl-weight:800;--display-xl-tracking:-3px;--display-lg-size:88px;--display-lg-line:1.05;--display-lg-weight:800;--display-lg-tracking:-2.5px;--display-md-size:72px;--display-md-line:1.1;--display-md-weight:800;--display-md-tracking:-2px;--display-sm-size:40px;--display-sm-line:1.1;--display-sm-weight:800;--display-sm-tracking:-1px;--body-lg-size:36px;--body-lg-line:1.5;--body-lg-weight:400;--body-lg-tracking:normal;--subtitle-size:52px;--subtitle-line:1.25;--subtitle-weight:700;--subtitle-tracking:normal;--body-size:18px;--body-line:1.6;--body-weight:400;--body-tracking:normal;--label-size:18px;--label-line:1.2;--label-weight:700;--label-tracking:1px;--caption-size:15px;--caption-line:1.4;--caption-weight:500;--caption-tracking:normal;--space-2:8px;--space-4:16px;--space-7:28px;--space-10:40px;--space-14:56px;--space-20:80px;--space-30:120px;--radius-bar:8px;--radius-chip:16px;--radius-card:28px;--radius-photo:48px;--shadow-sm:0 2px 6px #1b23331a;--shadow-md:0 8px 24px #1b23331f;--shadow-lg:0 16px 48px #1b233338;--corner-shape:squircle}.ld-chip{box-sizing:border-box;border:2px solid var(--accent);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;align-items:center;padding:10px 18px;font-size:18px;font-weight:700;line-height:1.2;display:inline-flex}.ld-chip-solid{background:var(--accent);color:var(--on-accent)}.ld-chip-outline{background:var(--surface);color:var(--ink);border-color:var(--ink)}.ld-chip-sm{padding:6px 12px;font-size:14px}.ld-chip-lg{letter-spacing:2px;padding:14px 24px;font-size:28px}.ld-highlight{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);flex-direction:column;gap:.07em;font-size:56px;font-weight:800;line-height:1.05;display:inline-flex}.ld-highlight-ink{color:var(--ink)}.ld-highlight:after{content:"";border-radius:var(--radius-bar);background:var(--highlight);height:.14em}.ld-photo{box-sizing:border-box;background:var(--tint);color:var(--accent);border-radius:var(--radius-photo);corner-shape:var(--corner-shape);font-family:var(--font-body);text-align:center;justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:1.4;display:flex;overflow:hidden}.ld-photo img{object-fit:cover;width:100%;height:100%;display:block}.ld-stat{gap:var(--space-2);font-family:var(--font-body);color:var(--ink);flex-direction:column;display:flex}.ld-stat-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);align-self:flex-start;font-size:84px;font-weight:800;line-height:1}.ld-stat-value:after{content:"";border-radius:var(--radius-bar);background:var(--highlight);height:10px;margin-top:6px;display:block}.ld-stat-caption{font-size:22px;font-weight:700;line-height:1.3}.ld-stat-source{color:var(--muted);font-size:15px;font-weight:500;line-height:1.4}.ld-quote{gap:var(--space-4);font-family:var(--font-body);color:var(--ink);margin:0;display:flex}.ld-quote:before{content:"";border-radius:var(--radius-bar);background:var(--highlight);flex-shrink:0;width:8px}.ld-quote-text{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800;line-height:1.15}.ld-quote-context{color:var(--muted);margin:8px 0 0;font-size:16px;line-height:1.45}.ld-row{align-items:center;gap:var(--space-4);font-family:var(--font-body);color:var(--ink);font-size:22px;font-weight:500;line-height:1.35;display:flex}.ld-row-index{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.ld-sign{padding-top:var(--space-4);border-top:3px solid var(--ink);font-family:var(--font-body);color:var(--ink);flex-direction:column;gap:4px;display:flex}.ld-sign-name{font-size:22px;font-weight:800;line-height:1.2}.ld-sign-tagline{color:var(--muted);font-size:15px;font-weight:500;line-height:1.4}.ld-nav{font-family:var(--font-body);justify-content:space-between;align-items:center;font-size:20px;font-weight:700;line-height:1;display:flex}.ld-nav-count{color:var(--muted)}.ld-nav-next{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.ld-cta{box-sizing:border-box;border:2px solid var(--accent);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--accent);min-height:48px;color:var(--on-accent);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;padding:12px 24px;font-size:20px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.ld-cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ld-cta-outline{background:var(--surface);color:var(--ink);border-color:var(--ink)}.ld-tag{border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);font-family:var(--font-body);padding:6px 12px;font-size:15px;font-weight:700;line-height:1.3;display:inline-flex}.ld-lower{box-shadow:var(--shadow-lg);background:var(--ink);color:var(--on-accent);font-family:var(--font-body);border-radius:var(--radius-card);corner-shape:var(--corner-shape);gap:14px;padding:14px 22px 14px 14px;display:inline-flex}.ld-lower:before{content:"";border-radius:var(--radius-bar);background:var(--highlight);width:8px}.ld-lower-name{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.1}.ld-lower-role{margin-top:2px;font-size:15px;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--body-size);line-height:var(--body-line);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}body.render-body{overflow:hidden}h1,h2{font-family:var(--font-display);margin:0;font-weight:800}h1{font-size:var(--display-sm-size);line-height:var(--display-sm-line);letter-spacing:var(--display-sm-tracking)}h2{letter-spacing:-.5px;font-size:28px;line-height:1.1}h3{font-size:var(--body-size);margin:0;font-weight:700}a{color:var(--accent)}button{font:inherit}.muted{color:var(--muted)}.caption,.small{font-size:var(--caption-size);line-height:var(--caption-line);font-weight:var(--caption-weight);color:var(--muted)}.label{font-size:14px;line-height:var(--label-line);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase}.error{color:var(--ink);padding:var(--space-2) var(--space-4);border-left:4px solid var(--accent);font-weight:700}.warn{margin:var(--space-2) 0 0;padding:var(--space-2) 12px;border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);font-size:var(--caption-size);font-weight:700}.row{gap:var(--space-2);align-items:center;display:flex}.row.wrap{flex-wrap:wrap}.ld-cta{gap:var(--space-2);-webkit-tap-highlight-color:transparent}.ld-cta.ld-cta-sm{min-height:40px;padding:var(--space-2) var(--space-4);font-size:16px}.ld-cta.wide{width:100%}.ld-cta:disabled{opacity:.4;cursor:default}.ld-cta-outline:focus-visible{outline:3px solid var(--accent)}button.ld-chip{cursor:pointer}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.topbar{z-index:30;align-items:center;gap:var(--space-4);padding:12px var(--space-4);padding-top:max(12px, env(safe-area-inset-top));background:var(--surface);border-bottom:3px solid var(--ink);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-1px;color:var(--ink);font-size:28px;font-weight:800;line-height:1;text-decoration:none}.brand.big{letter-spacing:-2.5px;font-size:88px}.topnav{gap:var(--space-2);flex:1;display:flex;overflow-x:auto}.topnav a{padding:var(--space-2) 12px;border-radius:var(--radius-chip);corner-shape:var(--corner-shape);color:var(--ink);white-space:nowrap;font-weight:700;text-decoration:none}.topnav a.active{background:var(--tint);color:var(--accent)}.dev-badge{padding:2px var(--space-2);border-radius:var(--radius-bar);background:var(--highlight);font-size:13px;font-weight:700}.page{max-width:760px;padding:var(--space-7) var(--space-4) 128px;margin:0 auto}.page-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-7);display:flex}.loading-screen{min-height:100dvh}.signin{justify-content:center;align-items:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.field{gap:var(--space-2);margin:0 0 var(--space-7);border:0;flex-direction:column;min-width:0;padding:0;display:flex}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;padding:12px var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);color:var(--ink);font:inherit;font-size:16px;line-height:1.5}textarea{resize:vertical}textarea.source{min-height:300px;font-size:var(--body-size);line-height:var(--body-line)}input:focus,textarea:focus,select:focus{outline:3px solid var(--accent);outline-offset:0}.field-foot{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.field-foot .caption,.field-foot .muted{margin-right:auto}.counter{font-size:var(--caption-size);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.counter.over{border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);padding:0 6px}.locked{padding:12px var(--space-4);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--tint);font-weight:700}.check,.toggle{align-items:center;gap:12px;min-height:44px;font-weight:500;display:flex}.check input,.toggle input{width:22px;height:22px;accent-color:var(--accent)}.stat-row{gap:var(--space-2);padding:var(--space-4);margin-bottom:var(--space-2);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint);display:grid}@media (width>=640px){.stat-row{grid-template-columns:120px 1fr 1fr auto;align-items:center}}.ai-toggle{padding:var(--space-4);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint);align-items:flex-start}.ai-toggle input{flex-shrink:0;margin-top:2px}.action-bar{z-index:20;padding:12px var(--space-4);padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--surface);border-top:3px solid var(--ink);justify-content:flex-end;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width<=520px){.action-bar .ld-cta{flex:1}}.progress{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint);align-items:center;display:flex}.progress p{margin:2px 0 0}.spinner,.mini-spinner{border:3px solid var(--tint);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:.9s linear infinite spin}.spinner{width:28px;height:28px}.mini-spinner{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.portrait-picker{gap:var(--space-2);padding:4px 2px;display:flex;overflow-x:auto}.portrait-option{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--tint);cursor:pointer;height:92px;color:var(--accent);text-align:center;border:2px solid #0000;flex:0 0 72px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.portrait-option img{object-fit:cover;width:100%;height:100%}.portrait-option.selected{border-color:var(--accent);box-shadow:var(--shadow-sm)}.portrait-grid{gap:var(--space-4);margin-top:var(--space-7);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.portrait-card{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.portrait-card img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-photo);corner-shape:var(--corner-shape);background:var(--tint);width:100%;display:block}.portrait-card figcaption{justify-content:space-between;align-items:center;font-weight:700;display:flex}.upload{padding:var(--space-7);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint)}.post-list{margin:0;padding:0;list-style:none}.post-row{gap:var(--space-2);padding:var(--space-4) 0;border-top:3px solid var(--ink);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.post-row:active,.post-row:hover{color:var(--accent)}.post-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-excerpt{font-family:var(--font-display);letter-spacing:-.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:24px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.empty{padding:var(--space-10) var(--space-4);text-align:center;border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint)}.card{margin:0 0 var(--space-4);padding:var(--space-7);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint)}.card-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reason{margin:0 0 var(--space-4);padding:var(--space-2) 12px;border-left:4px solid var(--highlight);font-size:var(--caption-size)}.issues{margin:var(--space-2) 0 var(--space-4);border-radius:var(--radius-bar);background:var(--highlight);font-size:var(--caption-size);padding:12px 12px 12px 32px;font-weight:500}.thread-post{margin-bottom:var(--space-2)}.toast{z-index:60;max-width:calc(100vw - 32px);padding:12px var(--space-4);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--ink);color:var(--on-accent);box-shadow:var(--shadow-lg);text-align:center;margin:0;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.canvas-main{background:var(--ink);min-height:calc(100dvh - 58px)}.canvas-bar{z-index:25;padding:10px var(--space-4);background:var(--surface);border-bottom:3px solid var(--ink);align-items:center;gap:12px;display:flex;position:sticky;top:55px}.canvas-title{min-width:0;font-family:var(--font-display);letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:20px;font-weight:800;overflow:hidden}.save-state{font-size:var(--caption-size);color:var(--muted);white-space:nowrap;font-weight:500}.save-state.error{padding:2px var(--space-2);border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);font-weight:700}.canvas-layout{align-items:flex-start;display:flex}.shared-panel{min-height:calc(100dvh - 121px);max-height:calc(100dvh - 121px);padding:var(--space-7);background:var(--surface);flex:0 0 360px;position:sticky;top:121px;overflow-y:auto}.panel-toggle{display:none}.panel-title{margin-bottom:4px}.panel-body>.caption{margin:0 0 var(--space-7)}.panel-issues{margin-bottom:var(--space-7);padding:12px var(--space-4);border-radius:var(--radius-bar);background:var(--highlight);font-size:var(--caption-size)}.panel-issues summary{cursor:pointer;font-weight:700}.hook-option{gap:var(--space-2);width:100%;padding:12px var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;align-items:flex-start;line-height:1.35;display:flex}.hook-option strong{color:var(--accent)}.hook-option.selected{border-color:var(--accent);background:var(--tint)}.canvas{min-width:0;padding:var(--space-7) var(--space-7) 96px;flex:1}.canvas-row+.canvas-row{margin-top:var(--space-10)}.row-title{margin-bottom:var(--space-4);color:var(--on-accent)}.row-frames{align-items:flex-start;gap:var(--space-7) var(--space-7);flex-wrap:wrap;display:flex}.frame{gap:var(--space-2);flex-direction:column;width:400px;display:flex}.frame.portrait{width:300px}.frame.vertical{width:240px}.frame-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;display:flex}.frame-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--on-accent);opacity:.8;font-size:14px;font-weight:500;overflow:hidden}.frame-tools{flex-shrink:0;gap:2px;display:flex}.icon-btn{border-radius:var(--radius-bar);width:36px;height:36px;color:var(--on-accent);cursor:pointer;opacity:.8;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{opacity:1;background:#ffffff1f;outline:none}.icon-btn.on-light{color:var(--ink);opacity:1}.icon-btn.on-light:hover{background:var(--tint)}.frame-art{text-align:left;background:var(--surface);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative}.frame-art:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}.scaled{background:var(--surface);width:100%;position:relative;overflow:hidden}.scaled-inner{transform-origin:0 0;position:absolute;top:0;left:0}.frame-note{text-align:left;border-radius:var(--radius-bar);background:var(--highlight);max-width:100%;color:var(--ink);cursor:pointer;border:0;align-self:flex-start;margin:0;padding:4px 10px;font-size:13px;font-weight:700}.frame.ghost .scaled{opacity:.28}.ghost-overlay{padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ghost-note{padding:var(--space-2) 12px;border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);text-align:center;font-size:14px;font-weight:700}.add-page-body{padding:var(--space-4);aspect-ratio:1080/1920;border:2px dashed var(--on-accent);border-radius:var(--radius-bar);opacity:.85;flex-direction:column;justify-content:center;gap:12px;display:flex}.add-page-body .ld-cta{text-transform:capitalize;font-size:16px}.copy-card{gap:var(--space-2);width:100%;height:225px;padding:var(--space-4) var(--space-7);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;border:0;flex-direction:column;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.copy-title{font-weight:700}.copy-body{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.5}.sheet-backdrop{z-index:50;background:#1b233399;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:min(480px,100vw);height:100dvh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-7);padding-top:max(var(--space-4), env(safe-area-inset-top));border-bottom:3px solid var(--ink);display:flex}.sheet-head h2{font-size:22px}.sheet-body{padding:var(--space-7);padding-bottom:max(var(--space-10), env(safe-area-inset-bottom));flex:1;overflow-y:auto}.sheet-preview{margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.lightbox{z-index:55;background:#1b2333f0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.lightbox-head{justify-content:space-between;align-items:center;width:min(92vw,1600px);display:flex}.lightbox-art{background:var(--surface);position:relative;overflow:hidden}.render-progress{gap:var(--space-2);margin-bottom:var(--space-7);flex-direction:column;font-weight:700;display:flex}.render-progress .bar{border-radius:var(--radius-bar);background:var(--tint);height:8px;overflow:hidden}.render-progress .bar div{background:var(--accent);height:100%;transition:width .3s}.copy-block{margin-bottom:var(--space-4)}.copy-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.copy-text{padding:var(--space-4);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);max-height:280px;font-family:var(--font-body);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;overflow:auto}.export-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.export-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.export-item{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.export-item figcaption{gap:var(--space-2);flex-direction:column;display:flex}.export-thumb{background:var(--surface);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.export-thumb img{object-fit:contain;-webkit-touch-callout:default;width:100%;height:100%;display:block}.template-grid{gap:var(--space-4);display:grid}.guide-intro{margin:0 0 var(--space-4)}.guide-platform{margin-top:var(--space-10)}.guide-platform h2{margin:0 0 var(--space-4)}.guide-card h3{margin:0 0 var(--space-2)}.guide-body{gap:var(--space-4);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;display:grid}.needs{margin:0 0 var(--space-2);gap:12px;display:grid}.needs dt{font-weight:700}.needs dd{font-size:var(--caption-size);color:var(--muted);margin:2px 0 0}.need-from{border-radius:var(--radius-bar);background:var(--highlight);color:var(--ink);margin-left:8px;padding:0 8px;font-weight:600;display:inline-block}.defaults-editor{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--ink)}.defaults-editor h4{margin:0 0 var(--space-2)}.defaults-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=600px){.guide-body{grid-template-columns:1fr}.guide-preview{max-width:260px}}@media (width<=900px){.canvas-layout{display:block}.shared-panel{border-bottom:3px solid var(--ink);min-height:0;max-height:none;padding:0;position:static}.panel-toggle{width:100%;padding:var(--space-4);background:var(--surface);font-family:var(--font-display);color:var(--ink);cursor:pointer;border:0;justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.panel-body{padding:0 var(--space-4) var(--space-4);display:none}.shared-panel.open .panel-body{display:block}.panel-title{display:none}.canvas{padding:var(--space-7) var(--space-4) 96px}.row-frames{gap:var(--space-7) var(--space-4)}.frame,.frame.portrait{width:100%}.frame.vertical{width:calc(50% - var(--space-2))}.canvas-bar .save-state{display:none}}.wide-page{max-width:1280px;padding:var(--space-10) var(--space-7) 128px;margin:0 auto}.editor-head{justify-content:space-between;align-items:flex-end;gap:var(--space-7);margin-bottom:var(--space-7);display:flex}.editor-title{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.editor-head h1{overflow-wrap:anywhere;max-width:900px}.editor-grid{gap:var(--space-10);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.write{gap:var(--space-2);padding-top:var(--space-7);border-top:3px solid var(--ink);flex-direction:column;display:flex}.write:focus-within{border-top-color:var(--accent)}.write textarea.source,.write textarea.source:focus{min-height:62vh;font-size:var(--body-size);line-height:var(--body-line);resize:none;background:0 0;border:0;outline:none;padding:0}.write-foot{justify-content:flex-end;display:flex}.settings{gap:var(--space-7);padding:var(--space-7);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--tint);flex-direction:column;display:flex;position:sticky;top:88px}.setting{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.setting legend{margin-bottom:12px}.setting .caption{margin:0}.caption.block{display:block}.settings input:not([type=checkbox]):not([type=radio]){background:var(--surface);border-color:#0000}.stat-card{gap:var(--space-2);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);flex-direction:column;padding:12px;display:flex}.settings .stat-card input:not([type=checkbox]):not([type=radio]){padding:var(--space-2) 12px;background:var(--tint)}.stat-card-head{gap:var(--space-2);align-items:center;display:flex}.stat-card .stat-value{font-family:var(--font-display);color:var(--accent);font-size:24px;font-weight:800}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:44px;font-weight:700;display:flex}.switch{appearance:none;border:2px solid var(--ink);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);cursor:pointer;flex-shrink:0;width:52px;height:32px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";border-radius:var(--radius-bar);background:var(--ink);width:20px;height:20px;transition:transform .15s;position:absolute;top:4px;left:4px}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{background:var(--on-accent);transform:translate(20px)}.switch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.settings-actions{flex-direction:row-reverse;flex-shrink:0;gap:12px;display:flex}.settings .portrait-option{background:var(--surface)}@media (width<=900px){.wide-page{padding:var(--space-7) var(--space-4) 160px}.editor-grid{gap:var(--space-7);grid-template-columns:1fr}.write textarea.source,.write textarea.source:focus{min-height:40vh}.settings{position:static}.editor-head{display:block}.settings-actions{z-index:20;padding:12px var(--space-4);padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--surface);border-top:3px solid var(--ink);position:fixed;bottom:0;left:0;right:0}.settings-actions .ld-cta{flex:1}}