:root,html[data-theme=cream],html[data-theme=light]{--cream:#f4efe0;--cream-2:#ece5d0;--paper:#fbf8ee;--ink:#1a1714;--ink-2:#3a332d;--ink-3:#6a6058;--yellow:#ffd419;--yellow-deep:#f2b500;--red:#c8102e;--red-deep:#931024;--blue:#2a6fdb;--green:#1f8a5b;--line:#1a1714;--dot:#1a171412;--solid:#1a1714;--solid-fg:#f4efe0;--on-yellow:#1a1714;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--cream);--surface:var(--paper);--surface-bright:var(--paper);--surface-dim:var(--cream-2);--surface-variant:var(--cream-2);--surface-container-lowest:#fff;--surface-container-low:var(--cream);--surface-container:var(--cream-2);--surface-container-high:var(--cream-2);--surface-container-highest:var(--cream-2);--on-surface:var(--ink);--on-surface-variant:var(--ink-3);--on-background:var(--ink);--outline:var(--ink-3);--outline-variant:var(--cream-2);--inverse-surface:var(--ink);--inverse-on-surface:var(--cream);--primary:#725c00;--primary-container:var(--yellow);--primary-fixed-dim:var(--yellow-deep);--on-primary:#fff;--on-primary-container:var(--on-yellow);--primary-fixed:#ffe07c;--on-primary-fixed:var(--ink);--on-primary-fixed-variant:#564500;--secondary:var(--red);--secondary-container:var(--red-deep);--on-secondary:#fff;--on-secondary-container:#fff;--secondary-fixed:#ffdad8;--secondary-fixed-dim:#ffb3b1;--tertiary:var(--blue);--tertiary-container:#c2d7ff;--on-tertiary-container:#001b3c;--error:var(--red);--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--shadow-color:var(--ink);--font-display:"Bowlby One", "Anton", "Impact", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}html[data-theme=dark],html[data-theme=ink]{--cream:#14110e;--cream-2:#1f1b17;--paper:#221e19;--ink:#f4efe0;--ink-2:#d4cdb8;--ink-3:#8e867a;--yellow:#ffd419;--yellow-deep:#ffb800;--red:#ff4d6a;--red-deep:#c8102e;--line:#f4efe0;--dot:#f4efe00f;--solid:#0a0907;--solid-fg:#f4efe0;--on-yellow:#1a1714;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:var(--cream);--surface:var(--paper);--surface-bright:var(--paper);--surface-variant:var(--cream-2);--surface-container-lowest:#14110e;--surface-container-low:var(--cream-2);--surface-container:var(--cream-2);--surface-container-high:var(--paper);--surface-container-highest:var(--paper);--on-surface:var(--ink);--on-surface-variant:var(--ink-3);--on-background:var(--ink);--outline:var(--ink-3);--outline-variant:#3a332d;--primary-container:var(--yellow);--primary-fixed-dim:var(--yellow-deep);--on-primary-container:var(--on-yellow);--primary-fixed:#5a4800;--secondary:var(--red);--secondary-container:var(--red-deep);--on-secondary:#fff;--on-secondary-container:#fff;--tertiary:#8aa6cf;--tertiary-container:#2e3e58;--on-tertiary-container:var(--ink);--error:#ff6b6b;--shadow-color:var(--line);--font-display:"Bowlby One", "Anton", sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}html[data-theme=newsprint]{--cream:#e8e2d0;--cream-2:#ddd6c0;--paper:#f3eedc;--ink:#2d2620;--ink-2:#4d4338;--ink-3:#7a6f62;--yellow:#2a6fdb;--yellow-deep:#1f56ae;--red:#c8102e;--line:#2d2620;--dot:#2d262014;--solid:#2d2620;--solid-fg:#f3eedc;--on-yellow:#f3eedc;--background:var(--cream);--surface:var(--paper);--surface-bright:var(--paper);--surface-variant:var(--cream-2);--surface-container-lowest:#fff;--surface-container-low:var(--cream);--surface-container:var(--cream-2);--surface-container-high:var(--cream-2);--surface-container-highest:var(--cream-2);--on-surface:var(--ink);--on-surface-variant:var(--ink-3);--on-background:var(--ink);--primary-container:var(--yellow);--primary-fixed-dim:var(--yellow-deep);--on-primary-container:var(--on-yellow);--secondary:var(--red);--secondary-container:#931024;--shadow-color:var(--line);--font-display:"Bowlby One", "Anton", sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}:root{--r-sm:.25rem;--r:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-full:9999px;--sp-base:8px;--sp-xs:4px;--sp-sm:12px;--sp-md:24px;--sp-lg:40px;--sp-xl:64px;--sp-gutter:20px;--sp-margin-mobile:16px;--sp-margin-desktop:48px;--fs-display-lg:48px;--fs-display-lg-mobile:36px;--fs-headline-md:32px;--fs-headline-sm:24px;--fs-body-lg:18px;--fs-body-md:16px;--fs-label-bold:14px;--fs-caption:12px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--cream);background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);-webkit-font-smoothing:antialiased;background-size:18px 18px;margin:0;font-size:15px;line-height:1.45;transition:background-color .18s,color .18s}.display{font-family:var(--font-display);letter-spacing:.5px;font-weight:400}.mono{font-family:var(--font-mono)}.panel{background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:2px}.panel-yellow{background:var(--yellow);color:var(--on-yellow);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:2px}.panel-flat{background:var(--paper);border:3px solid var(--ink);border-radius:2px}.halftone{background-image:radial-gradient(circle at center, var(--ink) 1px, transparent 1.5px);background-size:6px 6px}.halftone-red{background-image:radial-gradient(circle at center, var(--red) 1.5px, transparent 2px);background-size:7px 7px}.halftone-yellow{background-image:radial-gradient(circle at center, var(--yellow-deep) 1.5px, transparent 2px);background-size:7px 7px}:focus-visible{outline:3px solid var(--red);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--cream-2);border-left:2px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--cream-2);border-radius:0}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--on-surface);margin:0;font-weight:400;line-height:1.1}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;cursor:pointer;text-decoration:none}input,select,textarea{font:inherit;color:inherit}textarea:not([class]){background:var(--paper);border:2.5px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-body);color:var(--ink);resize:vertical;outline:none;padding:12px;font-size:15px}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-display-lg{font-size:var(--fs-display-lg);letter-spacing:.5px;font-weight:400;line-height:1;font-family:var(--font-display)}.text-display-lg-mobile{font-size:var(--fs-display-lg-mobile);letter-spacing:.5px;font-weight:400;line-height:1.05;font-family:var(--font-display)}.text-headline-md{font-size:var(--fs-headline-md);letter-spacing:.5px;font-weight:400;line-height:1.1;font-family:var(--font-display)}.text-headline-sm{font-size:var(--fs-headline-sm);letter-spacing:.5px;font-weight:400;line-height:1.15;font-family:var(--font-display)}.text-body-lg{font-size:var(--fs-body-lg);font-weight:400;line-height:28px;font-family:var(--font-body)}.text-body-md{font-size:var(--fs-body-md);font-weight:400;line-height:24px;font-family:var(--font-body)}.text-label-bold{font-size:var(--fs-label-bold);font-weight:700;line-height:20px;font-family:var(--font-body)}.text-caption{font-size:var(--fs-caption);font-weight:500;line-height:16px;font-family:var(--font-body)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-background{color:var(--on-background)}.text-primary{color:var(--primary)}.text-on-primary{color:var(--on-primary)}.text-on-primary-container{color:var(--on-primary-container)}.text-secondary{color:var(--secondary)}.text-on-secondary{color:var(--on-secondary)}.text-on-secondary-container{color:var(--on-secondary-container)}.text-tertiary{color:var(--tertiary)}.text-on-tertiary-container{color:var(--on-tertiary-container)}.text-error{color:var(--error)}.text-white{color:#fff}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.01em}.tracking-tighter{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:400}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.bg-surface-container{background-color:var(--surface-container)}.bg-surface-container-low{background-color:var(--surface-container-low)}.bg-surface-container-high{background-color:var(--surface-container-high)}.bg-surface-container-highest{background-color:var(--surface-container-highest)}.bg-surface-container-lowest{background-color:var(--surface-container-lowest)}.bg-surface-variant{background-color:var(--surface-variant)}.bg-white{background-color:#fff}.bg-primary{background-color:var(--primary)}.bg-primary-container{background-color:var(--primary-container)}.bg-primary-fixed-dim{background-color:var(--primary-fixed-dim)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-container{background-color:var(--secondary-container)}.bg-tertiary{background-color:var(--tertiary)}.bg-tertiary-container{background-color:var(--tertiary-container)}.bg-on-background{background-color:var(--on-background)}.comic-border,.comic-border-sm,.ink-border{border:2px solid var(--on-surface)}.comic-shadow{box-shadow:4px 4px 0 0 var(--on-surface)}.comic-shadow-sm{box-shadow:2px 2px 0 0 var(--on-surface)}.comic-shadow-lg{box-shadow:6px 6px 0 0 var(--on-surface)}.block-shadow{box-shadow:4px 4px 0 0 var(--on-surface)}.block-shadow-sm{box-shadow:2px 2px 0 0 var(--on-surface)}.press-active{transition:transform 60ms,box-shadow 60ms}.press-active:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--on-surface)!important}.press-active-sm:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--on-surface)!important}.halftone-bg{background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:6px 6px}.halftone-bg-8{background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:8px 8px}.speech-bubble{background:var(--paper);border:2px solid var(--on-surface);position:relative}.speech-bubble:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--on-surface);width:0;height:0;position:absolute;bottom:-10px;left:20px}.speech-bubble-tail:after{content:"";border:15px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;width:0;position:absolute;bottom:-15px;left:30px}.speech-bubble-tail:before{content:"";border-style:solid;border-width:17px 17px 0;border-color:var(--on-surface) transparent;width:0;position:absolute;bottom:-19px;left:28px}.paper-dotted{background-color:var(--background);background-image:radial-gradient(var(--surface-container-highest) 1px, transparent 1px);background-size:24px 24px}.rounded{border-radius:var(--r)}.rounded-sm{border-radius:var(--r-sm)}.rounded-md{border-radius:var(--r-md)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-xl)}.rounded-full{border-radius:var(--r-full)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow,.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.gap-xs{gap:var(--sp-xs)}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.gap-xl{gap:var(--sp-xl)}.gap-gutter{gap:var(--sp-gutter)}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.p-xs{padding:var(--sp-xs)}.p-sm{padding:var(--sp-sm)}.p-md{padding:var(--sp-md)}.p-lg{padding:var(--sp-lg)}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-xs{padding-left:var(--sp-xs);padding-right:var(--sp-xs)}.px-sm{padding-left:var(--sp-sm);padding-right:var(--sp-sm)}.px-md{padding-left:var(--sp-md);padding-right:var(--sp-md)}.px-lg{padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.py-xs{padding-top:var(--sp-xs);padding-bottom:var(--sp-xs)}.py-sm{padding-top:var(--sp-sm);padding-bottom:var(--sp-sm)}.py-md{padding-top:var(--sp-md);padding-bottom:var(--sp-md)}.py-lg{padding-top:var(--sp-lg);padding-bottom:var(--sp-lg)}.pt-lg{padding-top:var(--sp-lg)}.pt-md{padding-top:var(--sp-md)}.pb-md{padding-bottom:var(--sp-md)}.pb-lg{padding-bottom:var(--sp-lg)}.px-margin-mobile,.px-margin-desktop{padding-left:var(--sp-margin-mobile);padding-right:var(--sp-margin-mobile)}@media (width>=768px){.px-margin-desktop{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.m-0{margin:0}.mb-xs{margin-bottom:var(--sp-xs)}.mb-sm{margin-bottom:var(--sp-sm)}.mb-md{margin-bottom:var(--sp-md)}.mb-lg{margin-bottom:var(--sp-lg)}.mt-xs{margin-top:var(--sp-xs)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mt-xl{margin-top:var(--sp-xl)}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.h-20{height:80px}.h-16{height:64px}.h-12{height:48px}.h-10{height:40px}.h-8{height:32px}.h-6{height:24px}.w-32{width:128px}.w-48{width:192px}.w-64{width:256px}.w-80{width:320px}.size-32{width:128px;height:128px}.size-48{width:192px;height:192px}.size-12{width:48px;height:48px}.size-10{width:40px;height:40px}.size-8{width:32px;height:32px}.size-6{width:24px;height:24px}.size-5{width:20px;height:20px}.size-16{width:64px;height:64px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.inset-0{inset:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.object-cover{object-fit:cover}.aspect-3-4{aspect-ratio:3/4}.aspect-4-3{aspect-ratio:4/3}.aspect-5-7{aspect-ratio:5/7}.aspect-16-10{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.cursor-pointer{cursor:pointer}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-20{opacity:.2}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.border-b-2{border-bottom:2px solid var(--on-surface)}.border-t-2{border-top:2px solid var(--on-surface)}.border-l-2{border-left:2px solid var(--on-surface)}.border-r-2{border-right:2px solid var(--on-surface)}.border-dashed{border-style:dashed}.topnav{z-index:50;width:100%;height:72px;padding:14px var(--sp-margin-mobile);background:var(--cream);border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media (width>=768px){.topnav{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.topnav-brand{font-family:var(--font-display);color:var(--red);letter-spacing:-1px;text-shadow:3px 3px 0 var(--ink);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:32px;font-style:italic;font-weight:400;line-height:1}.topnav-links{gap:var(--sp-md);align-items:center;display:none}@media (width>=768px){.topnav-links{display:flex}}.topnav-link{color:var(--on-surface-variant);font-weight:500;font-size:var(--fs-body-md);transition:color .2s}.topnav-link:hover{color:var(--secondary)}.topnav-link.is-active{color:var(--primary);border-bottom:4px solid var(--primary);padding-bottom:2px;font-weight:700}.topnav-mobile-toggle{justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (width>=768px){.topnav-mobile-toggle{display:none}}.btn{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-body);color:var(--ink);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}.btn:hover{background:var(--cream-2)}.btn:active,.btn.press-active:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:3px 3px 0 var(--ink);transform:none}.btn-sm{min-height:30px;box-shadow:2px 2px 0 var(--ink);padding:6px 12px;font-size:13px}.btn-sm:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.btn-lg{padding:14px 24px;font-size:16px}.btn-primary{background:var(--yellow);color:var(--on-yellow)}.btn-primary:hover{background:var(--yellow-deep)}.btn-dark{background:var(--solid);color:var(--yellow)}.btn-dark:hover{background:#000}.btn-secondary,.btn-danger{background:var(--red);color:#fff}.btn-secondary:hover,.btn-danger:hover{background:var(--red-deep)}.btn-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container)}.btn-ghost{background:var(--paper);color:var(--ink)}.btn-ghost:hover{background:var(--cream-2)}.btn-block{width:100%}.chip{padding:2px var(--sp-xs);border-radius:var(--r-full);font-size:var(--fs-caption);font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;display:inline-flex}.chip-primary{background:var(--primary-container);color:var(--on-primary-container)}.chip-secondary{background:var(--secondary);color:var(--on-secondary)}.chip-tertiary{background:var(--tertiary-container);color:var(--on-tertiary-container)}.input,.textarea,.select{background:var(--paper);border:2.5px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-body);color:var(--ink);outline:none;padding:11px 14px;font-size:15px;font-weight:500;transition:box-shadow .1s}.input:focus,.textarea:focus,.select:focus{outline:3px solid var(--red);outline-offset:2px}.textarea{resize:vertical;min-height:110px;line-height:1.5;font-family:var(--font-body)}.input-prefixed{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);align-items:stretch;display:flex;overflow:hidden}.input-prefixed>input{box-shadow:none;background:0 0;border:0}.input-prefixed>.prefix{background:var(--cream-2);border-right:2px solid var(--ink);font-size:13px;font-weight:700;font-family:var(--font-mono);background:var(--surface-container);font-size:var(--fs-caption);color:var(--on-surface-variant);border-right:2px solid var(--on-surface);align-items:center;padding:10px 12px;display:flex}.input-prefixed>input{font-size:var(--fs-body-md);background:0 0;border:0;outline:none;flex:1;padding:10px 14px}.editor-page{flex-direction:column;flex-grow:1;height:calc(100vh - 80px);display:flex;overflow:hidden}@media (width>=768px){.editor-page{flex-direction:row}}.editor-aside{background:var(--surface-container-low);border-right:2px solid var(--on-surface);width:100%;padding:var(--sp-md);overflow-y:auto}@media (width>=768px){.editor-aside{flex-shrink:0;width:256px}}.editor-pages-grid{gap:var(--sp-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.editor-pages-grid{grid-template-columns:1fr}}.editor-page-thumb{cursor:pointer;border:2px solid var(--on-surface);background:var(--paper);padding:var(--sp-xs);box-shadow:2px 2px 0 0 var(--on-surface);transition:transform .15s,background .2s;position:relative}.editor-page-thumb:hover{background:var(--surface-variant)}.editor-page-thumb.is-active{border:4px solid var(--primary-container)}.editor-page-thumb-img{aspect-ratio:3/4;background:var(--surface-variant);justify-content:center;align-items:center;display:flex;overflow:hidden}.editor-page-thumb-img>img{object-fit:cover;width:100%;height:100%}.editor-page-thumb-num{background:var(--on-background);color:#fff;padding:0 var(--sp-xs);font-size:var(--fs-caption);font-weight:700;font-family:var(--font-body);position:absolute;top:8px;left:8px}.editor-main{background:var(--surface);padding:var(--sp-md);flex-grow:1;justify-content:center;display:flex;overflow-y:auto}@media (width>=768px){.editor-main{padding:var(--sp-lg)}}.editor-draft{background:var(--paper);border:2px solid var(--on-surface);width:100%;max-width:56rem;box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-lg);min-height:1000px;position:relative}.editor-draft-grid{gap:var(--sp-md);grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid}.editor-panel{border:2px solid var(--on-surface);position:relative;overflow:hidden}.editor-panel.h-96{height:384px}.editor-panel.h-64{height:256px}.editor-panel-img{object-fit:cover;width:100%;height:100%}.editor-panel-speech{background:var(--paper);border:2px solid var(--on-surface);padding:8px var(--sp-sm);max-width:200px;position:absolute}.editor-right{background:var(--surface-container);border-left:2px solid var(--on-surface);width:100%;padding:var(--sp-md);overflow-y:auto}@media (width>=768px){.editor-right{flex-shrink:0;width:320px}}.share-option-row{align-items:center;gap:var(--sp-md);padding:var(--sp-sm);background:var(--paper);border:2px solid var(--on-surface);cursor:pointer;transition:background .15s;display:flex}.share-option-row:hover{background:var(--surface-container-low)}.share-option-row>input[type=checkbox]{border:2px solid var(--on-surface);width:20px;height:20px;accent-color:var(--secondary)}.share-option-row .l{font-weight:700;font-size:var(--fs-label-bold)}.share-option-row .s{font-size:var(--fs-caption)}.tooltip-bubble{margin-top:var(--sp-xl);padding:var(--sp-md);background:var(--tertiary-container);color:var(--on-tertiary-container);border-radius:var(--r-xl);border:2px solid var(--on-surface);position:relative}.tooltip-bubble:after{content:"";background:var(--tertiary-container);border-top:2px solid var(--on-surface);border-left:2px solid var(--on-surface);width:16px;height:16px;position:absolute;top:-10px;left:32px;transform:rotate(45deg)}.profile-page{margin-top:var(--sp-md);padding:0 var(--sp-margin-mobile);max-width:80rem;padding-bottom:var(--sp-xl);gap:var(--sp-xl);flex-direction:column;margin-left:auto;margin-right:auto;display:flex}@media (width>=768px){.profile-page{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.profile-header{background:var(--surface-container);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md);position:relative;overflow:hidden}@media (width>=768px){.profile-header{padding:var(--sp-lg)}}.profile-header-halftone{width:128px;height:128px;color:var(--secondary);opacity:.4;pointer-events:none;background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:8px 8px;position:absolute;top:0;right:0}.profile-header-row{gap:var(--sp-lg);z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}@media (width>=768px){.profile-header-row{flex-direction:row;align-items:flex-start}}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{border-radius:var(--r-full);border:2px solid var(--on-surface);background:var(--paper);width:128px;height:128px;box-shadow:4px 4px 0 0 var(--on-surface);font-family:var(--font-display);color:var(--on-surface);justify-content:center;align-items:center;font-size:56px;font-weight:400;display:flex;overflow:hidden}@media (width>=768px){.profile-avatar{width:192px;height:192px;font-size:80px}}.profile-badge{background:var(--secondary);color:var(--on-secondary);padding:4px var(--sp-sm);border-radius:var(--r-full);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);font-size:var(--fs-label-bold);white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:flex;position:absolute;bottom:-8px;right:-8px}.profile-info{text-align:center;flex:1}@media (width>=768px){.profile-info{text-align:left}}.profile-name{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.01em;color:var(--on-surface);font-weight:400;line-height:40px}@media (width>=768px){.profile-name{font-size:var(--fs-display-lg);letter-spacing:-.02em;line-height:52px}}.profile-role{font-family:var(--font-display);font-size:var(--fs-headline-sm);color:var(--primary);margin-bottom:var(--sp-md);font-style:italic;font-weight:400;line-height:30px}.profile-bio{font-size:var(--fs-body-lg);color:var(--on-surface-variant);max-width:42rem;margin:0 auto var(--sp-lg);line-height:28px}@media (width>=768px){.profile-bio{margin-left:0;margin-right:0}}.profile-cta-row{gap:var(--sp-md);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){.profile-cta-row{justify-content:flex-start}}.profile-stats{gap:var(--sp-gutter);grid-template-columns:1fr;display:grid}@media (width>=768px){.profile-stats{grid-template-columns:repeat(3,1fr)}}.profile-stat-card{background:var(--paper);padding:var(--sp-md);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);transition:background .2s}.profile-stat-card:hover{background:var(--surface-container-low)}.profile-stat-row{align-items:center;gap:var(--sp-md);display:flex}.profile-stat-icon{border-radius:var(--r-full);border:2px solid var(--on-surface);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-stat-icon.icon-k1{background:var(--tertiary-container);color:var(--on-tertiary-container)}.profile-stat-icon.icon-k2{background:var(--secondary-container);color:var(--on-secondary-container)}.profile-stat-icon.icon-k3{background:var(--primary-container);color:var(--on-primary-container)}.profile-stat-label{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-weight:500}.profile-stat-value{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.01em;margin-top:4px;font-weight:400;line-height:1}.published-section{gap:var(--sp-lg);flex-direction:column;display:flex}.published-head{border-bottom:2px solid var(--on-surface);padding-bottom:var(--sp-base);justify-content:space-between;align-items:flex-end;display:flex}.published-head h2{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.02em;text-transform:uppercase;color:var(--on-surface);font-weight:400}@media (width>=768px){.published-head h2{font-size:var(--fs-display-lg)}}.published-head h2 em{color:var(--secondary);font-style:italic}.published-head a{font-family:var(--font-body);font-size:var(--fs-label-bold);color:var(--secondary);align-items:center;gap:4px;font-weight:700;display:flex}.published-head a:hover{text-decoration:underline}.published-grid{gap:var(--sp-gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.published-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.comic-card{gap:var(--sp-base);cursor:pointer;flex-direction:column;display:flex}.comic-card-cover{aspect-ratio:3/4;border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);background:var(--surface-container-high);transition:transform .15s;position:relative;overflow:hidden}.comic-card:hover .comic-card-cover{transform:translateY(-4px)}.comic-card-cover>img{object-fit:cover;width:100%;height:100%}.comic-card-cover-art{padding:var(--sp-sm);font-family:var(--font-display);color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;font-size:18px;line-height:1.05;display:flex;position:absolute;inset:0}.comic-card-cover-art:before{content:"";background:linear-gradient(#0000 50%,#0000008c);position:absolute;inset:0}.comic-card-cover-art>*{z-index:1;position:relative}.comic-card-cover-art .author-strip{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px #0006;margin-top:4px;font-size:11.5px;font-weight:700}.comic-card-star{background:var(--paper);border:2px solid var(--on-surface);font-size:var(--fs-caption);color:var(--on-surface);align-items:center;gap:4px;padding:1px 6px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.comic-card-title{font-family:var(--font-display);font-size:var(--fs-headline-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:400;line-height:30px;overflow:hidden}.comic-card-meta{font-family:var(--font-body);font-size:var(--fs-caption);color:var(--on-surface-variant)}.profile-page-v2{max-width:80rem;padding:0 var(--sp-margin-mobile) var(--sp-xl);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.profile-page-v2{padding:0 var(--sp-margin-desktop) var(--sp-xl)}}.profile-banner{background:var(--primary-container);border:2px solid var(--on-surface);height:160px;margin-top:var(--sp-md);position:relative;overflow:hidden}.profile-banner-pattern{background-image:radial-gradient(var(--secondary) 1.4px, transparent 1.4px), radial-gradient(var(--on-surface) 1px, transparent 1px);opacity:.35;background-position:0 0,4.5px 4.5px;background-size:18px 18px,9px 9px;position:absolute;inset:0}.profile-header-v2{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md);margin-bottom:var(--sp-lg);border-top:0;position:relative}@media (width>=768px){.profile-header-v2{padding:var(--sp-lg)}}.profile-header-row-v2{gap:var(--sp-md);text-align:center;flex-direction:column;align-items:center;margin-top:-88px;display:flex}@media (width>=768px){.profile-header-row-v2{text-align:left;flex-direction:row;align-items:flex-end}}.profile-info-v2{flex:1;min-width:0}.profile-handle{font-family:var(--font-body);letter-spacing:.06em;text-transform:lowercase;color:var(--on-surface-variant);margin:4px 0 12px;font-size:13px;font-weight:500}.profile-actions-v2{gap:var(--sp-sm);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){.profile-actions-v2{justify-content:flex-end}}.profile-stats-inline{gap:var(--sp-md);padding-top:var(--sp-md);margin-top:var(--sp-md);border-top:2px solid var(--on-surface);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.profile-stats-inline{grid-template-columns:repeat(4,1fr)}}.profile-stat-inline{text-align:center}@media (width>=768px){.profile-stat-inline{text-align:left}}.profile-stat-inline-value{font-family:var(--font-display);font-size:var(--fs-headline-md);letter-spacing:-.01em;color:var(--on-surface);font-weight:400;line-height:1}.profile-stat-inline-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:4px;font-size:11px;font-weight:700}.profile-filter-tabs{background:var(--surface-container-low);border:2px solid var(--on-surface);border-radius:var(--r-full);flex-wrap:wrap;padding:3px;display:inline-flex}.profile-filter-tabs button{border-radius:var(--r-full);color:var(--on-surface-variant);font-size:12.5px;font-weight:700;font-family:var(--font-body);padding:6px 14px}.profile-filter-tabs button.is-on{background:var(--on-surface);color:var(--surface)}.reader-shell{z-index:80;background:var(--background);color:var(--on-background);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.reader-header{height:72px;padding:14px var(--sp-margin-mobile);justify-content:space-between;align-items:center;gap:var(--sp-sm);background:var(--cream);border-bottom:3px solid var(--ink);flex:none;display:flex}@media (width>=768px){.reader-header{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.reader-header-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.reader-header-sep{background:var(--ink);opacity:.25;flex-shrink:0;width:1px;height:28px}.reader-header-title{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.reader-brand-link{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.reader-brand-link:hover{opacity:.85}.reader-canvas{width:100vw;height:100vh;padding:var(--sp-margin-mobile);background-image:radial-gradient(var(--outline-variant) 1px, transparent 1px);background-size:8px 8px;justify-content:center;align-items:center;display:flex;position:relative}@media (width>=768px){.reader-canvas{padding:var(--sp-xl)}}.reader-page{aspect-ratio:4/3;background:var(--surface);border:2.5px solid var(--on-surface);width:100%;max-width:64rem;box-shadow:6px 6px 0 0 var(--on-surface);transition:transform .5s ease-in-out;position:relative;overflow:hidden}@media (width>=768px){.reader-page{aspect-ratio:16/10}}.reader-page>img{object-fit:cover;width:100%;height:100%}.reader-side-arrow{z-index:40;background:var(--primary-container);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-lg);transition:transform 60ms,box-shadow 60ms,background .15s;display:none;position:fixed;top:50%;transform:translateY(-50%)}.reader-side-arrow:hover{background:var(--primary-container)}.reader-side-arrow:active{box-shadow:0 0 0 0 var(--on-surface);transform:translateY(-50%)translate(4px,4px)}@media (width>=768px){.reader-side-arrow{justify-content:center;align-items:center;display:flex}.reader-side-arrow.l{left:var(--sp-margin-desktop)}.reader-side-arrow.r{right:var(--sp-margin-desktop)}}.reader-mobile-nav{padding:0 var(--sp-sm);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}@media (width>=768px){.reader-mobile-nav{display:none}}.reader-mobile-arrow{pointer-events:auto;border:2px solid var(--on-surface);border-radius:var(--r-full);padding:var(--sp-sm);background:#ffd200e6;justify-content:center;align-items:center;display:flex}.reader-footer{background:var(--surface-container-low);border-top:2px solid var(--on-background);padding:var(--sp-md) var(--sp-margin-mobile);flex:none}@media (width>=768px){.reader-footer{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.reader-footer-inner{gap:var(--sp-sm);flex-direction:column;max-width:56rem;margin:0 auto;display:flex}.reader-footer-top{margin-bottom:var(--sp-xs);justify-content:space-between;align-items:center;display:flex}.reader-page-progress{align-items:center;height:24px;display:flex;position:relative}.reader-rail{background:var(--surface-variant);border:2px solid var(--on-background);border-radius:var(--r-full);width:100%;height:8px;position:absolute}.reader-fill{background:var(--primary-container);border:2px solid var(--on-background);border-radius:var(--r-full);height:8px;transition:width .7s;position:absolute}.reader-nodes{justify-content:space-between;width:100%;display:flex;position:relative}.reader-node{background:var(--surface-container-highest);border:2px solid var(--on-background);border-radius:var(--r-sm);width:24px;height:24px;transform:rotate(2deg)}.reader-node:nth-child(odd){transform:rotate(-3deg)}.reader-node:nth-child(3n){transform:rotate(6deg)}.reader-node.is-done{background:var(--primary-container)}.reader-node.is-active{background:var(--secondary);width:32px;height:32px;margin-top:-4px;transform:rotate(-6deg)}.home{padding:0 var(--sp-margin-mobile) var(--sp-xl);flex-direction:column;max-width:80rem;margin:0 auto;display:flex}@media (width>=768px){.home{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.home-hero{margin-top:var(--sp-md);background:var(--primary-container);border:2px solid var(--on-surface);box-shadow:8px 8px 0 0 var(--on-surface);padding:var(--sp-md);position:relative;overflow:hidden}@media (width>=768px){.home-hero{padding:var(--sp-lg) var(--sp-xl)}}.home-hero:before{content:"";width:240px;height:240px;color:var(--secondary);opacity:.4;pointer-events:none;background-image:radial-gradient(circle,currentColor 2px,#0000 2px);background-size:14px 14px;position:absolute;top:0;right:0;transform:translate(60px,-60px)}.home-hero-grid{gap:var(--sp-lg);grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (width>=1024px){.home-hero-grid{gap:var(--sp-xl);grid-template-columns:1.1fr .9fr}}.home-hero-eyebrow{background:var(--secondary);color:var(--on-secondary);padding:4px var(--sp-sm);border:2px solid var(--on-surface);font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-md);font-weight:700;display:inline-block}.home-hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--fs-display-lg-mobile);letter-spacing:-.02em;color:var(--secondary);text-transform:uppercase;margin-bottom:var(--sp-md);text-wrap:balance;font-style:italic;line-height:1}@media (width>=768px){.home-hero h1{font-size:64px;line-height:60px}}@media (width>=1024px){.home-hero h1{font-size:80px;line-height:76px}}.home-hero h1 em{color:var(--on-surface);font-style:italic;font-weight:400}.home-hero p{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--on-primary-container);max-width:480px;margin-bottom:var(--sp-lg);line-height:28px}.home-hero-actions{gap:var(--sp-md);margin-top:var(--sp-md);flex-wrap:wrap;display:flex}.home-prompt-card{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-sm);margin-bottom:var(--sp-md);position:relative}.home-prompt-input{width:100%;font-family:var(--font-body);color:var(--on-surface);resize:vertical;background:0 0;border:0;outline:0;min-height:80px;padding:8px;font-size:16px;line-height:1.55}.home-prompt-input::placeholder{color:var(--on-surface-variant)}.home-prompt-foot{align-items:center;gap:var(--sp-sm);padding-top:var(--sp-sm);border-top:1px dashed var(--outline-variant);flex-wrap:wrap;display:flex}.home-prompt-foot .char-count{font-family:var(--font-body);color:var(--on-surface-variant);font-size:11px}.home-style-row{margin-bottom:var(--sp-md);flex-direction:column;gap:8px;display:flex}.home-style-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-primary-container);font-size:11px;font-weight:700}.home-style-chips{flex-wrap:wrap;gap:6px;display:flex}.home-style-chip{background:var(--surface);border:2px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;padding:4px 12px;font-size:13px;font-weight:700;transition:transform 60ms,box-shadow 60ms}.home-style-chip:hover{box-shadow:2px 2px 0 0 var(--on-surface);transform:translate(-2px,-2px)}.home-style-chip.is-on{background:var(--on-surface);color:var(--surface)}.home-hero-mockup{justify-content:center;display:flex;position:relative}.home-hero-mockup .mini-page{aspect-ratio:5/6;background:var(--paper);border:2px solid var(--on-surface);width:100%;max-width:360px;box-shadow:12px 12px 0 0 var(--on-surface);padding:var(--sp-sm);gap:var(--sp-sm);flex-direction:column;display:flex;position:relative;transform:rotate(-2deg)}.home-hero-mockup .mini-head{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);padding-bottom:var(--sp-xs);justify-content:space-between;font-weight:700;display:flex}.home-hero-mockup .mini-panel{border:2px solid var(--on-surface);flex:1;position:relative;overflow:hidden}.home-hero-mockup .mini-panel:after{content:"";mix-blend-mode:multiply;background-image:radial-gradient(#00000038 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.home-hero-mockup .mini-row{gap:var(--sp-sm);flex:1;display:flex}.home-hero-mockup .mini-row .mini-panel{flex:1}.tone-yellow{background:var(--primary-container)}.tone-red{background:var(--secondary)}.tone-blue{background:var(--tertiary)}.tone-cream{background:var(--primary-fixed)}.mini-panel .mini-caption{z-index:1;background:var(--primary-fixed);border:1.5px solid var(--on-surface);font-size:10px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;font-weight:700;position:absolute;top:8px;left:8px}.mini-panel .mini-bubble{z-index:1;background:var(--paper);border:2px solid var(--on-surface);font-size:11px;font-family:var(--font-display);max-width:70%;padding:4px 10px;font-weight:400;position:absolute;bottom:12px;right:8px}.home-empty{text-align:center;padding:var(--sp-xl) var(--sp-md);margin-top:var(--sp-lg);background:var(--surface-container-low);border:2px solid var(--on-surface);box-shadow:6px 6px 0 0 var(--on-surface)}.home-empty .home-empty-h{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);text-transform:uppercase;color:var(--secondary);letter-spacing:-.02em;margin-bottom:var(--sp-sm);font-style:italic;font-weight:400}.home-empty p{color:var(--on-surface-variant);margin:0 0 var(--sp-md);font-size:var(--fs-body-lg)}.home-section-head{border-bottom:2px solid var(--on-surface);padding-bottom:var(--sp-base);margin:var(--sp-xl) 0 var(--sp-md);justify-content:space-between;align-items:flex-end;display:flex}.home-section-head h2{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.02em;color:var(--on-surface);text-transform:uppercase;font-weight:400}@media (width>=768px){.home-section-head h2{font-size:var(--fs-display-lg)}}.home-section-head h2 em{color:var(--secondary);font-style:italic}.home-section-head a{font-family:var(--font-body);font-size:var(--fs-label-bold);color:var(--secondary);align-items:center;gap:4px;font-weight:700;display:flex}.home-section-head a:hover{text-decoration:underline}.generate-page{max-width:56rem;padding:var(--sp-lg) var(--sp-margin-mobile);margin:0 auto}@media (width>=768px){.generate-page{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.generate-page h1{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.01em;margin-bottom:var(--sp-sm);font-weight:400}@media (width>=768px){.generate-page h1{font-size:var(--fs-display-lg);letter-spacing:-.02em}}.generate-page .lead{color:var(--on-surface-variant);font-size:var(--fs-body-lg);margin-bottom:var(--sp-md)}.generate-panel{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md)}.field{margin-bottom:var(--sp-md);flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);font-weight:700}.style-grid{gap:var(--sp-sm);margin-bottom:var(--sp-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.style-grid{grid-template-columns:repeat(3,1fr)}}.style-card{background:var(--paper);border:2px solid var(--on-surface);padding:var(--sp-sm);cursor:pointer;text-align:left;transition:transform 60ms,box-shadow 60ms,background .15s}.style-card.is-active{background:var(--primary-container);box-shadow:3px 3px 0 0 var(--on-surface)}.style-card .swatch{border:2px solid var(--on-surface);height:64px;margin-bottom:var(--sp-sm)}.style-card .name{font-weight:700;font-size:var(--fs-label-bold)}.style-card .hint{color:var(--on-surface-variant);font-size:11.5px}.arc-toggle{border:2px solid var(--on-surface);background:var(--paper);border-radius:var(--r-full);padding:3px;display:inline-flex}.arc-toggle button{font-family:var(--font-body);border-radius:var(--r-full);color:var(--on-surface-variant);align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.arc-toggle button.is-on{background:var(--on-surface);color:var(--surface)}.arc-toggle button:disabled{opacity:.5;cursor:not-allowed}.plan-banner{justify-content:space-between;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border:2px solid var(--on-surface);background:var(--surface-container-low);margin-bottom:var(--sp-md);font-size:var(--fs-label-bold);flex-wrap:wrap;display:flex}.plan-banner.pro{background:var(--primary-container);color:var(--on-primary-container)}.plan-banner.ultra{background:var(--tertiary-container);color:var(--on-tertiary-container)}.explore-page{max-width:1600px;padding:0 var(--sp-margin-mobile) var(--sp-xl);margin:0 auto}@media (width>=768px){.explore-page{padding:0 var(--sp-margin-desktop) var(--sp-xl)}}.exp-hero-band{border-bottom:2px solid var(--on-surface);margin-bottom:18px;padding:28px 0 16px}.exp-hero-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=1024px){.exp-hero-grid{grid-template-columns:1.6fr 1fr 1fr}}.exp-hero-big{position:relative}.exp-hero-stack{grid-template-rows:1fr 1fr;gap:18px;display:grid}.exp-hero-tile{position:relative}.exp-hero-label{z-index:3;background:var(--on-surface);color:var(--surface);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--on-surface);padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:-10px;left:12px}.exp-cover{aspect-ratio:5/7;border:2px solid var(--on-surface);width:100%;box-shadow:4px 4px 0 0 var(--on-surface);cursor:pointer;background:var(--surface-container);transition:transform 80ms,box-shadow 80ms;position:relative;overflow:hidden}.exp-cover:hover{box-shadow:6px 6px 0 0 var(--on-surface);transform:translate(-2px,-2px)}.exp-cover.is-big{aspect-ratio:4/5}@media (width>=1024px){.exp-cover.is-big{aspect-ratio:5/7}}.exp-cover>img,.exp-cover .exp-cover-fallback{object-fit:cover;width:100%;height:100%;display:block}.exp-cover-fallback{background:linear-gradient(180deg, var(--primary-fixed), var(--on-surface))}.exp-cover-rating{z-index:2;background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);padding:2px 8px;font-size:11.5px;font-weight:700;position:absolute;top:8px;right:8px}.exp-cover-title{z-index:2;color:#fff;background:linear-gradient(#0000 0%,#000000a6 70%,#000000d9 100%);padding:22px 12px 12px;position:absolute;bottom:0;left:0;right:0}.exp-cover-title h4,.exp-cover-title .exp-cover-by{color:#fff!important}.exp-cover-title h4{font-family:var(--font-display);letter-spacing:-.01em;text-shadow:0 1px #0006;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-style:italic;font-weight:400;line-height:1.1;display:-webkit-box;overflow:hidden}.exp-cover.is-big .exp-cover-title h4{font-size:26px}.exp-cover-by{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-top:6px;font-size:10.5px;font-weight:700}.exp-chips-row{border-bottom:2px solid var(--on-surface);flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:0 0 18px;display:flex}.exp-chip{background:var(--surface-container-low);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .12s;display:inline-flex}.exp-chip:hover{background:var(--surface)}.exp-chip.is-on{background:var(--on-surface);color:var(--surface)}.exp-chip-count{font-size:10.5px;font-family:var(--font-body);background:#00000014;padding:1px 6px;font-weight:700}.exp-chip.is-on .exp-chip-count{background:#fff3}.exp-body{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.exp-body{grid-template-columns:1fr 320px;gap:32px}}.exp-filtbar{background:var(--paper);border:2px solid var(--on-surface);box-shadow:3px 3px 0 0 var(--on-surface);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;padding:10px 12px;display:flex}.exp-filtbar-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-right:6px;font-size:10.5px;font-weight:700}.exp-filtbtn{background:var(--surface-container-low);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;padding:4px 10px;font-size:12px;font-weight:600}.exp-filtbtn:hover{background:var(--surface)}.exp-filtbtn.is-on{background:var(--on-surface);color:var(--surface)}.exp-results-meta{font-family:var(--font-body);color:var(--on-surface-variant);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:12.5px;display:flex}.exp-results-meta strong{color:var(--on-surface);font-weight:700}.exp-results-meta em{color:var(--secondary);font-style:italic;font-weight:600}.exp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.exp-card{cursor:pointer;flex-direction:column;display:flex}.exp-card-meta{padding-top:10px}.exp-card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-style:italic;font-weight:400;line-height:1.15;display:-webkit-box;overflow:hidden}.exp-card-by{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.04em;margin-top:4px;font-size:11px}.exp-card-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.exp-tag{background:var(--surface-container);border:1px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);letter-spacing:.04em;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}.exp-tag.red{background:var(--secondary);color:var(--on-secondary);border-color:var(--on-surface)}.exp-rail{flex-direction:column;gap:24px;display:flex}.exp-rail-block{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:14px}.exp-rail-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--on-surface);margin:0 0 12px;font-size:20px;font-style:italic;font-weight:400}.exp-rail-tabs{margin-bottom:14px}.exp-lb-row{border:0;border-top:1px dashed var(--outline-variant);text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;grid-template-columns:28px 44px 1fr auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.exp-lb-row:first-of-type{border-top:0}.exp-lb-row:hover{background:var(--surface-container-low)}.exp-lb-rank{font-family:var(--font-display);color:var(--secondary);letter-spacing:-.02em;text-align:center;font-size:22px;font-style:italic;font-weight:400}.exp-lb-mini{aspect-ratio:5/7;border:1.5px solid var(--on-surface);width:44px;overflow:hidden}.exp-lb-mini>img{object-fit:cover;width:100%;height:100%}.exp-lb-fallback{width:100%;height:100%}.exp-lb-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:italic;font-weight:400;line-height:1.15;overflow:hidden}.exp-lb-by{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:2px;font-size:10.5px}.exp-lb-stat{font-family:var(--font-body);color:var(--on-surface);letter-spacing:.04em;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:inline-flex}@media (width<=1023px){.exp-hero-stack{grid-template-rows:auto auto}.exp-cover.is-big{aspect-ratio:5/4}}.pricing-page{max-width:1200px;padding:48px var(--sp-margin-mobile) 64px;margin:0 auto}@media (width>=768px){.pricing-page{padding:64px var(--sp-margin-desktop) 80px}}.pricing-hero{text-align:center;margin-bottom:40px}.pricing-kicker{letter-spacing:1.5px;color:var(--red);margin-bottom:12px;font-size:11px;font-weight:700}.pricing-h1{letter-spacing:-.5px;color:var(--ink);margin:0;font-size:clamp(48px,8vw,96px);line-height:.95}.pricing-sub{color:var(--ink-2);max-width:620px;margin:14px auto 0;font-size:16px;line-height:1.5}.pricing-grid{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=900px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:26px;position:relative}.pricing-card.pricing-yellow{background:var(--yellow);color:var(--on-yellow)}.pricing-card.pricing-ink{background:var(--solid);color:var(--solid-fg)}.pricing-card>.set-stamp-tag{position:absolute;top:-16px;left:22px}.pricing-name{font-size:36px;line-height:1}.pricing-card-sub{opacity:.75;margin-top:6px;font-size:13px}.pricing-price{align-items:baseline;gap:8px;margin-top:22px;display:flex}.pricing-amt{font-size:56px;line-height:1}.pricing-period{opacity:.7;font-size:13px}.pricing-divider{background:var(--ink);opacity:.2;height:2px;margin:20px 0}.pricing-ink .pricing-divider{background:var(--solid-fg);opacity:.3}.pricing-perks{margin:0 0 22px;padding:0;list-style:none}.pricing-perks li{align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.pricing-check{background:var(--solid);width:18px;height:18px;color:var(--yellow);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pricing-check.is-dark{background:var(--yellow);color:var(--on-yellow)}.pricing-faq{max-width:760px;margin-top:64px;margin-left:auto;margin-right:auto}.pricing-faq-h{color:var(--ink);margin-bottom:18px;font-size:36px}.faq-row{border:2.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);margin-bottom:10px}.faq-q{width:100%;font-family:var(--font-body);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.faq-chev{color:var(--red);font-size:22px;line-height:1}.faq-row.is-open{background:var(--cream-2)}.faq-a{color:var(--ink-3);padding:0 18px 16px;font-size:14px;line-height:1.5}.checkout-page{max-width:720px;padding:64px var(--sp-margin-mobile) 80px;margin:0 auto}.checkout-panel{padding:32px}.checkout-kicker{letter-spacing:1.5px;color:var(--red);margin-bottom:10px;font-size:11px;font-weight:700}.checkout-h1{color:var(--ink);margin:0;font-size:clamp(36px,6vw,56px);line-height:.95}.checkout-sub{color:var(--ink-2);margin-top:10px;font-size:15px}.checkout-summary{margin:24px 0;padding:22px}.checkout-plan{color:var(--on-yellow);margin-bottom:16px;font-size:28px;line-height:1}.checkout-summary-row{color:var(--on-yellow);border-top:2px dashed #1a171433;justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.checkout-summary-row:first-of-type{border-top:0}.checkout-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.checkout-dev{border:2px dashed var(--ink-3);margin-top:24px;padding:14px}.checkout-dev summary{cursor:pointer;font-family:var(--font-body);color:var(--ink-3);font-size:13px;font-weight:600}.checkout-dev p{margin:10px 0 14px}.checkout-poll-bar{background:var(--cream-2);border:2.5px solid var(--ink);height:10px;margin:22px 0 8px;overflow:hidden}.checkout-poll-fill{background:var(--yellow);height:100%;transition:width .6s ease-out}.auth-plan-row{gap:8px;display:flex}.auth-plan-chip{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 12px;display:flex}.auth-plan-chip.is-on{background:var(--solid);color:var(--yellow);box-shadow:3px 3px 0 var(--red)}.auth-plan-name{font-size:16px}.auth-plan-price{font-family:var(--font-mono);opacity:.85;font-size:11px}.set-page{width:100%;max-width:1480px;padding:32px var(--sp-margin-mobile) 64px;flex:1;grid-template-columns:1fr;gap:0;margin:0 auto;display:grid}@media (width>=1024px){.set-page{grid-template-columns:280px 1fr;padding:32px 32px 64px}}.set-side{border-right:3px solid var(--ink);align-self:flex-start;padding-right:24px;position:sticky;top:88px}@media (width<=1023px){.set-side{border-right:0;border-bottom:3px solid var(--ink);margin-bottom:24px;padding-bottom:24px;padding-right:0;position:static}}.set-side-head{align-items:baseline;gap:10px;margin-bottom:20px;display:flex}.set-side-title{color:var(--ink);margin:0;font-size:38px;line-height:.9}.set-stamp{background:var(--yellow);color:var(--on-yellow);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;padding:3px 8px;font-size:10px;display:inline-block;transform:rotate(-6deg)translateY(-6px)}.set-side-sub{color:var(--ink-3);margin-bottom:22px;font-size:13px}.set-nav{flex-direction:column;gap:4px;display:flex}.set-nav-btn{color:var(--ink);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:600;transition:transform 80ms;display:flex}.set-nav-btn.is-on{background:var(--solid);color:var(--yellow);box-shadow:4px 4px 0 var(--red);font-weight:700;transform:translate(-2px)}.set-nav-btn.is-danger:not(.is-on){color:var(--red)}.set-nav-btn:hover:not(.is-on){background:var(--cream-2)}.set-help{margin-top:28px;padding:16px;position:relative}.set-help-stamp{background:var(--red);color:#fff;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;font-size:10px;position:absolute;top:-10px;right:-10px;transform:rotate(8deg)}.set-help-h{letter-spacing:.5px;color:var(--on-yellow);margin-bottom:6px;font-size:14px}.set-help-p{color:var(--on-yellow);margin:0 0 12px;font-size:13px}.set-main{min-width:0;padding-left:0}@media (width>=1024px){.set-main{padding-left:36px}}.set-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.set-kicker{color:var(--red);letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:700}.set-h1{letter-spacing:-.5px;color:var(--ink);margin:0;font-size:clamp(36px,5vw,56px);line-height:.95}.set-saved{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-mono);letter-spacing:1px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.set-saved-dot{background:var(--green);border-radius:99px;width:8px;height:8px}.set-field{border-bottom:2px dashed var(--cream-2);margin-bottom:22px;padding-bottom:22px}.set-field-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.set-field-label{letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-size:14px}.set-field-hint{color:var(--ink-3);margin-bottom:10px;font-size:13px}.set-counter{color:var(--ink-3);font-size:12px}.set-toggle-row{cursor:pointer;align-items:center;gap:14px;padding:12px 0;display:flex}.set-toggle{background:var(--cream-2);border:2.5px solid var(--ink);width:56px;height:30px;box-shadow:3px 3px 0 var(--ink);flex-shrink:0;transition:background .12s;position:relative}.set-toggle.is-on{background:var(--yellow)}.set-toggle-knob{background:var(--solid);width:22px;height:22px;transition:left .14s cubic-bezier(.5,1.6,.4,1);position:absolute;top:1.5px;left:1.5px}.set-toggle.is-on .set-toggle-knob{left:27px}.set-toggle-label{color:var(--ink);font-size:15px;font-weight:600}.set-toggle-hint{color:var(--ink-3);margin-top:2px;font-size:13px}.set-seg{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--paper);display:inline-flex}.set-seg.is-full{width:100%}.set-seg-btn{color:var(--ink);border:0;border-right:2.5px solid var(--ink);font-family:var(--font-body);cursor:pointer;background:0 0;flex:1;padding:10px 16px;font-size:14px;font-weight:600}.set-seg-btn:last-child{border-right:0}.set-seg-btn.is-on{background:var(--solid);color:var(--yellow)}.set-slider{padding:8px 0}.set-slider-head{justify-content:space-between;margin-bottom:10px;font-weight:600;display:flex}.set-slider-val{background:var(--solid);color:var(--yellow);padding:2px 8px;font-size:12px;font-weight:700}.set-slider-track{align-items:center;height:28px;display:flex;position:relative}.set-slider-track:before{content:"";background:var(--cream-2);border:2.5px solid var(--ink);height:10px;position:absolute;left:0;right:0}.set-slider-fill{background:var(--yellow);border:2.5px solid var(--ink);z-index:1;border-right:0;height:10px;position:absolute;left:0}.set-slider-input{z-index:2;appearance:none;background:0 0;width:100%;height:28px;margin:0;position:relative}.set-slider-input::-webkit-slider-thumb{appearance:none;background:var(--solid);border:2.5px solid var(--ink);width:24px;height:28px;box-shadow:3px 0 0 var(--red);cursor:grab}.set-slider-input::-moz-range-thumb{background:var(--solid);border:2.5px solid var(--ink);cursor:grab;width:24px;height:28px}.set-slider-marks{color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.set-stamp-tag{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;padding:5px 12px;font-size:13px;line-height:1;display:inline-block}.set-stamp-red{background:var(--red);color:#fff}.set-stamp-yellow{background:var(--yellow);color:var(--on-yellow)}.set-stamp-ink{background:var(--solid);color:var(--yellow)}.set-stamp-paper{background:var(--paper);color:var(--ink)}.set-grid-profile{grid-template-columns:1fr;gap:36px;display:grid}@media (width>=900px){.set-grid-profile{grid-template-columns:320px 1fr}}.set-avatar-card{padding:20px;position:relative}.set-avatar-card>.set-stamp-tag{position:absolute;top:-14px;right:-14px}.set-avatar-square{aspect-ratio:1;background:var(--yellow);border:3px solid var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.set-avatar-halftone{opacity:.3;background-image:radial-gradient(circle at center, var(--ink) 1px, transparent 1.5px);background-size:6px 6px;position:absolute;inset:0}.set-avatar-initial{color:var(--on-yellow);font-size:130px;line-height:1;position:relative}.set-avatar-img{object-fit:cover;width:100%;height:100%;position:relative}.set-avatar-fmt{background:var(--paper);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}.set-avatar-actions{gap:8px;margin-top:14px;display:flex}.set-avatar-actions>.btn:first-child{flex:1}.set-stats-card{margin-top:20px;padding:18px}.set-stats-h{letter-spacing:1px;color:var(--on-yellow);margin-bottom:14px;font-size:13px}.set-stat-row{border-bottom:2px solid #1a171426;justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.set-stat-row.is-last{border-bottom:0}.set-stat-label{color:var(--on-yellow);font-size:13px;font-weight:600}.set-stat-value{color:var(--on-yellow);font-size:18px}.set-chip-row{flex-wrap:wrap;gap:10px;display:flex}.set-chip{border:2.5px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-body);cursor:pointer;padding:7px 14px;font-size:13px;font-weight:600}.set-chip.is-on{background:var(--solid);color:var(--yellow);box-shadow:3px 3px 0 var(--red)}.set-form-actions{align-items:center;gap:12px;margin-top:28px;display:flex}.set-saved-inline{color:var(--ink-3);font-size:12px}.set-current-plan{flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:28px;padding:22px;display:flex}.set-current-icon{border:3px solid var(--ink);background:var(--yellow);flex-shrink:0;width:70px;height:70px}.set-current-text{flex:1;min-width:220px}.set-current-kicker{color:var(--ink-3);letter-spacing:1.5px;font-size:11px;font-weight:700}.set-current-title{margin-top:4px;font-size:32px;line-height:1}.set-current-sub{color:var(--ink-2);margin-top:6px;font-size:14px}.set-bill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.set-bill-h2{margin:0;font-size:26px}.set-plan-grid{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=900px){.set-plan-grid{grid-template-columns:repeat(3,1fr)}}.set-plan-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px;transition:all .1s;position:relative}.set-plan-card.is-active{box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}.set-plan-card.set-plan-yellow{background:var(--yellow);color:var(--on-yellow)}.set-plan-card.set-plan-ink{background:var(--solid);color:var(--solid-fg)}.set-plan-card>.set-stamp-tag{position:absolute;top:-16px;left:18px}.set-plan-name{font-size:32px;line-height:1}.set-plan-sub{opacity:.75;margin-top:4px;font-size:13px}.set-plan-price{align-items:baseline;gap:6px;margin-top:18px;display:flex}.set-plan-amt{font-size:48px;line-height:1}.set-plan-period{opacity:.7;font-size:13px}.set-plan-divider{background:var(--ink);opacity:.2;height:2px;margin:18px 0}.set-plan-ink .set-plan-divider{background:var(--solid-fg);opacity:.3}.set-plan-perks{margin:0 0 20px;padding:0;list-style:none}.set-plan-perks li{align-items:flex-start;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.set-plan-check{background:var(--solid);width:18px;height:18px;color:var(--yellow);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.set-plan-check.is-dark{background:var(--yellow);color:var(--on-yellow)}.set-premium-card{background:var(--solid);color:var(--solid-fg);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin-top:28px;padding:26px;position:relative;overflow:hidden}.set-premium-card.is-on{box-shadow:6px 6px 0 var(--yellow)}.set-premium-stamp{position:absolute;top:-14px;right:22px}.set-premium-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.set-premium-kicker{letter-spacing:1.5px;color:var(--yellow);font-size:11px;font-weight:700}.set-premium-title{color:var(--solid-fg);margin-top:6px;font-size:38px;line-height:1}.set-premium-sub{color:#f4efe0b3;max-width:440px;margin-top:6px;font-size:14px}.set-premium-price{text-align:right;min-width:220px}.set-premium-price>.display{color:var(--yellow);font-size:48px;line-height:1}.set-premium-cadence{color:#f4efe0a6;margin-left:6px;font-size:13px;display:inline-block}.set-premium-total{font-family:var(--font-mono);letter-spacing:.5px;color:#f4efe0bf;margin-top:8px;font-size:11.5px}.set-premium-total>strong{color:var(--yellow)}.set-premium-perks{grid-template-columns:1fr 1fr;gap:8px 18px;margin:0 0 22px;padding:0;list-style:none;display:grid}@media (width<=700px){.set-premium-perks{grid-template-columns:1fr}}.set-premium-perks li{color:var(--solid-fg);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.set-premium-check{background:var(--yellow);width:18px;height:18px;color:var(--on-yellow);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.set-premium-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.set-pending-banner,.set-carry-banner{align-items:center;gap:14px;margin:0 0 22px;padding:14px 18px;display:flex}.set-pending-banner>svg{color:var(--red);flex-shrink:0}.set-carry-banner>svg{color:var(--yellow-deep);flex-shrink:0}.set-pending-h{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink);font-size:14px}.set-pending-sub{color:var(--ink-3);margin-top:2px;font-size:13px}.set-carry-banner{background:var(--cream-2);color:var(--ink)}.set-cancel-row{border-top:2px dashed var(--cream-2);align-items:center;gap:14px;margin-top:28px;padding-top:22px;display:flex}.set-cancel-note{color:var(--ink-3);font-size:12px}.set-usagebar{min-width:220px}.set-usagebar-head{justify-content:space-between;margin-bottom:6px;display:flex}.set-usagebar-label{color:var(--ink);font-size:12px;font-weight:600}.set-usagebar-count{color:var(--ink);font-size:12px;font-weight:700}.set-usagebar-track{background:var(--cream-2);border:2.5px solid var(--ink);height:14px}.set-usagebar-fill{background:var(--red);height:100%}.set-billing-grid{grid-template-columns:1fr;gap:22px;margin-top:32px;display:grid}@media (width>=900px){.set-billing-grid{grid-template-columns:1.2fr 1fr}}.set-payment-panel{padding:22px}.set-payment-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.set-payment-h{letter-spacing:1px;font-size:14px}.set-payment-sub{color:var(--ink-3);margin-top:4px;font-size:13px}.set-credit-card{background:var(--solid);color:var(--solid-fg);border:2.5px solid var(--ink);min-height:140px;padding:18px;position:relative;overflow:hidden}.set-credit-halftone{opacity:.15;background-image:radial-gradient(circle at center, var(--yellow) 1px, transparent 1.5px);pointer-events:none;background-size:6px 6px;position:absolute;inset:0}.set-credit-body{position:relative}.set-credit-brand{letter-spacing:2px;color:var(--yellow);font-size:11px}.set-credit-number{letter-spacing:3px;color:var(--solid-fg);margin-top:18px;font-size:20px}.set-credit-foot{color:var(--solid-fg);justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.set-payment-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.set-invoices-panel{padding:22px}.set-invoices-h{letter-spacing:1px;margin-bottom:14px;font-size:14px}.set-invoice-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.set-invoice-row.has-divider{border-bottom:2px dashed var(--cream-2)}.set-invoice-date{color:var(--ink);font-size:14px;font-weight:600}.set-invoice-plan{color:var(--ink-3);font-size:11px}.set-invoice-right{align-items:center;gap:14px;display:flex}.set-invoice-amt{color:var(--ink);font-size:18px}.set-invoice-dl{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:4px}.set-invoice-dl:hover{color:var(--red)}.set-empty{text-align:center;border:2px dashed var(--cream-2);padding:22px 6px}.set-empty-h{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink);margin-bottom:6px;font-size:16px}.set-empty-sub{color:var(--ink-3);max-width:360px;margin:0 auto 14px;font-size:13px;line-height:1.45}.set-intro{color:var(--ink-2);max-width:640px;margin:-8px 0 32px;font-size:16px}.set-style-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.set-style-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.set-style-grid{grid-template-columns:repeat(3,1fr)}}.set-style-card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;cursor:pointer;padding:0;transition:transform 80ms,box-shadow 80ms;overflow:hidden}.set-style-card.is-on{box-shadow:4px 4px 0 var(--red);transform:translate(-1px,-1px)}.set-style-swatch{height:70px;display:flex}.set-style-meta{border-top:2.5px solid var(--ink);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.set-style-name{font-size:14px;font-weight:700}.set-style-check{background:var(--solid);width:16px;height:16px;color:var(--yellow);justify-content:center;align-items:center;display:flex}.set-style-hint{color:var(--ink-3);padding:0 12px 10px;font-size:12px}.set-two-col{grid-template-columns:1fr;gap:36px;margin-top:8px;display:grid}@media (width>=900px){.set-two-col{grid-template-columns:1fr 1fr}}.set-layout-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.set-layout-card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:flex}.set-layout-card.is-on{background:var(--yellow);box-shadow:3px 3px 0 var(--red)}.set-layout-card svg{display:block}.set-layout-name{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);text-align:center;font-size:11px;font-weight:700}.set-accent-row{flex-wrap:wrap;gap:14px;display:flex}.set-accent-swatch{border:2.5px solid var(--ink);width:60px;height:60px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;color:var(--ink);justify-content:center;align-items:center;padding:0;display:flex}.set-accent-swatch.is-on{box-shadow:4px 4px 0 var(--red);transform:translate(-1px,-1px)}.set-theme-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=700px){.set-theme-grid{grid-template-columns:repeat(3,1fr)}}.set-theme-card{background:var(--paper);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;cursor:pointer;padding:0;overflow:hidden}.set-theme-card.is-on{box-shadow:4px 4px 0 var(--red)}.set-theme-preview{height:110px;padding:14px;position:relative}.set-theme-aa{font-size:22px;line-height:1}.set-theme-acc{width:50px;height:14px;position:absolute;bottom:10px;left:14px}.set-theme-dots{gap:4px;display:flex;position:absolute;bottom:10px;right:10px}.set-theme-dots>div{width:10px;height:10px}.set-theme-meta{border-top:2.5px solid var(--ink);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.set-theme-meta span{font-size:14px;font-weight:700}.set-notif-panel{overflow:hidden}.set-notif-head{background:var(--solid);color:var(--yellow);grid-template-columns:1fr 90px 90px 90px;align-items:center;padding:14px 22px;display:grid}.set-notif-h{letter-spacing:1px;font-size:14px}.set-notif-col{letter-spacing:1px;text-align:center;font-size:11px;font-weight:700}.set-notif-row{border-top:2px dashed var(--cream-2);grid-template-columns:1fr 90px 90px 90px;align-items:center;padding:18px 22px;display:grid}.set-notif-title{font-size:15px;font-weight:600}.set-notif-hint{color:var(--ink-3);margin-top:2px;font-size:13px}.set-check-cell{background:var(--paper);border:2.5px solid var(--ink);width:28px;height:28px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;display:flex}.set-check-cell.is-on{background:var(--yellow)}.set-notif-extras{grid-template-columns:1fr;gap:22px;margin-top:28px;display:grid}@media (width>=900px){.set-notif-extras{grid-template-columns:1fr 1fr}}.set-quiet{padding:22px}.set-quiet-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.set-quiet-h{letter-spacing:1px;font-size:14px}.set-quiet-sub{color:var(--ink-3);margin-top:4px;font-size:13px}.set-quiet-times{align-items:center;gap:14px;margin-top:10px;display:flex}.set-time-box{flex:1}.set-time-label{color:var(--ink-3);letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700}.set-time-input{border:2.5px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);background:var(--paper);color:var(--ink);outline:none;padding:10px 12px;font-size:18px;font-weight:700}.set-time-arrow{color:var(--ink);font-size:20px}.set-digest{padding:22px}.set-digest-h{letter-spacing:1px;color:var(--on-yellow);font-size:14px}.set-digest-sub{color:var(--on-yellow);margin-top:4px;margin-bottom:14px;font-size:13px}.set-sessions{padding:0;overflow:hidden}.set-session-row{align-items:center;gap:14px;padding:14px 18px;display:flex}.set-session-row.has-divider{border-top:2px dashed var(--cream-2)}.set-session-icon{background:var(--yellow);border:2.5px solid var(--ink);width:38px;height:38px;color:var(--on-yellow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.set-session-device{color:var(--ink);font-size:14px;font-weight:600}.set-session-meta{color:var(--ink-3);font-size:12px}.set-danger-banner{align-items:center;gap:18px;margin-bottom:22px;padding:24px;display:flex;position:relative;overflow:hidden}.set-danger-skull{color:var(--on-yellow);flex-shrink:0}.set-danger-h{color:var(--on-yellow);font-size:22px;line-height:1}.set-danger-sub{color:var(--on-yellow);margin-top:4px}.set-danger-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:22px;display:flex}.set-danger-row-h{letter-spacing:.5px;font-size:16px}.set-danger-row-desc{color:var(--ink-3);max-width:540px;margin-top:4px;font-size:13px}.set-final-delete{background:var(--red);color:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin-top:16px;padding:26px;position:relative;overflow:hidden}.set-final-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.set-final-h{color:#fff;font-size:28px;line-height:1}.set-final-sub{color:#fff;max-width:480px;margin-top:6px}.set-final-label{letter-spacing:1px;color:#fff;margin-bottom:10px;font-size:13px}.set-final-reasons{flex-wrap:wrap;gap:8px;display:flex}.set-final-reason{color:#fff;cursor:pointer;background:0 0;border:2.5px solid #fff;padding:6px 12px;font-size:13px;font-weight:600}.set-final-reason.is-on{background:var(--solid);color:var(--yellow);box-shadow:3px 3px #fff}.set-final-confirm{border:2.5px solid var(--ink);width:100%;max-width:420px;box-shadow:3px 3px 0 var(--ink);background:var(--paper);color:var(--ink);outline:none;padding:11px 14px;font-size:15px;font-weight:600}.set-final-btn{margin-top:22px}.lib-page{max-width:1600px;padding:0 var(--sp-margin-mobile) var(--sp-xl);margin:0 auto}@media (width>=768px){.lib-page{padding:0 var(--sp-margin-desktop) var(--sp-xl)}}.lib-loading{text-align:center;font-family:var(--font-body);color:var(--on-surface-variant);padding:80px 24px}.lib-hero{grid-template-columns:1fr;align-items:end;gap:24px;padding:36px 0 12px;display:grid}@media (width>=768px){.lib-hero{grid-template-columns:1fr auto;gap:32px}}.lib-issue{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.lib-issue-dot{background:var(--secondary);border-radius:50%;width:8px;height:8px}.lib-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--on-surface);text-transform:uppercase;margin:0;font-size:clamp(56px,10vw,108px);font-style:italic;font-weight:400;line-height:.92}.lib-h1 em{color:var(--secondary);font-style:italic}.lib-h1-count{font-family:var(--font-body);letter-spacing:0;color:var(--on-surface-variant);vertical-align:top;margin-left:14px;font-size:clamp(20px,2.4vw,32px);font-style:normal;font-weight:600;display:inline-block;transform:translateY(.4em)}.lib-hero-sub{font-family:var(--font-body);color:var(--on-surface-variant);max-width:560px;margin:10px 0 0;font-size:16px;line-height:1.45}.lib-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.lib-stats{grid-template-columns:1fr;gap:14px;padding:20px 0 28px;display:grid}@media (width>=640px){.lib-stats{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.lib-stats{grid-template-columns:repeat(4,1fr)}}.lib-stat{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:14px 16px;position:relative}.lib-stat:before{content:"";background:var(--on-surface);height:4px;position:absolute;top:0;left:0;right:0}.lib-stat.accent-yellow:before{background:var(--primary-container)}.lib-stat.accent-red:before{background:var(--secondary)}.lib-stat.accent-ink:before{background:var(--on-surface)}.lib-stat-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.lib-stat-value{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:38px;font-style:italic;font-weight:400;line-height:1.05}.lib-stat-delta{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.04em;margin-top:4px;font-size:11px}.lib-continue{background:var(--background);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);margin-bottom:28px}.lib-continue-head{background:var(--on-surface);color:var(--surface);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.lib-continue-head>span:first-child{align-items:center;gap:10px;display:inline-flex}.lib-continue-meta{opacity:.7}.lib-continue-list{grid-template-columns:1fr;gap:0;display:grid}@media (width>=700px){.lib-continue-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lib-continue-list .lib-continue-row+.lib-continue-row{border-left:2px solid var(--on-surface)}}.lib-continue-row{cursor:pointer;background:var(--background);align-items:center;gap:14px;padding:14px 16px;display:flex}.lib-continue-row:hover{background:var(--surface-container-low)}.lib-continue-thumb{aspect-ratio:5/7;border:1.5px solid var(--on-surface);flex-shrink:0;width:48px;overflow:hidden}.lib-continue-thumb img{object-fit:cover;width:100%;height:100%}.lib-continue-fallback{background:linear-gradient(135deg, var(--primary-container), var(--surface-container));width:100%;height:100%}.lib-continue-title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:italic;font-weight:400;line-height:1.2;overflow:hidden}.lib-continue-sub{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.05em;margin-top:4px;font-size:11px}.lib-controls{background:var(--paper);border:2px solid var(--on-surface);box-shadow:3px 3px 0 0 var(--on-surface);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;display:flex}.lib-control-chips{flex-wrap:wrap;gap:6px;display:flex}.lib-chip{background:var(--surface-container-low);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.lib-chip:hover{background:var(--surface)}.lib-chip.is-on{background:var(--on-surface);color:var(--surface)}.lib-chip-count{background:#00000014;border-radius:999px;padding:1px 7px;font-size:11px}.lib-chip.is-on .lib-chip-count{background:#ffffff2e}.lib-control-sep{background:var(--outline-variant);width:1px;height:28px}.lib-select{appearance:none;background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--on-surface) 50%), linear-gradient(135deg, var(--on-surface) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:8px 24px 8px 12px;font-size:12.5px;font-weight:600}.lib-search{background:var(--surface-container-low);border:1.5px solid var(--on-surface);flex:1;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex}.lib-search input{font-family:var(--font-body);color:var(--on-surface);background:0 0;border:0;outline:0;flex:1;font-size:13px}.lib-search input::placeholder{color:var(--on-surface-variant)}.lib-viewtoggle{border:1.5px solid var(--on-surface);display:inline-flex}.lib-viewtoggle button{background:var(--paper);cursor:pointer;color:var(--on-surface);border:0;justify-content:center;align-items:center;padding:7px 10px;display:inline-flex}.lib-viewtoggle button+button{border-left:1.5px solid var(--on-surface)}.lib-viewtoggle button:hover{background:var(--surface-container)}.lib-viewtoggle button.is-on{background:var(--on-surface);color:var(--surface)}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.lib-card{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);cursor:pointer;flex-direction:column;transition:transform 80ms,box-shadow 80ms;display:flex}.lib-card:hover{box-shadow:6px 6px 0 0 var(--on-surface);transform:translate(-2px,-2px)}.lib-card-cover{aspect-ratio:5/7;background:var(--surface-container);border-bottom:2px solid var(--on-surface);position:relative;overflow:hidden}.lib-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.lib-card-fallback{background:linear-gradient(135deg, var(--primary-container), var(--surface-container-highest));width:100%;height:100%;color:var(--secondary)}.lib-pill{background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);align-items:center;gap:6px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.lib-pill-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px}.lib-pill.status-public .lib-pill-dot{background:#2cb673}.lib-pill.status-draft .lib-pill-dot{background:var(--primary-container)}.lib-pill.status-private .lib-pill-dot{background:var(--secondary)}.lib-card-body{padding:12px 14px 14px}.lib-card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-style:italic;font-weight:400;line-height:1.15;display:-webkit-box;overflow:hidden}.lib-card-meta{font-family:var(--font-body);color:var(--on-surface-variant);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.lib-card-genre{color:var(--secondary);font-weight:700}.lib-card-dot{color:var(--outline)}.lib-card-stats{font-family:var(--font-body);color:var(--on-surface-variant);align-items:center;gap:12px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.lib-card-stats>span{align-items:center;gap:4px;display:inline-flex}.lib-list{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface)}.lib-list-head{border-bottom:2px solid var(--on-surface);background:var(--surface-container-low);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);grid-template-columns:1.5fr 1fr .9fr .8fr 1fr;gap:14px;padding:10px 16px;font-size:10.5px;font-weight:700;display:grid}.lib-list-row{border-bottom:1px solid var(--outline-variant);cursor:pointer;grid-template-columns:1.5fr 1fr .9fr .8fr 1fr;align-items:center;gap:14px;padding:12px 16px;display:grid}.lib-list-row:last-child{border-bottom:0}.lib-list-row:hover{background:var(--surface-container-low)}.lib-list-titlecell{align-items:center;gap:12px;min-width:0;display:flex}.lib-list-thumb{aspect-ratio:5/7;border:1.5px solid var(--on-surface);flex-shrink:0;width:36px;overflow:hidden}.lib-list-thumb img{object-fit:cover;width:100%;height:100%}.lib-list-thumb-fallback{background:linear-gradient(135deg, var(--primary-container), var(--surface-container));width:100%;height:100%}.lib-list-title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:italic;font-weight:400;line-height:1.15;overflow:hidden}.lib-list-genre{font-family:var(--font-body);color:var(--secondary);font-size:11px;font-weight:700}.lib-list-cell{font-family:var(--font-body);color:var(--on-surface-variant);font-size:12.5px}.lib-list-stats{gap:12px;display:flex}.lib-list-stats>span{align-items:center;gap:4px;display:inline-flex}@media (width<=767px){.lib-list-head{display:none}.lib-list-row{grid-template-columns:1fr;gap:6px}}.lib-empty{text-align:center;border:2px dashed var(--on-surface);background:var(--surface-container-low);padding:80px 32px}.lib-empty-h{font-family:var(--font-display);text-transform:uppercase;color:var(--on-surface-variant);letter-spacing:-.02em;margin-bottom:6px;font-size:48px;font-style:italic;font-weight:400}.home-studio{flex-direction:column;display:flex}.studio-hero{padding:var(--sp-md) var(--sp-margin-mobile) var(--sp-sm);background-image:radial-gradient(circle,#1b1c151a 1px,#0000 1.4px);background-size:12px 12px;background-color:var(--background);position:relative;overflow:hidden}.studio-hero-band{border-bottom:2px solid var(--on-surface);padding-bottom:var(--sp-md)}@media (width>=768px){.studio-hero{padding:24px var(--sp-margin-desktop) 12px}.studio-hero-band{padding:28px var(--sp-margin-desktop) 16px}}.studio-composer-band{background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);background-size:18px 18px;background-color:var(--background);padding:var(--sp-md) var(--sp-margin-mobile) var(--sp-lg);justify-content:center;display:flex}@media (width>=768px){.studio-composer-band{padding:20px var(--sp-margin-desktop) var(--sp-lg)}}.studio-composer-band>.studio-composer{width:100%;max-width:1150px;margin:0}.studio-trending-band{padding:36px var(--sp-margin-mobile) 40px;border-top:2px solid var(--ink)}@media (width>=768px){.studio-trending-band{padding:36px var(--sp-margin-desktop) 40px}}.studio-trending-inner{width:100%;max-width:1480px;margin:0 auto;position:relative}.studio-trending-band .studio-trending-head{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.studio-trending-band .studio-trending-filters{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.studio-trending-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.studio-trending-row{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.studio-trending-row{grid-template-columns:repeat(6,1fr)}}.studio-split{background-image:radial-gradient(circle,#1b1c1514 1px,#0000 1.4px);background-size:12px 12px;background-color:var(--background);grid-template-columns:1fr;display:grid}@media (width>=980px){.studio-split{grid-template-columns:7fr 3fr;min-height:720px}}.studio-split>.studio-composer{width:100%;max-width:720px;margin:40px auto}@media (width>=980px){.studio-split>.studio-composer{margin:var(--sp-xl) auto;width:auto;max-width:none;margin-left:var(--sp-xl);margin-right:var(--sp-xl);place-self:center stretch}}.studio-side{z-index:1;width:170px;filter:drop-shadow(6px 6px 0 var(--on-surface));display:none;position:absolute;top:110px}.studio-side-l{left:24px;transform:rotate(-8deg)}.studio-side-r{top:130px;right:24px;transform:rotate(7deg)}@media (width>=1280px){.studio-side{display:block}}.studio-side .mini-page{box-shadow:none}.studio-hero-inner{text-align:center;z-index:2;max-width:820px;margin:0 auto;position:relative}.studio-eyebrow{background:var(--secondary);color:var(--on-secondary);border:2px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;box-shadow:3px 3px 0 0 var(--on-surface);margin-bottom:22px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.studio-h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--on-surface);margin:0;font-size:clamp(48px,9vw,108px);font-style:italic;font-weight:400;line-height:.92}.studio-h1 em{color:var(--secondary);font-style:italic}.studio-sub{font-family:var(--font-body);color:var(--on-surface-variant);max-width:560px;margin:22px auto 0;font-size:17px;line-height:1.55}.studio-composer{background:var(--surface);border:2px solid var(--on-surface);width:100%;max-width:900px;box-shadow:10px 10px 0 0 var(--red);z-index:2;margin:40px auto 0;position:relative}.studio-split>.studio-composer{max-width:100%}.studio-composer-head{background:var(--on-surface);color:var(--surface);border-bottom:2px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.studio-traffic{gap:6px;display:flex}.studio-traffic>span{border:1px solid var(--surface);width:11px;height:11px;display:inline-block}.studio-composer-title{text-align:center;opacity:.92;flex:1}.studio-composer-status{opacity:.7}.studio-composer-body{padding:24px 28px 18px}.studio-kicker{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:10px;font-size:11px;font-weight:700}.studio-prompt{width:100%;font-family:var(--font-body);color:var(--on-surface);resize:vertical;background:0 0;border:0;outline:0;min-height:110px;font-size:22px;line-height:1.4}.studio-prompt::placeholder{color:var(--on-surface-variant)}.studio-prompt-count{font-family:var(--font-body);letter-spacing:.06em;color:var(--on-surface-variant);text-align:right;font-size:11px}.studio-composer-row{border-top:1px dashed var(--on-surface);grid-template-columns:1fr;gap:24px;padding:18px 28px;display:grid}@media (width>=720px){.studio-composer-row{grid-template-columns:1fr 1fr;gap:28px}}.studio-style-chips,.studio-pages-chips{flex-wrap:wrap;gap:6px;display:flex}.studio-chip{background:var(--surface-container-low);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}.studio-chip:hover{background:var(--surface);box-shadow:2px 2px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.studio-chip.is-on{background:var(--on-surface);color:var(--surface);border-color:var(--on-surface)}.studio-chip-swatch{border:1px solid var(--on-surface);width:14px;height:14px}.studio-pages-meta{font-family:var(--font-body);letter-spacing:.06em;color:var(--on-surface-variant);text-transform:uppercase;margin-top:8px;font-size:10.5px}.studio-composer-foot{background:var(--surface-container-low);border-top:2px solid var(--on-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.studio-foot-left{flex-wrap:wrap;gap:8px;display:flex}.studio-ghost{border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:700;transition:background .12s;display:inline-flex}.studio-ghost:hover{background:var(--surface)}.studio-compose{background:var(--secondary);color:var(--on-secondary);border:2px solid var(--on-surface);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;box-shadow:4px 4px 0 0 var(--on-surface);align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-style:italic;font-weight:400;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.studio-compose:hover{background:var(--secondary-container)}.studio-compose:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(4px,4px)}.studio-compose:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-variant);color:var(--on-surface-variant);box-shadow:4px 4px 0 0 var(--on-surface);transform:none}.studio-tagline{text-align:center;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:18px;font-size:11px;font-weight:600}.studio-trending{background:var(--on-surface);color:var(--surface);padding:36px var(--sp-margin-mobile) 40px;border-top:2px solid var(--on-surface)}@media (width>=768px){.studio-trending{padding:36px var(--sp-margin-desktop) 40px}}.studio-trending-side{border-top:0;border-left:2px solid var(--on-surface);flex-direction:column;align-self:stretch;gap:18px;padding:56px 32px;display:flex;position:relative}.studio-trending-side:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1.4px);background-size:14px 14px;position:absolute;inset:0}.studio-trending-side>*{z-index:1;position:relative}@media (width<=979px){.studio-trending-side{border-left:0;border-top:2px solid var(--on-surface);padding:36px var(--sp-margin-mobile)}}.studio-trending-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.studio-trending-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--surface);margin:0;font-size:36px;font-style:italic;font-weight:400}.dot-red{color:var(--secondary)}.studio-trending-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.studio-trending-update{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;font-size:11px}.studio-trending-filters{flex-wrap:wrap;gap:6px;display:flex}.studio-trending-filters button{border:1.5px solid var(--surface);color:var(--surface);font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;font-weight:700}.studio-trending-filters button.is-on{background:var(--surface);color:var(--on-surface)}.studio-trending-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.studio-trending-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.studio-trending-grid{grid-template-columns:repeat(6,1fr)}}.studio-trending-grid-lg{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.studio-trend-tile{cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff2e;transition:transform 80ms,border-color .12s,background .12s;position:relative;overflow:hidden}.studio-trend-tile:hover{border-color:var(--primary-container);background:#ffd2000f;transform:translate(-2px,-2px)}.studio-trend-tile-rank{z-index:2;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--surface);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #ffffff40;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:10px}.studio-trend-tile-cover{aspect-ratio:5/7;background:var(--surface-container);border-bottom:1.5px solid var(--surface);overflow:hidden}.studio-trend-tile-cover img,.studio-trend-tile-cover .studio-trend-fallback{object-fit:cover;width:100%;height:100%;display:block}.studio-trend-tile-body{flex-direction:column;gap:4px;padding:8px 10px 10px;display:flex}.studio-trend-tile-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:italic;font-weight:400;line-height:1.1;display:-webkit-box;overflow:hidden}.studio-trend-tile-meta{font-family:var(--font-body);letter-spacing:.04em;color:#ffffffa6;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:9.5px;font-weight:600;display:flex}.studio-trend-tile-meta>span:first-child{text-transform:uppercase}.studio-trend-tile-stats{text-transform:none;align-items:center;gap:8px;display:inline-flex}.studio-trend-tile-stats svg{vertical-align:-1px}.studio-trending-list{flex-direction:column;gap:12px;margin-top:4px;display:flex}.studio-trend-row{cursor:pointer;background:0 0;border:1.5px solid #0000;grid-template-columns:28px 56px 1fr;align-items:center;gap:12px;padding:8px;transition:background .12s,border-color .12s,transform 60ms;display:grid}.studio-trend-row:hover{background:#ffffff0f;border-color:#fff3;transform:translate(-1px,-1px)}.studio-trend-rank{font-family:var(--font-display);color:var(--secondary);text-align:center;letter-spacing:-.02em;font-size:22px;font-style:italic;font-weight:400}.studio-trend-row .studio-trend-cover{aspect-ratio:5/7;border:1.5px solid var(--surface);box-shadow:2px 2px 0 0 var(--surface);overflow:hidden}.studio-trend-row .studio-trend-cover img,.studio-trend-row .studio-trend-fallback{object-fit:cover;width:100%;height:100%}.studio-trend-body{min-width:0}.studio-trend-row .studio-trend-title{font-family:var(--font-display);color:var(--surface);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-style:italic;font-weight:400;line-height:1.15;display:-webkit-box;overflow:hidden}.studio-trend-row .studio-trend-meta{font-family:var(--font-body);letter-spacing:.06em;color:#fff9;justify-content:space-between;gap:8px;margin-top:4px;font-size:10.5px;font-weight:600;display:flex}.studio-trend-row .studio-trend-meta>span:first-child{text-transform:uppercase}.studio-trend-row .studio-trend-stats{text-transform:none;align-items:center;gap:6px;display:inline-flex}.studio-trend-card{cursor:pointer;flex-direction:column;gap:8px;display:flex}.studio-trend-cover{aspect-ratio:5/7;background:var(--surface-container);border:2px solid var(--surface);box-shadow:3px 3px 0 0 var(--surface);transition:transform .12s,box-shadow .12s;overflow:hidden}.studio-trend-card:hover .studio-trend-cover{box-shadow:5px 5px 0 0 var(--surface);transform:translate(-2px,-2px)}.studio-trend-cover>img{object-fit:cover;width:100%;height:100%;display:block}.studio-trend-fallback{width:100%;height:100%;color:var(--secondary)}.studio-trend-title{font-family:var(--font-display);color:var(--surface);font-size:15px;font-style:italic;font-weight:400;line-height:1.15}.studio-trend-meta{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:600;display:flex}.studio-trend-stats{text-transform:none;align-items:center;gap:4px;display:inline-flex}.studio-trend-stats svg{vertical-align:-1px}.studio-trending-empty{text-align:center;font-family:var(--font-body);color:#ffffffb3;border:1.5px dashed #ffffff4d;padding:32px;font-size:14px}.studio-trending-link{color:var(--primary-container);cursor:pointer;text-decoration:underline}.studio-shelf{background:var(--primary-container);color:var(--on-primary-container);border-top:2px solid var(--on-surface);border-bottom:2px solid var(--on-surface);padding:32px var(--sp-margin-mobile);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.studio-shelf{padding:32px var(--sp-margin-desktop)}}.studio-shelf-halftone{opacity:.4;pointer-events:none;background-image:radial-gradient(circle,#1b1c1538 1.1px,#0000 1.5px);background-size:9px 9px;width:240px;height:240px;position:absolute;top:-20px;right:-40px}.studio-shelf-text{z-index:1;position:relative}.studio-shelf-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--on-surface);margin-top:6px;font-size:42px;font-style:italic;font-weight:400;line-height:1.05}.studio-shelf-sub{font-family:var(--font-body);color:var(--on-surface-variant);max-width:540px;margin-top:4px;font-size:14px}@media (width<=760px){.studio-h1{font-size:48px}.studio-side{display:none!important}.studio-composer-foot{flex-direction:column;align-items:stretch}.studio-compose{justify-content:center}.studio-shelf-h{font-size:28px}}.make-page{max-width:1200px;padding:var(--sp-md) var(--sp-margin-mobile) var(--sp-xl);gap:var(--sp-md);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.make-page{padding:var(--sp-lg) var(--sp-margin-desktop) var(--sp-xl)}}.make-title-strip{justify-content:space-between;align-items:flex-start;gap:var(--sp-md);padding-bottom:var(--sp-md);border-bottom:2px solid var(--on-surface);flex-wrap:wrap;display:flex}.make-eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);font-size:11px;font-weight:700}.make-h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--secondary);margin:4px 0 8px;font-size:clamp(36px,6vw,64px);font-style:italic;font-weight:400;line-height:.96}.make-h1 .stop{color:var(--on-surface)}.make-subtitle{font-family:var(--font-body);color:var(--on-surface-variant);max-width:540px;margin:0;font-size:14.5px}.make-plan-pill{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);align-items:center;gap:12px;min-width:280px;padding:10px 14px;display:flex}.make-plan-pill .dot{background:var(--secondary);border:2px solid var(--on-surface);border-radius:50%;flex-shrink:0;width:12px;height:12px}.make-plan-pill.plan-pro .dot{background:var(--primary-container)}.make-plan-pill.plan-ultra .dot{background:var(--tertiary)}.make-plan-pill .label{font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1.1;display:block}.make-plan-pill .meta{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.04em;font-size:11px;font-weight:500;display:block}.make-plan-pill .upg{background:var(--secondary);color:var(--on-secondary);border:2px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0 0 var(--on-surface);padding:6px 12px;font-size:11.5px;font-weight:700}.make-plan-pill .upg:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(2px,2px)}.make-canvas{gap:var(--sp-md);grid-template-columns:1fr;display:grid}@media (width>=900px){.make-canvas{grid-template-columns:1.1fr .9fr}.make-canvas .make-action-bar,.make-canvas .error-msg{grid-column:1/-1}}.make-panel{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);flex-direction:column;display:flex;overflow:hidden}.make-panel-head{padding:10px var(--sp-md);border-bottom:1px dashed var(--outline-variant);justify-content:space-between;align-items:baseline;display:flex}.make-panel-head .h{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface);font-size:11px;font-weight:700}.make-panel-head .count{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.06em;font-size:10.5px}.make-mode-toggle{margin:var(--sp-sm) var(--sp-md) 0;background:var(--surface-container-low);border:2px solid var(--on-surface);border-radius:var(--r-full);align-self:flex-start;width:fit-content;padding:3px;display:inline-flex}.make-mode-toggle button{font-family:var(--font-body);color:var(--on-surface-variant);border-radius:var(--r-full);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.make-mode-toggle button.is-on{background:var(--on-surface);color:var(--surface)}.make-prompt{margin:var(--sp-sm) var(--sp-md) 0;padding:var(--sp-sm);background:var(--surface-container-low);border:1.5px dashed var(--outline);font-family:var(--font-body);color:var(--on-surface);resize:vertical;border-radius:var(--r-sm);outline:none;flex:1;min-height:200px;font-size:16px;line-height:1.55}.make-prompt:focus{border-style:solid;border-color:var(--on-surface);background:var(--paper);box-shadow:3px 3px 0 0 var(--primary-container)}.make-prompt::placeholder{color:var(--on-surface-variant);font-style:italic}.make-chip-row{padding:var(--sp-sm) var(--sp-md);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.make-chip-label{font-family:var(--font-body);letter-spacing:.18em;color:var(--on-surface-variant);margin-right:6px;font-size:10.5px;font-weight:700}.make-chip{background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;padding:4px 12px;font-size:12.5px;font-weight:600;transition:transform 60ms,box-shadow 60ms}.make-chip:hover{box-shadow:2px 2px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.make-chip.is-on{background:var(--on-surface);color:var(--surface)}.make-prompt-foot{padding:var(--sp-sm) var(--sp-md) var(--sp-md);flex-wrap:wrap;gap:8px;display:flex}.make-audit{margin:0 var(--sp-md) var(--sp-md);padding:var(--sp-sm) var(--sp-md);background:var(--tertiary-container);border:2px solid var(--on-surface);color:var(--on-tertiary-container)}.make-audit-head{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.make-audit ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.make-audit ul li .kind{background:var(--on-surface);color:var(--surface);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-right:6px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-block}.make-styles-grid{gap:var(--sp-sm);padding:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}@media (width>=640px){.make-styles-grid{grid-template-columns:1fr 1fr 1fr}}.make-style-card{background:var(--surface-container-low);border:2px solid var(--on-surface);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:transform 60ms,box-shadow 60ms,background .15s;display:flex;position:relative}.make-style-card:hover{box-shadow:3px 3px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.make-style-card.is-selected{background:var(--paper);box-shadow:4px 4px 0 0 var(--secondary);transform:translate(-2px,-2px)}.make-style-swatch{aspect-ratio:4/3;border-bottom:2px solid var(--on-surface);width:100%;position:relative;overflow:hidden}.make-style-meta{padding:8px 10px}.make-style-meta .name{font-family:var(--font-display);font-size:14.5px;font-weight:400;display:block}.make-style-meta .desc{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:1px;font-size:11px;display:block}.make-style-check{background:var(--secondary);color:#fff;border:2px solid var(--on-surface);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:400;display:flex;position:absolute;top:6px;right:6px}.make-action-bar{gap:var(--sp-md);background:var(--surface-container-low);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md);grid-template-columns:1fr;align-items:end;display:grid}@media (width>=900px){.make-action-bar{grid-template-columns:1.1fr 1.2fr auto}}.make-field{flex-direction:column;gap:8px;display:flex}.make-field-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface);justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;display:flex}.make-field-label .hint{color:var(--on-surface-variant);letter-spacing:.06em;text-transform:none;font-size:11px;font-weight:500}.make-slider-wrap{align-items:center;gap:12px;display:flex}.make-slider{appearance:none;background:linear-gradient(to right, var(--secondary) 0%, var(--secondary) var(--fill), var(--surface-variant) var(--fill), var(--surface-variant) 100%);border-radius:var(--r-full);border:2px solid var(--on-surface);cursor:pointer;outline:none;flex:1;height:8px}.make-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-container);border:2px solid var(--on-surface);cursor:pointer;width:22px;height:22px;box-shadow:2px 2px 0 0 var(--on-surface);border-radius:50%}.make-pages-readout{font-family:var(--font-display);letter-spacing:-.02em;text-align:right;min-width:64px;font-size:28px;font-weight:400;line-height:1}.make-pages-readout .small{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:500}.make-pages-ticks{font-family:var(--font-body);color:var(--on-surface-variant);justify-content:space-between;padding:0 2px;font-size:10px;display:flex}.make-arc-toggle{border:2px solid var(--on-surface);background:var(--paper);border-radius:var(--r-full);width:fit-content;padding:3px;display:inline-flex}.make-arc-toggle button{font-family:var(--font-body);color:var(--on-surface-variant);border-radius:var(--r-full);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.make-arc-toggle button.is-on{background:var(--on-surface);color:var(--surface)}.make-arc-toggle button.is-locked{opacity:.55;cursor:not-allowed}.make-arc-toggle .pro{background:var(--secondary);color:#fff;letter-spacing:.1em;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:400}.make-continue{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.make-continue .select{flex:1;min-width:220px}.make-generate{background:var(--secondary);color:var(--on-secondary);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:14px var(--sp-md);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:240px;font-size:18px;font-weight:400;transition:transform 60ms,box-shadow 60ms;display:flex}.make-generate:hover{background:var(--secondary-container)}.make-generate:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(4px,4px)}.make-generate:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-variant);color:var(--on-surface-variant);transform:none}.make-eta{font-family:var(--font-body);letter-spacing:.16em;opacity:.85;text-transform:uppercase;font-size:10px;font-weight:600}@media (width<=767px){.make-h1{font-size:38px}.make-plan-pill{flex:1;min-width:0}.make-action-bar{grid-template-columns:1fr}.make-generate{width:100%}.make-prompt{font-size:16px}}.gen-page{flex-direction:column;min-height:calc(100vh - 80px);display:flex}.gen-quote-bar{padding:var(--sp-md) var(--sp-margin-mobile);background:var(--surface-container-low);border-bottom:2px solid var(--on-surface)}@media (width>=768px){.gen-quote-bar{padding:var(--sp-md) var(--sp-margin-desktop)}}.gen-quote-eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.gen-quote{font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.01em;font-size:22px;font-style:italic;font-weight:400;line-height:1.25}@media (width>=768px){.gen-quote{font-size:28px}}.gen-quote-meta{font-family:var(--font-body);color:var(--on-surface-variant);letter-spacing:.04em;margin-top:8px;font-size:12px}.gen-quote-meta strong{color:var(--on-surface);font-weight:700}.gen-body{flex:1;grid-template-columns:1fr;min-height:0;display:grid}@media (width>=768px){.gen-body{grid-template-columns:1fr 1.3fr}}.gen-stages-col{padding:var(--sp-lg) var(--sp-margin-mobile);border-bottom:2px solid var(--on-surface)}@media (width>=768px){.gen-stages-col{border-bottom:0;border-right:2px solid var(--on-surface);padding:var(--sp-lg) var(--sp-margin-desktop)}}.gen-stage{align-items:center;gap:var(--sp-sm);font-family:var(--font-body);opacity:.4;padding:12px 0;font-size:14.5px;display:flex}.gen-stage.is-active,.gen-stage.is-done{opacity:1}.gen-stage-dot{border-radius:var(--r-full);border:2px solid var(--outline-variant);width:26px;height:26px;color:var(--on-surface);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:400;display:flex}.gen-stage.is-active .gen-stage-dot{border-color:var(--on-surface);color:var(--secondary)}.gen-stage.is-done .gen-stage-dot{background:var(--primary-container);border-color:var(--on-surface);color:var(--on-primary-container)}.gen-stage-label{color:var(--on-surface)}.gen-stage.is-done .gen-stage-label{color:var(--on-surface-variant)}.gen-preview-col{padding:var(--sp-lg) var(--sp-margin-mobile);background:var(--surface-container-low)}@media (width>=768px){.gen-preview-col{padding:var(--sp-lg) var(--sp-margin-desktop)}}.gen-preview-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:var(--sp-sm);font-size:11px;font-weight:700}.gen-preview-grid{margin-bottom:var(--sp-md);grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=600px){.gen-preview-grid{grid-template-columns:repeat(3,1fr)}}.gen-preview-page{aspect-ratio:3/4;border:2px dashed var(--outline-variant);font-family:var(--font-body);color:var(--on-surface-variant);background:0 0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.gen-preview-page.is-filled{background:var(--paper);border:2px dashed var(--on-surface);color:var(--on-surface)}.gen-preview-page.is-filled:after{content:"";background-image:repeating-linear-gradient(45deg, var(--on-surface) 0 1px, transparent 1px 6px);opacity:.18;pointer-events:none;position:absolute;inset:4px}.gen-preview-page>span{z-index:1;position:relative}.gen-preview-reveals{padding:var(--sp-sm);background:var(--paper);border:2px solid var(--on-surface);font-family:var(--font-body);color:var(--on-surface-variant);font-size:12.5px;line-height:1.5}.gen-reveal-line{display:block}.gen-reveal-line+.gen-reveal-line{margin-top:6px}.gen-reveal-key{color:var(--secondary);font-weight:700}.loading-screen{min-height:calc(100vh - 80px);padding:var(--sp-xl) var(--sp-margin-mobile);place-items:center;display:grid}.loading-card{text-align:center;max-width:560px}.loading-card h2{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);margin-bottom:var(--sp-sm);font-weight:400}.loading-bar{margin-top:var(--sp-md);background:var(--paper);border:2px solid var(--on-surface);height:20px;position:relative;overflow:hidden}.loading-bar>i{background:repeating-linear-gradient(45deg, var(--primary-container) 0 12px, var(--primary-fixed-dim) 12px 24px);border-right:2px solid var(--on-surface);height:100%;transition:width .6s;display:block}.loading-steps{margin-top:var(--sp-md);text-align:left;flex-direction:column;gap:6px;display:flex}.loading-steps .step{gap:var(--sp-sm);opacity:.35;font-family:var(--font-body);font-size:var(--fs-body-md);display:flex}.loading-steps .step.is-active{opacity:1;color:var(--secondary);font-weight:700}.loading-steps .step.is-done{opacity:.9;color:var(--tertiary)}.auth-page{grid-template-columns:1fr;min-height:calc(100vh - 80px);display:grid}@media (width>=768px){.auth-page{grid-template-columns:5fr 7fr}}.auth-art{background:var(--primary-container);border-right:2px solid var(--on-surface);padding:var(--sp-xl) var(--sp-md);justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (width>=768px){.auth-art{display:flex}}.auth-art:before{content:"";background-image:radial-gradient(circle, var(--secondary) 1.4px, transparent 1.4px);opacity:.22;pointer-events:none;background-size:14px 14px;position:absolute;inset:0}.auth-quote{max-width:380px;position:relative}.auth-quote .quote{background:var(--paper);border:2px solid var(--on-surface);box-shadow:6px 6px 0 0 var(--on-surface);padding:var(--sp-md);font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.25}.auth-quote .quote em{color:var(--secondary);font-style:italic}.auth-quote .credit{margin-top:var(--sp-md);font-family:var(--font-body);font-size:var(--fs-caption);color:var(--on-surface-variant);font-weight:500}.auth-form-wrap{padding:var(--sp-lg) var(--sp-margin-mobile) var(--sp-xl);justify-content:center;align-items:center;display:flex}@media (width>=768px){.auth-form-wrap{padding:var(--sp-xl) var(--sp-margin-desktop)}}.auth-form{flex-direction:column;width:100%;max-width:440px;display:flex}.auth-form h1{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.02em;color:var(--secondary);text-transform:uppercase;margin-bottom:8px;font-style:italic;font-weight:400;line-height:1}@media (width>=768px){.auth-form h1{font-size:44px}}.auth-sub{margin:0 0 var(--sp-md);font-size:14.5px;line-height:1.5}.auth-tabs{background:var(--paper);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-bottom:var(--sp-md);flex-wrap:nowrap;align-self:flex-start;max-width:100%;padding:0;display:inline-flex}.auth-tabs button{font-family:var(--font-body);color:var(--ink);white-space:nowrap;border:0;border-right:2.5px solid var(--ink);cursor:pointer;background:0 0;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600}.auth-tabs button:last-child{border-right:0}.auth-tabs button.is-on{background:var(--solid);color:var(--yellow)}.input-prefixed:focus-within{box-shadow:4px 4px 0 0 var(--primary-container)}.input-prefixed>input{font-size:16px}.auth-submit{margin-top:var(--sp-md);gap:10px}.auth-meta{margin-top:var(--sp-sm);text-align:center;color:var(--on-surface-variant);font-size:12px;line-height:1.5}.auth-meta a{color:var(--secondary);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.auth-divider{align-items:center;gap:var(--sp-sm);margin:var(--sp-lg) 0 var(--sp-md);font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);font-size:11px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--on-surface);opacity:.2;flex:1;height:2px}.auth-divider span{padding:0 var(--sp-xs)}.plan-grid{gap:var(--sp-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.plan-grid-3{grid-template-columns:repeat(3,1fr)}.plan-grid-2{grid-template-columns:repeat(2,1fr)}}.plan-card{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md);text-align:left;cursor:pointer;gap:var(--sp-sm);flex-direction:column;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.plan-card:hover{box-shadow:6px 6px 0 0 var(--on-surface);transform:translate(-2px,-2px)}.plan-card.is-selected{background:var(--primary-container);box-shadow:6px 6px 0 0 var(--on-surface)}.plan-card.featured{outline:2px solid var(--secondary);outline-offset:-8px}.plan-ribbon{background:var(--secondary);color:var(--on-secondary);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--on-surface);box-shadow:2px 2px 0 0 var(--on-surface);z-index:1;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:-12px;left:16px}.plan-name{font-family:var(--font-display);font-size:var(--fs-headline-sm);font-weight:400;line-height:1}.plan-price{align-items:baseline;gap:6px;margin-top:-2px;display:flex}.plan-amount{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:400;line-height:1}.plan-cadence{color:var(--on-surface-variant);font-size:13px;font-weight:500}.plan-sub{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.4}.plan-bullets{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.plan-bullets li{align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.plan-check{background:var(--primary-container);border:1.5px solid var(--on-surface);width:16px;height:16px;color:var(--on-primary-container);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:400;display:flex}.plan-pick{background:var(--surface-container-low);border:2px solid var(--on-surface);text-align:center;font-weight:700;font-size:var(--fs-label-bold);font-family:var(--font-body);margin-top:auto;padding:8px}.plan-card.is-selected .plan-pick{background:var(--on-surface);color:var(--surface)}.onb{padding:var(--sp-lg) var(--sp-margin-mobile);max-width:1100px;margin:0 auto}@media (width>=768px){.onb{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop)}}.onb-steps{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-md);display:flex}.onb-step{align-items:center;gap:8px;display:flex}.onb-step .num{border-radius:var(--r-full);border:2px solid var(--on-surface);width:28px;height:28px;font-family:var(--font-body);background:var(--paper);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.onb-step.is-done .num{background:var(--primary-container)}.onb-step.is-active .num{background:var(--secondary);color:var(--on-secondary)}.onb-step .lbl{color:var(--on-surface-variant);font-size:13px}.onb-step.is-active .lbl{color:var(--on-surface);font-weight:700}.onb-line{background:var(--outline-variant);flex:1;height:2px}.onb-line.is-done{background:var(--on-surface)}.onb-body{gap:var(--sp-md);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.onb-body{gap:var(--sp-lg);grid-template-columns:1.1fr .9fr}.onb-body.is-wide{gap:var(--sp-md);grid-template-columns:1fr}}.onb-body h1{font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.01em;margin-bottom:var(--sp-sm);font-weight:400}.settings-page{grid-template-columns:1fr;min-height:calc(100vh - 80px);display:grid}@media (width>=768px){.settings-page{grid-template-columns:240px 1fr}}.settings-side{background:var(--surface-container-low);border-right:2px solid var(--on-surface);padding:var(--sp-md)}.settings-nav-btn{text-align:left;width:100%;font-size:var(--fs-label-bold);color:var(--on-surface-variant);background:0 0;border-left:3px solid #0000;padding:8px 12px;display:block}.settings-nav-btn.is-active{background:var(--paper);border-left-color:var(--primary-container);color:var(--on-surface);box-shadow:2px 2px 0 0 var(--on-surface);font-weight:700}.settings-nav-btn.danger{color:var(--secondary)}.settings-main{padding:var(--sp-md) var(--sp-margin-mobile);max-width:760px}@media (width>=768px){.settings-main{padding-left:var(--sp-lg);padding-right:var(--sp-lg)}}.settings-row{gap:var(--sp-md);padding:var(--sp-md) 0;border-top:1px solid var(--outline-variant);grid-template-columns:180px 1fr;display:grid}@media (width<=767px){.settings-row{grid-template-columns:1fr}}.settings-row .lbl{font-weight:700;font-size:var(--fs-label-bold)}.settings-row .hint{color:var(--on-surface-variant);margin-top:4px;font-size:12px}.toggle{background:var(--surface-container);border:2px solid var(--on-surface);border-radius:var(--r-full);cursor:pointer;align-items:center;width:44px;height:24px;padding:2px;display:inline-flex}.toggle .dot{background:var(--paper);border:1px solid var(--on-surface);border-radius:var(--r-full);width:14px;height:14px;transition:transform .15s}.toggle.is-on{background:var(--primary-container)}.toggle.is-on .dot{transform:translate(20px)}.search-page{grid-template-columns:1fr;min-height:calc(100vh - 80px);display:grid}@media (width>=768px){.search-page{grid-template-columns:240px 1fr}}.search-side{background:var(--surface-container-low);border-right:2px solid var(--on-surface);padding:var(--sp-md)}.search-side h4{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--on-surface-variant);margin:18px 0 8px;font-size:11px;font-weight:700}.search-side label{cursor:pointer;gap:8px;padding:4px 0;font-size:13.5px;display:flex}.search-main{padding:var(--sp-md) var(--sp-margin-mobile)}@media (width>=768px){.search-main{padding-left:var(--sp-lg);padding-right:var(--sp-lg)}}.search-bar{background:var(--paper);border:2px solid var(--on-surface);border-radius:var(--r-full);box-shadow:3px 3px 0 0 var(--on-surface);margin-bottom:var(--sp-md);align-items:center;gap:10px;padding:8px 18px;display:flex}.search-bar input{font-size:var(--fs-body-md);background:0 0;border:0;outline:none;flex:1}.footer{background:var(--surface-container);border-top:2px solid var(--on-surface);width:100%;padding:var(--sp-lg) var(--sp-margin-mobile);justify-content:space-between;align-items:center;gap:var(--sp-md);flex-direction:column;margin-top:auto;display:flex}@media (width>=768px){.footer{padding-left:var(--sp-margin-desktop);padding-right:var(--sp-margin-desktop);flex-direction:row}}.footer-brand{gap:var(--sp-xs);flex-direction:column;display:flex}.footer-links{justify-content:center;gap:var(--sp-md);flex-wrap:wrap;display:flex}.footer-links a{color:var(--on-surface-variant);font-family:var(--font-body);font-size:var(--fs-body-md)}.footer-links a:hover{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--secondary);text-decoration-color:var(--secondary);text-decoration-thickness:2px}.bottom-nav{background:var(--background);border-top:2px solid var(--on-surface);z-index:50;width:100%;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav button{color:var(--on-surface-variant);flex-direction:column;align-items:center;gap:2px;min-height:44px;display:flex}.bottom-nav button .lbl{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.bottom-nav button.is-on{color:var(--primary)}.mobile-menu{z-index:49;background:var(--surface);border-bottom:2px solid var(--on-surface);box-shadow:0 4px 0 0 var(--on-surface);padding:var(--sp-sm) var(--sp-md);flex-direction:column;gap:4px;display:flex;position:sticky;top:80px}.mobile-menu button{border-radius:var(--r-sm);color:var(--on-surface);background:0 0;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:600;display:flex}.mobile-menu button:hover{background:var(--surface-container)}.mobile-menu-theme{padding:var(--sp-sm);border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;margin-top:4px;display:flex}.theme-toggle{background:var(--paper);width:40px;height:40px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}.theme-toggle:hover{background:var(--cream-2)}.theme-toggle:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.flipbook-wrap{filter:drop-shadow(6px 6px 0 var(--on-surface));justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.flipbook{background:0 0!important}.flip-page{background:var(--surface);border:2.5px solid var(--on-surface);display:block;overflow:hidden}.modal-veil{z-index:100;padding:var(--sp-md);background:#1b1c158c;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:2px solid var(--on-surface);box-shadow:10px 10px 0 0 var(--on-surface);width:460px;max-width:100%;padding:var(--sp-md)}.modal h2{font-family:var(--font-display);font-size:var(--fs-headline-md);margin-bottom:6px}.ideas-modal{gap:var(--sp-sm);width:600px;max-width:100%;max-height:88vh;padding:var(--sp-md);flex-direction:column;display:flex}.ideas-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.ideas-modal-title{font-family:var(--font-display);font-size:var(--fs-headline-md);letter-spacing:-.02em;text-transform:uppercase;color:var(--secondary);margin:4px 0 0;font-style:italic;font-weight:400}.ideas-modal-title em{color:var(--on-surface);font-style:italic}.ideas-modal-quota{font-size:12px;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 var(--sp-sm)}.ideas-modal-loading{padding:var(--sp-lg);color:var(--on-surface-variant);font-family:var(--font-body);justify-content:center;align-items:center;gap:10px;display:flex}.ideas-modal-error{padding:var(--sp-md);background:var(--error-container);color:var(--on-error-container);border:2px solid var(--error);flex-direction:column;gap:10px;display:flex}.ideas-list{gap:var(--sp-sm);flex-direction:column;margin:-4px;padding:4px;display:flex;overflow-y:auto}.idea-card{text-align:left;background:var(--paper);border:2px solid var(--on-surface);padding:var(--sp-sm) var(--sp-md);cursor:pointer;box-shadow:2px 2px 0 0 var(--on-surface);font-family:var(--font-body);flex-direction:column;gap:4px;transition:transform 60ms,box-shadow 60ms,background .15s;display:flex}.idea-card:hover{background:var(--primary-fixed);box-shadow:4px 4px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.idea-card-head{font-family:var(--font-body);letter-spacing:.14em;color:var(--on-surface-variant);justify-content:space-between;font-size:10.5px;font-weight:700;display:flex}.idea-card-genre{color:var(--secondary)}.idea-card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-surface);font-size:19px;font-weight:400;line-height:1.1}.idea-card-prompt{color:var(--on-surface-variant);margin:0;font-size:13.5px;line-height:1.45}.idea-card-foot{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.eyebrow{font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);font-weight:700;display:inline-block}.spin{animation:1.2s linear infinite cg-spin;display:inline-block}@keyframes cg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-msg{color:var(--error);margin-top:6px;font-size:13.5px}.note{color:var(--on-surface-variant);font-size:13px}.muted{color:var(--on-surface-variant)}.skeleton{padding:var(--sp-xl) var(--sp-md);max-width:800px;margin:0 auto}.skeleton>div{background:var(--surface-container);border:2px solid var(--on-surface);height:28px;margin-bottom:14px}.page-sheet{background:var(--paper);border:2px solid var(--on-surface);box-shadow:6px 6px 0 0 var(--on-surface);flex-direction:column;gap:12px;height:100%;padding:18px;display:flex;position:relative}.page-sheet-full{padding:0;overflow:hidden}.page-full-img{object-fit:contain;background:var(--surface);width:100%;height:100%;display:block}.page-head{font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:baseline;padding-bottom:6px;font-weight:700;display:flex}.panel-grid{flex:1;gap:12px;min-height:0;display:grid}.cp{border:2px solid var(--on-surface);background:var(--surface-container);min-height:120px;position:relative;overflow:hidden}.cp-art{font-family:var(--font-body);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:12.5px;line-height:1.4;display:flex;position:absolute;inset:0}.cp-art:after{content:"";mix-blend-mode:multiply;pointer-events:none;background-image:radial-gradient(#1b1c1538 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.cp-caption{z-index:2;max-width:70%;position:absolute;top:8px;left:8px}.cp-bubble{z-index:2;max-width:65%;position:absolute;bottom:12px;right:10px}.cp-tone-0{background:var(--primary-container);color:var(--on-primary-container)}.cp-tone-1{background:var(--tertiary);color:#fff}.cp-tone-2{background:var(--secondary);color:#fff}.cp-tone-3{background:var(--tertiary-container);color:var(--on-tertiary-container)}.cp-tone-4{background:var(--on-surface);color:var(--surface)}.cp-tone-5{background:var(--primary-fixed);color:var(--on-primary-fixed)}.bubble{background:var(--paper);border:2px solid var(--on-surface);font-family:var(--font-display);box-shadow:2px 2px 0 0 var(--on-surface);max-width:100%;padding:4px 10px;font-size:13px;font-weight:400;line-height:1.2;display:inline-block}.bubble.yellow{background:var(--primary-container);color:var(--on-primary-container)}.caption{background:var(--primary-container);color:var(--on-primary-container);border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.reader-merged{gap:var(--sp-md);padding:var(--sp-md) var(--sp-margin-mobile) var(--sp-xl);grid-template-columns:1fr;max-width:1500px;margin:0 auto;display:grid}@media (width>=1024px){.reader-merged{gap:var(--sp-lg);padding:var(--sp-md) var(--sp-margin-desktop) var(--sp-xl);grid-template-columns:1fr 320px}}.reader-merged-stage{gap:var(--sp-md);flex-direction:column;min-width:0;display:flex}.reader-merged-titlebar{justify-content:space-between;align-items:flex-start;gap:var(--sp-sm);padding-bottom:var(--sp-sm);border-bottom:2px solid var(--on-surface);flex-wrap:wrap;display:flex}.reader-merged-canvas{padding:var(--sp-md) 0;background-image:radial-gradient(circle,#1b1c1514 1px,#0000 1.4px);background-size:12px 12px;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.reader-merged-progress{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-sm) var(--sp-md)}.reader-merged-rail{background:var(--surface-container-low);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md);align-self:start;height:fit-content}.reader-merged-rail h4{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 8px;font-size:11px;font-weight:700}.reader-merged-arrows{justify-content:space-between;gap:var(--sp-sm);display:flex}.reader-bottom-arrow{background:var(--primary-container);color:var(--on-primary-container);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 24px;font-size:14px;font-weight:700;transition:transform 60ms,box-shadow 60ms,background .12s;display:inline-flex}.reader-bottom-arrow:hover{background:var(--primary-fixed-dim)}.reader-bottom-arrow:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(4px,4px)}.reader-static{grid-template-columns:1fr;min-height:calc(100vh - 80px);display:grid}@media (width>=768px){.reader-static{grid-template-columns:220px 1fr 300px}}.reader-pages-aside{background:var(--surface-container-low);border-right:2px solid var(--on-surface);padding:var(--sp-md);overflow-y:auto}.reader-pages-aside h4{font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:var(--sp-sm);font-weight:700}.reader-thumb-row{cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;align-items:center;gap:10px;margin-bottom:4px;padding:6px;display:flex}.reader-thumb-row:hover{background:var(--paper)}.reader-thumb-row.is-active{border:2px solid var(--on-surface);background:var(--paper);box-shadow:2px 2px 0 0 var(--on-surface)}.reader-thumb-mini{border:2px solid var(--on-surface);grid-template-columns:1fr 1fr;gap:1px;width:38px;height:52px;display:grid}.reader-thumb-mini>i{background:var(--primary-container)}.reader-thumb-mini>i:nth-child(2){background:var(--tertiary)}.reader-thumb-mini>i:nth-child(3){background:var(--secondary)}.reader-thumb-mini>i:nth-child(4){background:var(--on-surface-variant)}.reader-thumb-row .small{font-family:var(--font-body);font-size:12px;font-weight:700}.reader-stage{padding:var(--sp-md);background:var(--background);background-image:radial-gradient(var(--surface-container-highest) 1px, transparent 1px);background-size:24px 24px;overflow-y:auto}@media (width>=768px){.reader-stage{padding:var(--sp-lg)}}.reader-page-frame{aspect-ratio:5/7;max-width:520px;margin:0 auto}.reader-info-aside{background:var(--surface-container-low);border-left:2px solid var(--on-surface);padding:var(--sp-md);overflow-y:auto}.reader-info-aside h4{font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 var(--sp-sm);font-weight:700}.rate-row{margin-bottom:var(--sp-md);gap:4px;display:flex}.star-btn{color:var(--outline-variant);background:0 0;border:0;padding:0;font-size:22px}.star-btn.is-on{color:var(--primary-fixed-dim)}.download-row{background:var(--paper);border:2px solid var(--on-surface);cursor:pointer;color:var(--on-surface);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;text-decoration:none;display:flex}.download-row:hover{background:var(--surface-container-low)}.download-row.is-disabled{opacity:.5;cursor:not-allowed}.download-row .l{font-weight:700;font-size:var(--fs-label-bold)}.download-row .s{color:var(--on-surface-variant);font-size:11.5px}@media (width<=767px){.reader-pages-aside{display:none}.reader-info-aside{border-left:0;border-top:2px solid var(--on-surface)}}.editor-workbench{background:var(--background);height:calc(100vh - 80px);color:var(--on-surface);flex-direction:column;display:flex}.wb-subhead{border-bottom:2px solid var(--on-surface);background:var(--surface-container-low);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 24px;display:flex}.wb-crumbs{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);align-items:center;gap:8px;font-size:11px;display:flex}.wb-crumbs a{color:var(--on-surface-variant);cursor:pointer}.wb-crumbs a:hover{color:var(--secondary);text-decoration:underline}.wb-crumb-sep{color:var(--outline)}.wb-crumb-now{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:700;overflow:hidden}.wb-chip{border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:var(--paper);align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.wb-chip.is-draft{background:var(--primary-container);color:var(--on-primary-container)}.wb-chip.is-public{background:var(--tertiary-container);color:var(--on-tertiary-container)}.wb-dot{background:var(--secondary);border:1px solid var(--on-surface);width:7px;height:7px}.wb-chip.is-public .wb-dot{background:#2cb673}.wb-meta{font-family:var(--font-body);letter-spacing:.06em;color:var(--on-surface-variant);font-size:11px}.wb-btn{background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.02em;color:var(--on-surface);cursor:pointer;align-items:center;gap:6px;min-height:32px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .12s,transform 60ms,box-shadow 60ms;display:inline-flex}.wb-btn:hover{background:var(--surface-container-low);box-shadow:2px 2px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.wb-btn:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(1px,1px)}.wb-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.wb-btn-sm{min-height:26px;padding:4px 8px;font-size:11px}.wb-btn-primary{background:var(--secondary);color:var(--on-secondary);border-color:var(--on-surface);box-shadow:2px 2px 0 0 var(--on-surface)}.wb-btn-primary:hover{background:var(--secondary-container);box-shadow:3px 3px 0 0 var(--on-surface)}.wb-btn-danger{color:var(--secondary);border-color:var(--secondary);justify-content:center;width:100%}.wb-btn-danger:hover{background:var(--secondary-fixed);box-shadow:2px 2px 0 0 var(--secondary)}.wb-body{flex:1;grid-template-columns:1fr;min-height:0;display:grid}@media (width>=1024px){.wb-body{grid-template-columns:140px 1fr 360px}}.wb-rail{border-right:2px solid var(--on-surface);background:var(--surface-container-low);flex-direction:column;min-height:0;padding:16px 0 0;display:flex}.wb-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);padding:0 16px 12px;font-size:10.5px;font-weight:700}.wb-rail-list{flex-direction:column;flex:1;gap:14px;padding:0 16px 16px;display:flex;overflow-y:auto}.wb-thumb{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.wb-thumb-frame{aspect-ratio:84/108;background:var(--surface-container);border:1.5px solid var(--on-surface);width:84px;transition:transform 80ms,box-shadow 80ms;overflow:hidden}.wb-thumb-frame>img{object-fit:cover;width:100%;height:100%;display:block}.wb-thumb-fallback{width:100%;height:100%;font-family:var(--font-body);letter-spacing:.1em;color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.wb-thumb:hover .wb-thumb-frame{box-shadow:3px 3px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.wb-thumb.is-active .wb-thumb-frame{border:2px solid var(--on-surface);box-shadow:3px 3px 0 0 var(--secondary)}.wb-thumb-num{font-family:var(--font-body);letter-spacing:.08em;color:var(--on-surface);font-size:10px;font-weight:700}.wb-thumb.is-active .wb-thumb-num{color:var(--secondary)}.wb-canvas{background:radial-gradient(circle at 1px 1px, #0000000f 1px, transparent 1px) 0 0 / 16px 16px, var(--background);flex-direction:column;gap:16px;padding:24px 32px;display:flex;overflow:hidden}.wb-titlebar{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.wb-titlebar-left{flex:1;min-width:240px}.wb-title-input{width:100%;font-family:var(--font-display);text-transform:uppercase;color:var(--secondary);letter-spacing:-.02em;background:0 0;border:0;outline:none;margin-top:4px;padding:0;font-size:clamp(22px,2.6vw,32px);font-style:italic;font-weight:400;line-height:1.05;display:block}.wb-title-input:focus{outline:2px dashed var(--secondary);outline-offset:4px}.wb-pager{align-items:center;gap:8px;display:flex}.wb-pager-count{background:var(--paper);border:1.5px solid var(--on-surface);font-family:var(--font-body);letter-spacing:.06em;align-items:center;min-height:30px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.wb-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.wb-stage-frame{aspect-ratio:5/7;max-width:100%;height:100%;max-height:100%}.wb-stage-frame .page-sheet{height:100%}.wb-urlstrip{background:var(--surface-container-low);border:1.5px solid var(--on-surface);align-items:center;gap:10px;padding:8px 12px;display:flex}.wb-url{font-family:var(--font-body);letter-spacing:.04em;color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.wb-inspector{border-left:2px solid var(--on-surface);background:var(--paper);flex-direction:column;min-height:0;display:flex}.wb-tabs{border-bottom:2px solid var(--on-surface);grid-template-columns:1fr 1fr 1fr;display:grid}.wb-tab{border:0;border-right:2px solid var(--on-surface);background:var(--surface-container-low);font-family:var(--font-body);color:var(--on-surface-variant);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:12px;font-weight:600;transition:background .12s;display:flex}.wb-tab:last-child{border-right:0}.wb-tab:hover{background:var(--surface-container)}.wb-tab.is-on{background:var(--primary-container);color:var(--on-primary-container);font-weight:700}.wb-inspector-body{flex-direction:column;flex:1;gap:18px;padding:18px;display:flex;overflow-y:auto}.wb-section{flex-direction:column;gap:10px;display:flex}.wb-section-head{justify-content:space-between;align-items:center;display:flex}.wb-tog-row{background:var(--paper);border:1.5px solid var(--on-surface);align-items:center;gap:12px;padding:12px;display:flex}.wb-tog-label{font-family:var(--font-body);color:var(--on-surface);font-size:13px;font-weight:700}.wb-tog-desc{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:2px;font-size:11.5px;line-height:1.35}.wb-tog-desc code{font-family:var(--font-body);background:var(--surface-container);border:1px solid var(--outline-variant);padding:0 4px;font-size:10.5px}.wb-char-list{flex-direction:column;gap:10px;display:flex}.wb-char-card{background:var(--paper);border:1.5px solid var(--on-surface);align-items:flex-start;gap:12px;padding:12px;display:flex}.wb-char-avatar{background:var(--primary-container);border:1.5px solid var(--on-surface);width:32px;height:32px;font-family:var(--font-display);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.wb-char-name{font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1.2}.wb-char-desc{font-family:var(--font-body);color:var(--on-surface-variant);margin-top:6px;font-size:12px;line-height:1.45}.wb-statgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wb-stat{background:var(--paper);border:1.5px solid var(--on-surface);padding:12px 12px 10px;position:relative;overflow:hidden}.wb-stat-bar{height:3px;position:absolute;top:0;left:0;right:0}.wb-stat-num{font-family:var(--font-display);margin-top:4px;font-size:22px;font-weight:400;line-height:1.15}.wb-chart{border-top:1px dashed #00000026;border-bottom:1px dashed #00000026;align-items:flex-end;gap:6px;height:96px;padding:10px 0;display:flex}.wb-chart-bar{border-radius:2px 2px 0 0;flex:1;min-height:4px}.wb-chart-axis{font-family:var(--font-body);letter-spacing:.1em;color:var(--on-surface-variant);text-transform:uppercase;justify-content:space-between;margin-top:4px;font-size:10px;font-weight:600;display:flex}@media (width<=1023px){.editor-workbench{height:auto;min-height:calc(100vh - 80px)}.wb-body{grid-template-columns:1fr}.wb-rail{border-right:0;border-bottom:2px solid var(--on-surface);padding:12px 16px}.wb-rail-list{flex-direction:row;padding:0 0 8px;overflow-x:auto}.wb-inspector{border-left:0;border-top:2px solid var(--on-surface)}.wb-canvas{padding:16px}.wb-stage-frame{width:100%;max-width:520px;height:auto}}.editor-page{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 80px);display:grid;overflow:visible}@media (width>=1024px){.editor-page{grid-template-columns:1.3fr 1fr}.editor-page-v2{grid-template-columns:360px 1fr}}.editor-controls-col{background:var(--surface-container-low);padding:var(--sp-md);border-bottom:2px solid var(--on-surface);overflow-y:auto}@media (width>=1024px){.editor-controls-col{border-bottom:0;border-right:2px solid var(--on-surface);padding:var(--sp-lg)}}.editor-canvas-col{background:var(--background);padding:var(--sp-md);gap:var(--sp-md);flex-direction:column;display:flex;overflow-y:auto}@media (width>=768px){.editor-canvas-col{padding:var(--sp-lg)}}.editor-canvas-head{background:var(--paper);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);padding:var(--sp-md)}.editor-canvas-head .editor-title-input{margin-top:4px}.editor-thumb-strip{padding:var(--sp-sm);background:var(--surface-container);border:2px solid var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface);scroll-snap-type:x mandatory;gap:10px;display:flex;overflow-x:auto}.editor-thumb-strip::-webkit-scrollbar{height:10px}.editor-thumb-strip::-webkit-scrollbar-thumb{background:var(--on-surface);border-radius:0}.editor-thumb{background:var(--paper);border:2px solid var(--on-surface);cursor:pointer;scroll-snap-align:start;width:96px;box-shadow:2px 2px 0 0 var(--on-surface);flex-direction:column;flex:none;gap:4px;padding:4px;transition:transform 80ms,box-shadow 80ms;display:flex}.editor-thumb:hover{box-shadow:3px 3px 0 0 var(--on-surface);transform:translate(-1px,-1px)}.editor-thumb.is-active{outline:3px solid var(--primary-container);outline-offset:2px;background:var(--primary-container)}.editor-thumb-frame{aspect-ratio:5/7;background:var(--surface-container-high);border:1px solid var(--on-surface);width:100%;overflow:hidden}.editor-thumb-frame>img{object-fit:cover;width:100%;height:100%;display:block}.editor-thumb-fallback{width:100%;height:100%;font-family:var(--font-body);color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.editor-thumb-num{text-align:center;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface);font-size:10px;font-weight:700}.editor-doc-col{padding:var(--sp-md);background:var(--background);overflow-y:auto}@media (width>=768px){.editor-doc-col{padding:var(--sp-lg)}}.editor-share-col{background:var(--surface-container-low);border-top:2px solid var(--on-surface);padding:var(--sp-md);overflow-y:auto}@media (width>=1024px){.editor-share-col{border-top:0;border-left:2px solid var(--on-surface);padding:var(--sp-lg)}}.editor-doc-head{margin-bottom:var(--sp-md)}.editor-doc-eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.editor-title-input{width:100%;font-family:var(--font-display);font-size:var(--fs-display-lg-mobile);letter-spacing:-.02em;color:var(--secondary);text-transform:uppercase;background:0 0;border:0;outline:none;padding:0;font-style:italic;font-weight:400;line-height:1.05}@media (width>=768px){.editor-title-input{font-size:var(--fs-display-lg)}}.editor-title-input:focus{outline:2px dashed var(--secondary);outline-offset:4px}.editor-url-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.editor-url-text{font-family:var(--font-body);color:var(--on-surface-variant);word-break:break-all;font-size:13px}.editor-section-head{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 12px;font-size:11px;font-weight:700}.editor-pages-5up{margin-bottom:var(--sp-md);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=480px){.editor-pages-5up{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.editor-pages-5up{grid-template-columns:repeat(5,1fr)}}.editor-page-card{aspect-ratio:3/4;background:var(--paper);border:2px solid var(--on-surface);text-align:left;cursor:pointer;box-shadow:2px 2px 0 0 var(--on-surface);flex-direction:column;gap:6px;padding:8px;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative}.editor-page-card:hover{background:var(--surface-container-low)}.editor-page-card:active{box-shadow:0 0 0 0 var(--on-surface);transform:translate(2px,2px)}.editor-page-card.is-active{background:var(--primary-container);border-color:var(--on-surface);box-shadow:4px 4px 0 0 var(--on-surface)}.editor-page-card-num{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);font-size:10px;font-weight:700}.editor-page-card-snippet{font-family:var(--font-body);color:var(--on-surface);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.editor-active-preview{aspect-ratio:5/7;max-width:520px;margin:var(--sp-md) auto 0}.editor-characters{flex-direction:column;gap:10px;display:flex}.editor-character-card{background:var(--paper);border:2px solid var(--on-surface);box-shadow:2px 2px 0 0 var(--on-surface);align-items:flex-start;gap:12px;padding:12px;display:flex}.editor-character-avatar{border-radius:var(--r-full);border:2px solid var(--on-surface);background:var(--primary-fixed);width:40px;height:40px;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:400;display:flex}.editor-character-name{font-family:var(--font-display);font-size:17px;font-weight:400;line-height:1.1}.editor-character-role{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);margin:2px 0 4px;font-size:11px;font-weight:700}.editor-character-traits{color:var(--on-surface-variant);font-size:12.5px;line-height:1.45}.editor-toggle-row{background:var(--paper);border:2px solid var(--on-surface);cursor:pointer;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;transition:background .15s;display:flex}.editor-toggle-row:hover{background:var(--surface-container-low)}.editor-toggle-label{font-family:var(--font-body);color:var(--on-surface);font-size:14px;font-weight:700}.editor-toggle-sub{color:var(--on-surface-variant);margin-top:2px;font-size:11.5px}.editor-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.editor-stat-tile{background:var(--paper);border:2px solid var(--on-surface);box-shadow:2px 2px 0 0 var(--on-surface);padding:12px;position:relative;overflow:hidden}.editor-stat-tile-stripe{height:4px;position:absolute;top:0;left:0;right:0}.editor-stat-tile-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:6px;font-size:10px;font-weight:700}.editor-stat-tile-value{font-family:var(--font-display);font-size:var(--fs-headline-sm);color:var(--on-surface);margin-top:2px;font-weight:400;line-height:1.15}.editor-delete-link{text-align:center;border:2px solid var(--outline-variant);width:100%;color:var(--secondary);font-family:var(--font-body);cursor:pointer;background:0 0;margin-top:18px;padding:10px;font-size:13px;font-weight:700}.editor-delete-link:hover{border-color:var(--secondary);background:var(--secondary-fixed)}.thumb-cell{aspect-ratio:3/4;border:2px solid var(--on-surface);background:var(--paper);cursor:pointer;box-shadow:2px 2px 0 0 var(--on-surface);padding:3px;position:relative}.thumb-cell.is-active{border:4px solid var(--primary-container)}.thumb-cell .body{background:linear-gradient(135deg, var(--surface-container), var(--surface-container-highest));font-family:var(--font-body);color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:3px}.thumb-cell .num{background:var(--on-surface);color:#fff;font-family:var(--font-body);z-index:1;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}@media (width<=767px){body{padding-bottom:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}