/* Existing network frame and paired actions retained. Creator hero and closing use the original planning diagrams. */
@font-face{font-family:Network Sans;src:url('/assets/dm-sans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{color-scheme:dark;--network-bg:#0b0b0f;--network-panel:#15151c;--network-paper:#f8f6ff;--network-muted:#aaa8b8;--network-line:rgb(255 255 255/.12);--network-accent:#c4a6ff;--body:'Network Sans',Arial,sans-serif;--display:'Network Sans',Arial,sans-serif;--utility:'Network Sans',Arial,sans-serif;--bg:var(--network-bg);--paper:var(--network-paper);--muted:var(--network-muted);--line:var(--network-line);--ink:var(--network-bg);--shelf:var(--network-panel);--ice:var(--network-accent)}
html{scroll-padding-top:80px}body{padding-top:56px;margin:0;overflow-x:hidden;background:var(--network-bg);color:var(--network-paper);font-family:var(--body)}h1,h2,h3{font-family:var(--body);letter-spacing:-.035em}a,button,input,select,textarea{font-family:inherit}[hidden]{display:none!important}
.network-header{position:fixed!important;inset:0 0 auto;z-index:50;height:56px;background:rgb(11 11 15/.94);border-bottom:1px solid rgb(255 255 255/.08);backdrop-filter:blur(14px)}.network-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:min(1280px,calc(100% - 48px));max-width:1280px;height:56px;min-height:56px;margin:auto;padding:0!important;gap:16px}.network-brand{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:44px;font-size:18px;font-weight:700;line-height:1.2;color:var(--network-paper);text-decoration:none;letter-spacing:-.03em}.network-nav{position:static;justify-self:center;display:flex;align-items:center;gap:22px;margin:0;padding:0 16px;min-height:36px;border:1px solid var(--network-line);border-radius:999px;background:rgb(11 11 15/.62)}.network-nav a{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0!important;border:0!important;color:rgb(248 246 255/.8);font-size:13px;font-weight:550;line-height:18px;text-decoration:none;white-space:nowrap}.network-nav a:hover,.network-nav a[aria-current]{color:var(--network-accent)}.network-header-action{justify-self:end;margin:0!important}.network-menu{display:none}.network-brand small{display:none}
.network-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;width:100%;height:calc(100svh - 56px);min-height:440px;margin:0;padding:24px 24px 40px;overflow:hidden;background:var(--network-bg)}.network-backdrop{position:absolute;z-index:0;inset:-20px;background:url('/media/network-ambient.webp') center/cover;filter:blur(18px);pointer-events:none}.network-media{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;margin:0;overflow:hidden}.network-media img,.network-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%}.network-hero::after{content:'';position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 46%,rgb(0 0 0/.18) 65%,rgb(0 0 0/.78) 100%)}.network-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:min(100%,600px);margin:0 auto;text-align:center}.network-adult{margin:0 0 14px;color:rgb(255 255 255/.85);font-size:12px;line-height:18px;font-weight:600}.network-hero .network-headline{max-width:100%;margin:0;font-family:'Arial Black',Impact,sans-serif;font-size:clamp(54px,5.5vw,84px);font-weight:900;line-height:.95;letter-spacing:-.06em;color:#fff;text-shadow:1px 1px 0 var(--network-accent),2px 2px 0 #876cae,3px 3px 0 #695184,4px 4px 0 #514064,5px 5px 0 #3d304c,6px 6px 0 #2a2235,0 0 14px color-mix(in srgb,var(--network-accent) 40%,transparent),0 9px 12px rgb(0 0 0/.65);transform:skew(-5deg);text-wrap:nowrap}.network-headline span{display:block}.network-intro{max-width:36ch;margin:18px 0 0;font-size:16px;line-height:24px;text-wrap:balance;color:rgb(255 255 255/.9)}.network-hero-copy [data-home-actions]{margin-top:16px}
.network-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;gap:7px;min-width:0;max-width:100%;height:40px;min-height:40px;padding:0 14px;border:1px solid rgb(255 255 255/.38);border-radius:999px;background:linear-gradient(150deg,color-mix(in srgb,var(--network-accent) 65%,white),var(--network-accent));color:#16121e;font-family:var(--body);font-size:13px;font-weight:650;line-height:18px;text-decoration:none;text-align:center;white-space:nowrap;box-shadow:0 0 16px color-mix(in srgb,var(--network-accent) 18%,transparent),inset 0 1px 0 rgb(255 255 255/.3);transition:filter 140ms ease,background-color 140ms ease,box-shadow 140ms ease}.network-cta::after{content:'↗';flex:none;font-size:16px;line-height:1}.network-cta:hover{color:#16121e;filter:brightness(1.05);transform:none}.network-cta:active{filter:brightness(.92)}.network-cta.secondary{color:#f9f8ff;background:rgb(14 15 20/.68);border:1px solid rgb(255 255 255/.24);box-shadow:inset 0 1px 0 rgb(255 255 255/.09),0 4px 14px rgb(0 0 0/.14);backdrop-filter:blur(12px)}.network-cta.secondary:hover{color:#fff;background:rgb(30 31 39/.8)}[data-home-actions]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:max-content;max-width:100%;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.network-cta:focus-visible,.network-menu:focus-visible{outline:3px solid var(--network-accent);outline-offset:4px}
.pinned-hero-scene{isolation:isolate;--pinned-hero-top:56px;--pinned-hero-height:calc(100vh - 56px);--hero-copy-travel:-72px;box-sizing:border-box;padding-top:0}.pinned-hero-stage{position:sticky;top:var(--pinned-hero-top);z-index:0;height:var(--pinned-hero-height)}.pinned-hero-stage .network-hero{height:var(--pinned-hero-height);min-height:0}.pinned-hero-stage [data-hero-copy]{transform:translate3d(0,calc(var(--hero-copy-travel) * var(--hero-copy-progress,0)),0);opacity:calc(1 - var(--hero-copy-progress,0));will-change:transform,opacity}.pinned-hero-stage[data-hero-copy-hidden] [data-hero-copy]:not(:focus-within){visibility:hidden;pointer-events:none}.pinned-hero-stage [data-hero-copy]:focus-within{opacity:1}.pinned-hero-content{position:relative;z-index:1;display:flow-root;background:var(--network-bg)}
.network-section{width:min(1234px,calc(100% - 48px));margin:0 auto;padding:56px 0}.network-section h2{margin:8px 0 22px;font-size:clamp(28px,3vw,40px);line-height:1.12}.network-label{margin:0;color:var(--network-accent);font-size:12px;line-height:18px;font-weight:600}.network-record{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:28px;max-width:760px;padding:20px;border:1px solid var(--network-line);border-radius:16px;background:var(--network-panel)}.network-cover-pending{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;padding:20px;border:1px dashed var(--network-line);border-radius:10px;background:transparent;color:var(--network-muted);text-align:center;font-size:12px;line-height:20px}.network-record-copy{align-self:center}.network-record h3{font-size:28px;margin:10px 0}.network-record-copy p{max-width:45ch;font-size:14px;line-height:22px}.network-record-copy .network-record-note{margin:12px 0 0;font-size:12px;line-height:19px;color:var(--network-muted)}
.network-closing{position:relative;isolation:isolate;display:flex;align-items:center;width:min(1234px,calc(100% - 48px));min-height:330px;margin:20px auto 48px;padding:0;overflow:hidden;border:0;border-radius:16px;background:var(--network-bg)}.network-closing-media{position:absolute;z-index:0;inset:0 0 0 auto;width:62%;height:100%;overflow:hidden}.network-closing-media img,.network-closing-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.network-closing-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--network-bg),rgb(11 11 15/.9) 18%,transparent 54%),linear-gradient(270deg,var(--network-bg),transparent 16%),linear-gradient(0deg,var(--network-bg),transparent 24%,transparent 86%,var(--network-bg))}.network-closing-copy{position:relative;z-index:2;width:54%;max-width:600px;padding:28px 40px}.network-closing h2{max-width:18ch;margin:10px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.12}.network-closing [data-home-actions]{justify-content:flex-start;margin-top:18px}.network-dock{position:fixed;z-index:48;left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px);transform:translateX(-50%);padding:0;gap:8px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.network-dock .network-cta{box-shadow:0 4px 14px rgb(0 0 0/.2),0 0 16px color-mix(in srgb,var(--network-accent) 18%,transparent)}
.network-footer{padding:52px max(24px,calc((100vw - 1234px)/2)) 96px;background:var(--network-bg);border-top:1px solid rgb(255 255 255/.08);color:var(--network-paper);font-size:14px;line-height:22px}.network-footer .footer-top,.network-footer .footer-identity{max-width:600px}.network-footer .footer-brand,.network-footer .footer-title{font-family:var(--body);font-size:25px;line-height:1.2;letter-spacing:-.03em;color:var(--network-paper)}.network-footer p{color:var(--network-muted);font-size:13px;line-height:22px}.network-footer .footer-links,.network-footer .footer-nav{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px}.network-footer .footer-nav>div{display:flex;flex-wrap:wrap;gap:14px 24px}.network-footer a,.network-footer button{font-size:13px;line-height:20px;color:var(--network-muted);text-decoration:none}.network-footer a:hover{color:var(--network-paper)}.network-footer .footer-bottom,.network-footer .footer-base{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--network-line);font-size:12px}.network-consent{position:static;width:100%;max-width:none;margin-top:24px;padding:24px 0 0;border:0;border-top:1px solid var(--network-line);background:none;box-shadow:none;border-radius:0;backdrop-filter:none}.network-consent h2{font-size:16px;line-height:22px;margin:0}.network-consent p{max-width:65ch;font-size:13px;line-height:21px}.network-consent-actions{display:flex;flex-wrap:wrap;gap:8px}.network-consent button{min-height:44px;padding:10px 14px;border:1px solid var(--network-line);border-radius:999px;background:var(--network-panel);color:var(--network-paper);font-size:13px;line-height:20px}.network-consent button[data-consent=granted]{background:var(--network-paper);color:var(--network-bg)}
.button,.action{border-radius:999px;font-family:var(--body);font-size:13px;min-height:40px;transition:filter 140ms ease,background 140ms ease}.button:hover,.action:hover{transform:none;filter:brightness(1.05)}.button-primary,.action.primary,.action.dark{background:var(--network-accent);color:#16121e;border-color:transparent;box-shadow:0 0 16px color-mix(in srgb,var(--network-accent) 18%,transparent)}.button-secondary,.action.secondary,.action.outline{color:var(--network-paper);background:var(--network-panel);border-color:var(--network-line);box-shadow:none}.micro,.eyebrow,.overline{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:12px;color:var(--network-accent)}.section,.workflow-preview,.desk-feature,.notebook-index{padding-block:56px}.journal-strip{margin-top:0}.shelf-entry,.saved-entry,.access-paper,.note-card,.callout,.tool-sheet,.sheet-sample,.source-note,.workflow-steps li{border-color:var(--network-line);border-radius:16px;background:var(--network-panel);color:var(--network-paper)}.note-card h3,.notebook-link h3{font-family:var(--body)}.article-shell,.interior-shell{padding-top:48px}.article-header h1,.page-header h1{font-family:var(--body);text-shadow:none}.margin-note{display:none}.hero-spine{display:none}.toast,.notice{top:72px;z-index:60;background:var(--network-paper);color:var(--network-bg);border:1px solid var(--network-line);border-radius:14px;font-size:13px}.network-hero video[hidden],.network-closing video[hidden]{display:none!important}
@supports(height:100svh){.pinned-hero-scene{--pinned-hero-height:calc(100svh - 56px)}}
@media(max-width:1050px){.network-header-inner{grid-template-columns:minmax(0,1fr) auto auto;height:56px;gap:10px}.network-header-action{grid-column:2;grid-row:1}.network-nav{position:absolute;top:64px;left:16px;right:16px;display:none!important;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 20px;border:1px solid var(--network-line);border-radius:20px;background:rgb(18 17 23/.98);box-shadow:0 15px 28px rgb(0 0 0/.3)}.network-nav.is-open,.network-nav.open{display:flex!important}.network-nav a{min-height:48px;padding:10px 2px!important;border-bottom:1px solid var(--network-line)!important;font-size:16px}.network-nav a:last-child{border-bottom:0!important}.network-menu{grid-column:3;grid-row:1;display:grid!important;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--network-line);border-radius:999px;background:transparent;color:var(--network-paper);font-size:20px;line-height:1}.network-menu .menu-label{display:none}.network-cta{height:44px;min-height:44px}}
@media(max-width:767px){.network-header-inner{width:calc(100% - 32px);gap:8px}.network-brand{font-size:16px}.network-header-action{padding-inline:12px;font-size:12px}.network-hero{min-height:420px;height:calc(100svh - 56px);padding:24px 16px max(40px,env(safe-area-inset-bottom))}.network-media img,.network-media video{object-fit:cover}.network-hero .network-headline{max-width:300px;font-size:56px;line-height:.95}.network-adult{margin-bottom:12px;font-size:11px;line-height:16px}.network-intro{max-width:32ch;margin-top:16px;font-size:13px;line-height:20px}.network-hero-copy [data-home-actions]{margin-top:14px}.network-section{width:calc(100% - 32px);padding:34px 0}.network-section h2{font-size:27px}.network-record{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:16px;padding:14px}.network-record h3{font-size:24px}.network-record-copy p{font-size:12px;line-height:19px}.network-cover-pending{font-size:11px;line-height:17px;padding:12px}.network-closing{width:calc(100% - 32px);min-height:340px;margin:12px auto 32px;align-items:flex-end}.network-closing-media{inset:0;width:100%}.network-closing-media img,.network-closing-media video{object-position:50% 22%}.network-closing-media::after{background:linear-gradient(0deg,var(--network-bg),rgb(11 11 15/.95) 18%,rgb(11 11 15/.72) 43%,transparent 75%),linear-gradient(90deg,var(--network-bg),transparent 18%,transparent 86%,var(--network-bg))}.network-closing-copy{width:100%;max-width:none;padding:24px 20px}.network-closing h2{font-size:28px;max-width:19ch}.network-closing [data-home-actions]{margin-top:16px}.network-closing .network-cta{font-size:12px;padding-inline:12px}.network-dock{bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 24px);gap:8px}.network-dock .network-cta{font-size:12px;padding-inline:13px}.network-footer{padding:36px 16px 100px}.network-footer .footer-links,.network-footer .footer-nav{gap:14px 20px}.network-footer .footer-nav>div{gap:14px 20px}.network-footer a,.network-footer button{font-size:12px}.network-consent{padding:20px 0 0}.network-consent p{font-size:12px;line-height:20px}.pinned-hero-scene{--hero-copy-travel:-56px}}
@media(max-width:360px){.network-brand{font-size:14px}.network-header-action{font-size:11px;padding-inline:10px}.network-hero .network-headline{font-size:50px}.network-hero-copy [data-home-actions],.network-dock,.network-closing [data-home-actions]{gap:6px}.network-hero-copy .network-cta,.network-dock .network-cta,.network-closing .network-cta{padding-inline:11px;font-size:12px}.network-record{grid-template-columns:1fr}.network-cover-pending{max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-hero video,.network-closing video{display:none!important}.network-cta{transition:none}}

/* Native title screenshot only: original 2560x1221 JPEG stays byte-identical.
   Show the native JPEG visible cover region 896x1056 at x822/y88; no story panel is used. */
.network-cover-frame{position:relative;display:block;aspect-ratio:896 / 1056;overflow:hidden;margin:0;border:0;border-radius:10px;background:transparent}
.network-cover-frame>img{position:absolute;display:block;max-width:none;width:calc(2560 / 896 * 100%);left:calc(-822 / 896 * 100%);top:calc(-88 / 1056 * 100%);height:auto}

/* Creator direction: keep the same network frame; show our existing panel plan,
   with the actual Community title cover separately labelled below the hero. */
:root{--network-bg:#17101f;--network-panel:#281c34;--network-paper:#f8f1ff;--network-muted:#bdaccb;--network-accent:#dfbcff}
.network-header{background:color-mix(in srgb,var(--network-bg) 94%,transparent)}
.network-nav{background:color-mix(in srgb,var(--network-bg) 80%,transparent)}
.comic-creator-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:30px 24px;background:radial-gradient(ellipse at 78% 45%,color-mix(in srgb,var(--network-accent) 12%,transparent),transparent 60%),var(--network-bg)}
.comic-creator-hero::after{display:none}
.comic-creator-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:52px;width:min(100%,1112px);min-width:0}
.comic-creator-hero .network-hero-copy{align-items:flex-start;width:100%;max-width:none;text-align:left;margin:0}
.comic-creator-hero .network-headline{max-width:none;font-size:clamp(52px,5.1vw,78px)}
.comic-creator-hero .network-intro{max-width:31ch;color:var(--network-paper)}
.comic-creator-hero [data-home-actions]{justify-content:flex-start}
.comic-hero-note{max-width:40ch;margin:14px 0 0;color:var(--network-muted);font-size:12px;line-height:19px}
.comic-plan-canvas{min-width:0;margin:0;padding:18px;border:1px solid color-mix(in srgb,var(--network-accent) 26%,transparent);border-radius:18px;background:var(--network-panel);box-shadow:0 24px 50px rgb(0 0 0/.2)}
.comic-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--network-paper);font-size:13px;font-weight:600}
.comic-plan-heading small{color:var(--network-muted);font-size:10px;font-weight:400;white-space:nowrap}
.comic-plan-canvas>img{display:block;width:100%;height:auto;border-radius:8px;background:#e4d6eb}
.comic-plan-canvas figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;color:var(--network-muted);font-size:10px;line-height:17px}
.comic-plan-canvas figcaption>span{max-width:27ch}
.comic-plan-canvas figcaption a{flex:none;display:inline-flex;align-items:center;min-height:36px;color:var(--network-accent);text-decoration:underline;text-underline-offset:3px;font-size:11px}
.comic-plan-canvas figcaption a:focus-visible,.comic-creator-nav a:focus-visible{outline:2px solid var(--network-accent);outline-offset:3px}
.comic-creator-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,1112px);min-width:0}
.comic-creator-nav a{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 16px;border-top:1px solid var(--network-line);border-bottom:1px solid var(--network-line);color:var(--network-paper);font-size:13px;text-decoration:none}
.comic-creator-nav a span{color:var(--network-accent);font-size:11px}
.comic-creator-nav a:hover{background:var(--network-panel)}
.comic-creator-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;min-height:290px;padding:32px 40px;border:1px solid var(--network-line);background:var(--network-panel)}
.comic-creator-closing .network-closing-copy{width:auto;max-width:none;padding:0}
.comic-closing-plan{min-width:0;margin:0;align-self:center}
.comic-closing-plan img{display:block;width:100%;height:auto;border-radius:10px}
.comic-closing-plan figcaption{margin-top:10px;color:var(--network-muted);font-size:10px;line-height:17px}
@media(max-width:767px){
 .comic-creator-hero{gap:20px;padding:24px 16px}
 .comic-creator-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .comic-creator-hero .network-hero-copy{align-items:center;text-align:center}
 .comic-creator-hero .network-headline{font-size:52px}
 .comic-creator-hero .network-intro{max-width:33ch;margin-top:14px}
 .comic-creator-hero [data-home-actions]{justify-content:center}
 .comic-hero-note{margin-top:12px;font-size:11px;line-height:17px}
 .comic-plan-canvas{padding:13px;border-radius:14px}
 .comic-plan-heading{margin-bottom:12px;font-size:12px}
 .comic-plan-canvas figcaption{gap:8px;margin-top:10px;font-size:9px;line-height:15px}
 .comic-plan-canvas figcaption a{font-size:10px}
 .comic-creator-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .comic-creator-nav a{min-height:44px;padding:10px 8px;font-size:12px;border-bottom:0}
 .comic-creator-nav a:nth-last-child(-n+2){border-bottom:1px solid var(--network-line)}
 .comic-creator-closing{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 20px;min-height:0}
 .comic-creator-closing h2{font-size:28px}
 .comic-closing-plan{width:min(100%,420px)}
}
@media(max-width:360px){.comic-creator-hero .network-headline{font-size:48px}.comic-plan-canvas figcaption{align-items:flex-start;flex-direction:column}.comic-plan-canvas figcaption>span{max-width:none}}
@media(max-width:767px) and (max-height:700px){.pinned-hero-stage:has(.comic-creator-hero){position:relative;top:0;height:auto;min-height:var(--pinned-hero-height)}.pinned-hero-stage .comic-creator-hero{height:auto;min-height:var(--pinned-hero-height);overflow:visible}}