: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}:root{--app-bg:color-mix(in srgb, var(--tint) 45%, var(--surface));--bar-h:58px}html,body{background:var(--app-bg);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}.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}.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)}.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(--app-bg);min-height:100%}.canvas-bar{min-height:var(--bar-h);z-index:25;padding:10px var(--space-4);background:var(--surface);border-bottom:2px solid var(--tint);align-items:center;gap:12px;display:flex;position:sticky;top:0}.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{top:var(--bar-h);min-height:calc(100dvh - 32px - var(--bar-h));max-height:calc(100dvh - 32px - var(--bar-h));border-right:2px solid var(--tint);padding:var(--space-7);background:var(--surface);flex:0 0 340px;position:sticky;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(--ink)}.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(--muted);font-size:14px;font-weight:600;overflow:hidden}.frame-tools{flex-shrink:0;gap:2px;display:flex}.icon-btn{border-radius:var(--radius-bar);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{background:var(--tint);outline:none}.lightbox .icon-btn{color:var(--on-accent)}.lightbox .icon-btn:hover,.lightbox .icon-btn:focus-visible{background:#ffffff1f}.icon-btn.on-light{color:var(--ink);opacity:1}.icon-btn.on-light:hover{background:var(--tint)}.frame-art{width:100%;box-shadow:var(--shadow-sm);text-align:left;background:var(--surface);cursor:pointer;border:0;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(--muted);border-radius:var(--radius-bar);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}.backdrop-hit{cursor:default;background:0 0;border:0;padding:0;position:absolute;inset:0}.sheet{background:var(--surface);width:min(480px,100vw);height:100dvh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative}.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;position:relative}.lightbox-art{z-index:1;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:2px solid var(--tint);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{top:var(--space-4);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}.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}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{gap:var(--space-4);height:100dvh;padding:var(--space-4);display:flex;overflow:hidden}.sidebar{align-items:center;gap:var(--space-7);padding:var(--space-4) 0;border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 76px;display:flex}.side-logo{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--accent);width:48px;height:48px;color:var(--on-accent);font-family:var(--font-display);justify-content:center;align-items:center;font-size:26px;font-weight:800;text-decoration:none;display:flex}.side-items,.side-foot{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.side-foot{margin-top:auto}.side-item{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);width:48px;height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.side-item:hover{background:var(--tint);color:var(--ink)}.side-item.active,.side-item.on{background:var(--ink);color:var(--on-accent)}.side-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.list-pane{border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 360px;display:flex;overflow:hidden}.list-collapsed .list-pane{display:none}.list-pane-inner{flex-direction:column;flex:1;min-height:0;display:flex}.list-head{padding:var(--space-4) var(--space-4) 12px;flex-direction:column;gap:12px;display:flex}.list-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-title .ld-cta{align-items:center;gap:4px;display:inline-flex}.search{align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--app-bg);color:var(--muted);display:flex}.search:focus-within{outline:2px solid var(--accent)}.list-head .search .search-input[type=search],.list-head .search .search-input[type=search]:focus{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:16px}.filter-chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.filter-chip{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--app-bg);color:var(--muted);cursor:pointer;white-space:nowrap;border:0;flex-shrink:0;padding:6px 12px;font-size:14px;font-weight:700}.filter-chip.on{background:var(--ink);color:var(--on-accent)}.list-scroll{min-height:0;padding:0 var(--space-2) var(--space-4);flex:1;overflow-y:auto}.list-note{padding:var(--space-4);margin:0}.list-empty{padding:var(--space-4);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.list-empty p{margin:0}.post-items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.post-item{corner-shape:var(--corner-shape);color:var(--ink);border-radius:20px;gap:12px;padding:12px;text-decoration:none;display:flex}.post-item:hover{background:var(--app-bg)}.post-item.active{background:var(--tint)}.post-thumb{corner-shape:var(--corner-shape);background:var(--tint);height:56px;color:var(--accent);font-family:var(--font-display);border-radius:14px;flex:0 0 56px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;overflow:hidden}.post-thumb:has(img){background:var(--surface);box-shadow:inset 0 0 0 1px var(--tint)}.post-thumb img{object-fit:cover;object-position:left top;width:100%;height:100%}.editor-kicker{align-items:center;gap:4px;display:flex}.back-mobile{margin-left:-8px;display:none}@media (width<=900px){.back-mobile{display:inline-flex}}.post-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.post-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.post-item-excerpt{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:14px;line-height:1.4;overflow:hidden}.post-item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:600;display:flex}.post-item-meta .dim{font-weight:500}.pill{border-radius:var(--radius-bar);background:var(--tint);color:var(--accent);padding:1px 8px;font-weight:700}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.suggested{background:var(--highlight)}.status-dot.exported{background:var(--accent)}.detail{border-radius:var(--radius-card);corner-shape:var(--corner-shape);flex:1;min-width:0;overflow-y:auto}.detail>.page,.detail>.wide-page,.detail>.canvas-main{background:var(--surface);min-height:100%}.detail>.canvas-main{background:var(--app-bg)}.detail>.page{max-width:none;padding-left:max(var(--space-7), calc((100% - 760px) / 2));padding-right:max(var(--space-7), calc((100% - 760px) / 2))}.mobile-nav,.mobile-stats{display:none}.dash-page{padding:var(--space-4) var(--space-4) var(--space-10)}.dash-head{margin-bottom:var(--space-7)}.dash-head p{margin:var(--space-2) 0 0}.dash-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.dash-main,.dash-side{gap:var(--space-4);flex-direction:column;display:flex}.widget{padding:var(--space-7);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;display:flex}.widget-label{color:var(--muted);font-size:15px;font-weight:700}.stat-cards{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1500px){.stat-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card-w{gap:4px}.stat-num{font-family:var(--font-display);letter-spacing:-1px;font-size:40px;font-weight:800;line-height:1.1;display:block}.delta{color:var(--muted);font-size:14px;font-weight:600}.delta.up{color:var(--accent)}.widget-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.seg{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--app-bg);padding:4px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:6px 14px;font-size:14px;font-weight:700}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.wbars{align-items:flex-end;gap:8px;height:240px;padding-top:36px;display:flex}.wbar{cursor:default;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;height:100%;padding:0 0 24px;display:flex;position:relative}.wbar-fill{corner-shape:var(--corner-shape);background:var(--tint);border-radius:12px;transition:background .15s;display:block}.wbar.focus .wbar-fill{background:var(--accent)}.wbar-tip{border-radius:var(--radius-bar);background:var(--ink);color:var(--on-accent);white-space:nowrap;padding:2px 10px;font-size:14px;font-weight:700;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.wbar-x{color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wbar:nth-child(odd):not(.focus) .wbar-x{visibility:hidden}.quick .ld-cta.wide{justify-content:center;align-items:center;gap:6px;display:flex}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-action{padding:var(--space-4) 12px;corner-shape:var(--corner-shape);background:var(--app-bg);color:var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.quick-action:hover{background:var(--tint)}.pillar-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pillar-bars li{grid-template-columns:104px 1fr 28px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:grid}.pillar-track{border-radius:var(--radius-bar);background:var(--app-bg);height:10px;overflow:hidden}.pillar-track span{border-radius:var(--radius-bar);background:var(--accent);height:100%;display:block}.pillar-n{text-align:right}.status-row{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.post-items.compact .post-item{padding:8px 0}.post-items.compact .post-item:hover{background:0 0}@media (width<=1280px){.dash-grid{grid-template-columns:1fr}}@media (width>=901px) and (width<=1180px){.list-pane{flex-basis:300px}}@media (width<=900px){.app{height:auto;min-height:100dvh;padding:0 0 calc(72px + env(safe-area-inset-bottom));display:block;overflow:visible}.sidebar{display:none}.list-pane,.list-collapsed .list-pane{box-shadow:none;background:var(--app-bg);border-radius:0;display:block;overflow:visible}.app.in-detail .list-pane,.app.at-root .detail{display:none}.list-head{z-index:5;padding-top:max(var(--space-4), env(safe-area-inset-top));background:var(--app-bg);position:sticky;top:0}.list-head .search,.list-head .filter-chip{background:var(--surface)}.list-scroll{overflow:visible}.post-item{background:var(--surface);margin-bottom:8px}.mobile-stats{padding:var(--space-4) var(--space-4) 0;display:block}.mobile-stats .stat-cards{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.mobile-stats .widget{padding:var(--space-4);box-shadow:none;flex:0 0 150px}.mobile-stats .stat-num{font-size:28px}.mobile-stats .delta{font-size:12px}.detail{border-radius:0;overflow:visible}.detail>.page{padding-left:var(--space-4);padding-right:var(--space-4)}.shared-panel{border-right:0}.mobile-nav{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow-md);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-item{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);min-width:64px;color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.mobile-item.active{color:var(--accent);background:var(--tint)}.app.post-route{padding-bottom:0}.app.post-route .mobile-nav{display:none}}.media .page-head{align-items:flex-start}.media .page-head p{margin:var(--space-2) 0 0;max-width:560px}.media .page-head .ld-cta{flex-shrink:0}.checker{background-color:var(--surface);background-image:linear-gradient(45deg, var(--tint) 25%, transparent 25%), linear-gradient(-45deg, var(--tint) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--tint) 75%), linear-gradient(-45deg, transparent 75%, var(--tint) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.dropzone{align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-7);padding:var(--space-7);border:2px dashed var(--accent);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--app-bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;display:flex}.dropzone svg{color:var(--accent);flex-shrink:0}.dropzone:hover{background:var(--tint)}.drop-overlay{z-index:70;padding:var(--space-7);background:color-mix(in srgb, var(--accent) 18%, transparent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay div{padding:var(--space-10) var(--space-14);border:3px dashed var(--accent);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:12px;font-size:22px;display:flex}.upload-queue{margin-bottom:var(--space-7)}.queue-head,.queue-foot{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.queue-foot{justify-content:flex-end}.inline-select{align-items:center;gap:var(--space-2);color:var(--muted);font-size:14px;font-weight:700;display:inline-flex}.inline-select select{background:var(--app-bg);border-width:0;width:auto;padding:6px 12px;font-size:14px;font-weight:700}.queue{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue-item{padding:var(--space-2);corner-shape:var(--corner-shape);background:var(--app-bg);border-radius:20px;align-items:center;gap:12px;display:flex}.queue-item.error{background:color-mix(in srgb, var(--highlight) 30%, var(--surface))}.queue-thumb{corner-shape:var(--corner-shape);border-radius:14px;flex:0 0 64px;justify-content:center;align-items:center;height:64px;display:flex;overflow:hidden}.queue-thumb img{object-fit:cover;width:100%;height:100%}.queue-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.queue-body input{background:var(--surface);border-width:0;padding:6px 10px}.queue-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.queue-tools{flex-shrink:0;display:flex}.notice{padding:10px var(--space-4);border-radius:var(--radius-bar);background:var(--highlight);font-size:14px;font-weight:600}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.media-toolbar{align-items:center;gap:var(--space-4);min-height:48px;margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.media-search{flex:1;min-width:200px;max-width:360px}.media-toolbar .search .search-input[type=search],.media-toolbar .search .search-input[type=search]:focus{background:0 0;border:0;border-radius:0;outline:none;flex:1;min-width:0;height:44px;padding:0}.selection-bar{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--tint);flex-wrap:wrap;display:flex}.selection-bar .ld-cta{margin-left:auto}.media-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.media-card{corner-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:20px;flex-direction:column;margin:0;display:flex;overflow:hidden}.media-card.selected{border-color:var(--accent)}.media-thumb{aspect-ratio:1;position:relative}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-check{border-radius:var(--radius-bar);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;padding:6px;display:flex;position:absolute;top:8px;left:8px}.media-check input{width:18px;height:18px;accent-color:var(--accent);margin:0}.media-tools{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.media-card:hover .media-tools,.media-card:focus-within .media-tools,.media-card.selected .media-tools{opacity:1}@media (hover:none){.media-tools{opacity:1}}.round-btn{border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);min-width:34px;height:34px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:700;display:inline-flex}.round-btn:hover{background:var(--tint)}.round-btn.danger{background:var(--ink);color:var(--on-accent)}.media-card figcaption{flex-direction:column;gap:2px;min-width:0;padding:10px 12px 12px;display:flex}.media-name{color:var(--ink);font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:text;background:0 0;border:0;padding:0;font-size:15px;font-weight:700;overflow:hidden}.media-card figcaption input{padding:4px 8px;font-size:15px}.media-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.crop-modal{z-index:80;padding:var(--space-4);background:#1b233399;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crop-panel{width:min(1100px,100%);height:min(860px,100%);padding:var(--space-4) var(--space-7) var(--space-7);border-radius:var(--radius-card);corner-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;display:flex}.crop-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.crop-head h2{white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.crop-ratios{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.crop-stage{border-radius:var(--radius-chip);background:var(--ink);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.crop-canvas{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.crop-canvas canvas{display:block}.crop-rect{outline:2px solid var(--on-accent);cursor:move;position:absolute;box-shadow:0 0 0 9999px #1b233399}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#ffffff80 33.3%,#0000 33.5% 66.5%,#ffffff80 66.6%,#0000 66.8%),linear-gradient(#0000 33.2%,#ffffff80 33.3%,#0000 33.5% 66.5%,#ffffff80 66.6%,#0000 66.8%);position:absolute;inset:0}.crop-handle{background:var(--on-accent);border:3px solid var(--accent);touch-action:none;border-radius:6px;width:22px;height:22px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-11px;left:-11px}.crop-handle.ne{cursor:nesw-resize;top:-11px;right:-11px}.crop-handle.sw{cursor:nesw-resize;bottom:-11px;left:-11px}.crop-handle.se{cursor:nwse-resize;bottom:-11px;right:-11px}.crop-foot{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.crop-size{align-items:center;gap:var(--space-2);display:flex}.crop-size select{width:auto;padding:6px 12px;font-size:14px}.crop-out{color:var(--muted);font-size:14px}.crop-actions{gap:var(--space-2);margin-left:auto;display:flex}@media (width<=900px){.crop-modal{padding:0}.crop-panel{height:100%;padding:var(--space-4);border-radius:0}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-search{max-width:none}.media .page-head{align-items:stretch;gap:var(--space-4);flex-direction:column}}.media-open{cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.media-check,.media-tools{z-index:1}.viewer{z-index:75;padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0}.viewer-backdrop{cursor:zoom-out;background:#1b2333eb;border:0;position:absolute;inset:0}.viewer-head,.viewer-stage{position:relative}.viewer-head{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--on-accent);flex-wrap:wrap;display:flex}.viewer-title{flex-direction:column;min-width:0;display:flex}.viewer-title b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.viewer-title span{opacity:.8;font-size:14px}.viewer-tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.viewer-tools .round-btn{gap:6px;padding:0 12px;text-decoration:none}.viewer-stage{pointer-events:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.viewer-stage img{object-fit:contain;border-radius:var(--radius-bar);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);pointer-events:auto}.viewer-nav{background:var(--surface);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.prev{left:0}.viewer-nav.next{right:0}.viewer-nav.next svg{transform:rotate(180deg)}.delete-armed{background:var(--ink);border-color:var(--ink);color:var(--on-accent);white-space:nowrap}.delete-link{margin-left:var(--space-2);color:var(--muted);font-size:14px}.sheet-preview.can-pan [data-image-box]{cursor:grab;touch-action:none;outline:3px dashed var(--accent);outline-offset:-3px}.sheet-preview.can-pan [data-image-box]:active{cursor:grabbing}.pan-controls{margin:var(--space-2) 0 var(--space-4);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pan-zoom{align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.pan-zoom input{width:140px;accent-color:var(--accent)}.pan-zoom span{min-width:44px;color:var(--muted);font-weight:600}.publish-list{gap:var(--space-2);flex-direction:column;display:flex}.publish-row{padding:var(--space-2) 12px 12px;border-radius:var(--radius-chip);corner-shape:var(--corner-shape);background:var(--surface);flex-direction:column;gap:6px;display:flex}.export-platform .publish-row{margin-top:var(--space-4)}.publish-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.publish-row.done .check{color:var(--accent)}.publish-link{align-items:center;gap:var(--space-2);display:flex}.publish-row .publish-link input[type=url]{border-width:2px;padding:8px 12px;font-size:16px}.publish-link .icon-btn{flex:none}.published-tag{border-radius:var(--radius-bar);background:var(--accent);color:var(--on-accent);padding:1px 8px;font-weight:700}