:root{color:#302d29;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d8d0c3;font-family:Iowan Old Style,Baskerville,Times New Roman,serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--paper:#f3ead8;--paper-deep:#e5dac6;--ink:#302d29;--ink-soft:#766f65;--accent:#e2aa18}.flipbook-viewer{width:100%;max-width:800px;min-height:100svh;margin:0 auto;padding:24px 40px}.flipbook-stage{justify-content:center;align-items:center;width:100%;height:600px;display:flex}.flipbook{margin:0 auto}.page{width:100%;height:100%;color:var(--ink);background:var(--paper);border:1px solid #4a413424;overflow:hidden}.page-content{isolation:isolate;background-color:var(--paper);width:100%;height:100%;position:relative;overflow:hidden}.page-content:before{z-index:-1;content:"";opacity:.42;background-image:radial-gradient(circle at 18% 22%,#483c2b12 0 .45px,#0000 .8px),radial-gradient(circle at 71% 63%,#6250390e 0 .6px,#0000 .95px),linear-gradient(103deg,#0000 0 48%,#51433006 49%,#0000 50% 100%);background-size:17px 23px,31px 29px,121px 93px;position:absolute;inset:0}.editorial-layout,.cover-content,.end-content,.spread-content,.blank-content{width:100%;height:100%;position:relative}.spread-page-left{border-right-color:#0000}.spread-page-right{border-left-color:#0000}.spread-photo-frame{position:absolute;inset:8% 0;overflow:hidden}.spread-image{width:200%;max-width:none;height:100%;display:block;position:absolute;top:0}.spread-content-left .spread-image{left:0}.spread-content-right .spread-image{left:-100%}.spread-page-left .page-number{left:6%;right:auto}.photo-group{position:absolute;inset:0}.photo-slot{justify-content:center;align-items:center;margin:0;display:flex;position:absolute}.page-photo{object-fit:contain;width:100%;height:100%;display:block}.photo-slot figcaption,.archive-label,.page-note,.page-number,.cover-meta,.end-label,.end-note{color:var(--ink-soft);letter-spacing:.11em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;line-height:1.35}.photo-slot figcaption{white-space:nowrap;margin:0;position:absolute}.archive-label,.page-note{z-index:2;margin:0;position:absolute}.page-number{z-index:3;font-size:8px;position:absolute;bottom:4.5%;right:6%}.single-opening .photo-slot-1{width:74%;height:72%;top:14%;left:9%}.single-opening .photo-slot-1 figcaption{bottom:-2.7%;right:0}.single-opening .archive-label{top:8%;right:8%}.single-opening .page-note{bottom:8%;left:10%}.double-dialogue .photo-slot-1{width:58%;height:50%;top:11%;left:8%}.double-dialogue .photo-slot-2{width:42%;height:40%;bottom:12%;right:7%}.double-dialogue .photo-slot-1 figcaption{top:-5%;left:0}.double-dialogue .photo-slot-2 figcaption{bottom:-5%;right:0}.double-dialogue .archive-label{writing-mode:vertical-rl;top:8%;right:7%}.double-dialogue .page-note{bottom:8%;left:8%}.single-table .photo-slot-1{width:78%;height:78%;top:10%;right:7%}.single-table .photo-slot-1 figcaption{writing-mode:vertical-rl;top:1%;left:-9%}.single-table .archive-label{bottom:9%;left:9%}.single-table .page-note{top:8%;left:8%}.triple-cluster .photo-slot-1{width:62%;height:52%;top:9%;left:7%}.triple-cluster .photo-slot-2{width:36%;height:34%;bottom:12%;right:6%}.triple-cluster .photo-slot-3{width:44%;height:20%;bottom:11%;left:8%}.triple-cluster .photo-slot-1 figcaption{top:-4%;left:0}.triple-cluster .photo-slot-2 figcaption{bottom:-6%;right:0}.triple-cluster .photo-slot-3 figcaption{bottom:-11%;left:0}.triple-cluster .archive-label{text-align:right;top:8%;right:6%}.triple-cluster .page-note{bottom:6%;left:8%}.double-objects .photo-slot-1{width:60%;height:55%;top:12%;right:7%}.double-objects .photo-slot-2{width:45%;height:42%;bottom:10%;left:8%}.double-objects .photo-slot-1 figcaption{top:-4%;right:0}.double-objects .photo-slot-2 figcaption{bottom:-5%;left:0}.double-objects .archive-label{top:9%;left:8%}.double-objects .page-note{writing-mode:vertical-rl;bottom:7%;right:8%}.single-closing .photo-slot-1{width:76%;height:74%;bottom:12%;right:8%}.single-closing .photo-slot-1 figcaption{top:-3%;right:0}.single-closing .archive-label{top:9%;left:9%}.single-closing .page-note{bottom:8%;left:9%}.accent-mark,.cover-accent{z-index:3;background:var(--accent);mix-blend-mode:multiply;display:block;position:absolute}.accent-line{width:19%;height:2px;top:66%;left:8%}.accent-block{width:12%;height:4.5%;top:9%;right:10%}.accent-register{border:1px solid var(--accent);background:0 0;border-radius:50%;width:17px;height:17px;top:51%;right:9%}.accent-register:before,.accent-register:after{content:"";background:var(--accent);position:absolute}.accent-register:before{width:23px;height:1px;top:7px;left:-4px}.accent-register:after{width:1px;height:23px;top:-4px;left:7px}.cover-content{padding:12% 11% 10%}.cover-accent{width:3.5%;height:14%;top:12%;right:11%}.cover-copy{letter-spacing:.04em;overflow-wrap:anywhere;white-space:pre-wrap;width:66%;margin:29% 0 0 5%;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:23px;font-weight:400;line-height:1.75}.cover-subtitle{width:68%;color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:18px 0 0 5%;font-size:10px;line-height:1.5}.cover-decoration{color:var(--ink-soft);letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;position:absolute;bottom:9%;left:11%}.end-content{padding:11%}.end-label,.end-note{margin:0;position:absolute}.end-label{max-height:55%;color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;text-align:right;text-transform:none;white-space:pre-wrap;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:16px;line-height:1.45;top:18%;left:12%;right:12%;overflow:hidden}.end-note{bottom:13%;left:11%}.end-decoration{color:var(--ink-soft);letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;position:absolute;bottom:10%;left:11%}.end-mark{border:1px solid #302d29b8;border-radius:50%;width:11px;height:11px;position:absolute;top:48%;left:48%}.end-mark:before,.end-mark:after{content:"";background:#302d29b8;position:absolute}.end-mark:before{width:17px;height:1px;top:4px;left:-4px}.end-mark:after{width:1px;height:17px;top:-4px;left:4px}.flipbook-controls{justify-content:center;gap:22px;margin-top:18px;display:flex}.flipbook-controls button{min-width:92px;color:var(--ink);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-top:1px solid #302d2970;border-bottom:1px solid #302d2938;border-radius:0;padding:8px 3px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.flipbook-controls button:hover:not(:disabled){border-top-color:var(--accent)}.flipbook-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.flipbook-controls button:disabled{color:#a59c8e;cursor:default;border-color:#4a413424}@media (width<=700px){.flipbook-viewer{padding:16px}.flipbook-stage{height:min(600px,166.67vw - 53.3344px)}}:root{--zine-paper-image:url(/textures/zine-v1/paper-ivory-fiber.png);--zine-grain-image:url(/textures/zine-v1/print-grain-density.png);--zine-edge-mask-small:url(/textures/zine-v1/photo-edge-luminance-mask.png);--zine-edge-mask-medium:url(/textures/zine-v1/photo-edge-luminance-mask-medium.png);--zine-edge-mask-large:url(/textures/zine-v1/photo-edge-luminance-mask-large.png);--zine-print-strength:.06}.page .page-content,.template-canvas.template-canvas--preview,.photo-crop-editor .photo-crop-frame{background:#f2eee4 var(--zine-paper-image) center / 100% 100% no-repeat;isolation:isolate}.page .template-canvas{background:0 0}.template-canvas{container-type:inline-size}.page .template-slot,.template-canvas--preview .template-slot{background:0 0}.texture-print-grain{z-index:5;background:var(--zine-grain-image) center / 100% 100% no-repeat;opacity:var(--zine-print-strength);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.texture-photo-surface{position:absolute;inset:0;overflow:hidden}.photo-crop-frame .texture-photo-surface{pointer-events:none}.texture-photo-surface[data-edge-effect=paper]{--zine-edge-mask-active:var(--zine-edge-mask-medium);-webkit-mask-image:var(--zine-edge-mask-active);mask-image:var(--zine-edge-mask-active);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.texture-photo-surface[data-edge-effect=paper][data-photo-size=small]{--zine-edge-mask-active:var(--zine-edge-mask-small)}.texture-photo-surface[data-edge-effect=paper][data-photo-size=large]{--zine-edge-mask-active:var(--zine-edge-mask-large)}.spread-photo-frame .texture-spread-surface{width:200%;right:auto}.spread-photo-frame .texture-spread-left{left:0}.spread-photo-frame .texture-spread-right{left:-100%}.spread-photo-frame .texture-spread-surface .spread-image{width:100%;left:0}@font-face{font-family:Zine Serif;src:url(/fonts/zine-serif.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Zine Sans;src:url(/fonts/zine-sans.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.page.book-editorial{--paper:#f2eee4;--paper-deep:#e7e3d9;--ink:#383832;--ink-soft:#66625a;--book-font:"Zine Serif", serif;color:var(--ink);font-family:var(--book-font);text-align:left;border:0;container-type:inline-size}.page.book-editorial--sans{--book-font:"Zine Sans", sans-serif}.project-zine .book-editorial .template-slot{background:0 0}.book-editorial .page-number{color:var(--ink-soft);letter-spacing:.07em;font-family:Zine Sans,sans-serif;font-size:1.55cqw;font-weight:400;bottom:3%;right:7.5%}.book-editorial.spread-page-left .page-number{left:8%;right:auto}.book-editorial .template-text-zone{padding:0}.book-editorial .template-page-heading{font:400 calc(5.5cqw * var(--text-scale,1))/1.35 var(--book-font);letter-spacing:-.025em;flex-shrink:0}.book-editorial .template-page-caption{color:var(--ink-soft);font:400 calc(2cqw * var(--text-scale,1))/1.65 "Zine Sans", sans-serif;letter-spacing:.015em;flex-shrink:0;margin-top:1.7cqw}.book-editorial .template-text-zone[data-dense=true] .template-page-heading{font-size:calc(3cqw * var(--text-scale,1));line-height:1.3}.book-editorial .template-text-zone[data-dense=true] .template-page-caption{font-size:calc(1.7cqw * var(--text-scale,1));margin-top:1cqw;line-height:1.5}.book-editorial .template-text-zone--overlay{color:#f3f0e9;-webkit-backdrop-filter:none;backdrop-filter:none;background:#283b33;padding:3cqw}.book-editorial .template-text-zone--overlay .template-page-caption{color:#d6dccf}.book-editorial .spread-photo-frame{inset:10% 0 20%}.book-editorial .spread-text-zone{height:13%;max-height:13%;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;bottom:5%;left:8%;right:8%}.book-editorial .spread-text-zone h2{font:400 calc(4cqw * var(--text-scale,1))/1.3 var(--book-font)}.book-editorial .spread-text-zone p{font:400 calc(1.8cqw * var(--text-scale,1))/1.5 "Zine Sans", sans-serif;color:var(--ink-soft)}.editorial-cover,.editorial-ending{width:100%;height:100%;position:relative}.editorial-cover-photo{margin:0;position:absolute;inset:30% 8% 12%}.editorial-cover-photo img{width:100%;height:100%;display:block}.editorial-cover-title{position:absolute;inset:6.5% 8% auto}.editorial-cover-title h1{font:400 var(--cover-title-size)/1.1 var(--book-font);color:inherit;letter-spacing:-.055em;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.editorial-cover-subtitle{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:400 2.15cqw/1.55 Zine Sans,sans-serif;position:absolute;bottom:4%;left:8%;right:8%}.editorial-cover--full-bleed{color:#fffdf5}.editorial-cover--full-bleed .editorial-cover-photo{inset:0}.editorial-cover--full-bleed .editorial-cover-title,.editorial-cover--full-bleed .editorial-cover-subtitle{z-index:1}.editorial-cover--type .editorial-cover-title{top:28%}.editorial-cover--type{color:var(--ink)}.editorial-ending figure{width:38%;height:32%;margin:0;position:absolute;top:24%;left:31%}.editorial-ending img{object-fit:contain;width:100%;height:100%}.editorial-ending-copy{font:400 2.5cqw/1.7 var(--book-font);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;position:absolute;top:63%;left:16%;right:16%}.editorial-ending-note{display:none}.editorial-half-title{font:400 10cqw/1.4 var(--book-font);overflow-wrap:anywhere;margin:0;position:absolute;top:58%;left:12%;right:12%}@font-face{font-family:Iansui;src:url(/fonts/iansui/Iansui-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChenYuluoyan;src:url(/fonts/chenyuluoyan/ChenYuluoyan-2.0-Thin.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.collage-cover{color:#393833;font-family:Zine Serif,Noto Serif CJK SC,SimSun,serif;position:absolute;inset:0;container-type:inline-size}.collage-cover-art{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute}.collage-cover-title{width:52%;max-height:24%;position:absolute;top:4.5%;right:5%}.collage-cover-title h1{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-weight:400;line-height:1.04}.collage-cover-title p{letter-spacing:.12em;text-align:right;overflow-wrap:anywhere;margin:1.3cqw 0 0;font-size:2.7cqw}.collage-cover-date{letter-spacing:.12em;overflow-wrap:anywhere;max-width:75%;font-size:2.1cqw;position:absolute;bottom:5.5%;left:8%}.fragments-text{z-index:4;color:#393833;font-synthesis:none;font-family:Zine Serif,SimSun,serif;font-size:3.2cqw;font-weight:400;line-height:1.8;position:absolute}.fragments-text[data-font=chen]{font-family:ChenYuluoyan,Iansui,Zine Serif,SimSun,serif}.fragments-text[data-font=iansui]{font-family:Iansui,ChenYuluoyan,Zine Serif,SimSun,serif}.fragments-text-body{width:100%;height:100%;overflow:hidden}.fragments-text h2{font:inherit;margin:0 0 1em;font-size:1.4em}.fragments-text p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.statement-line{display:block}.fragments-text time{margin-top:1.3em;font:400 2.1cqw/1.5 Zine Serif,SimSun,serif;display:block}.fragments-journal{font-size:3cqw;line-height:1.9;inset:12% 12% 15%}.statement-HW01{width:78%;height:32%;font-size:5cqw;top:10%;left:10%}.statement-HW01 .statement-line:nth-child(2n){padding-left:.7em}.statement-HW02{width:80%;height:30%;font-size:4.4cqw;top:60%;left:9%}.statement-HW03{width:65%;height:40%;font-size:5.2cqw;top:35%;left:20%}.statement-HW03 .statement-line:nth-child(2n){padding-left:.9em}.statement-HW04{width:76%;height:19%;font-size:3.5cqw;bottom:8%;left:12%}.fragments-overflow{color:#9b2b25;background:#fff6ed;font:400 2.3cqw/1.5 Zine Sans,sans-serif;position:absolute;bottom:0;left:0}.fragments-accent{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;width:14%;height:10.5%;position:absolute;bottom:0;left:8%}.page.page[data-text-font=chen] .template-text-zone{font-family:ChenYuluoyan,Iansui,Zine Serif,SimSun,serif}.page.page[data-text-font=iansui] .template-text-zone{font-family:Iansui,ChenYuluoyan,Zine Serif,SimSun,serif}.page.page[data-text-font=chen] .template-text-zone *,.page.page[data-text-font=iansui] .template-text-zone *{font-family:inherit;font-weight:400}.page-content{container-type:inline-size}.archive-ending{position:absolute;inset:0}.archive-ending img{object-fit:contain;pointer-events:none;width:100%;height:100%}.landing-page{--landing-paper:#e9e7e1;--landing-paper-deep:#d7d4cc;--landing-ink:#20211f;--landing-muted:#64645f;--landing-accent:#c34732;min-height:100dvh;color:var(--landing-ink);background:linear-gradient(#20211f06 1px, transparent 1px), var(--landing-paper);background-size:100% 32px;font-family:Arial,Helvetica,sans-serif}.landing-header{z-index:10;background:var(--landing-paper);border-bottom:1px solid #20211f3d;height:68px;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;gap:28px;width:min(100% - 64px,1480px);height:100%;margin:0 auto;display:flex}.landing-wordmark,.landing-nav a,.landing-nav button,.landing-hero-actions a,.landing-hero-actions button{color:inherit;font:inherit;border-radius:0}.landing-wordmark{letter-spacing:-.03em;cursor:pointer;background:0 0;border:0;padding:8px 0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:800}.landing-nav-actions{align-items:center;gap:24px;display:flex}.landing-nav a,.landing-hero-actions a{text-underline-offset:5px;text-decoration-thickness:1px}.landing-create-button{border:1px solid var(--landing-ink);background:var(--landing-ink);cursor:pointer;min-width:max-content;padding:11px 17px;color:var(--landing-paper)!important}.landing-wordmark:hover,.landing-nav a:hover,.landing-hero-actions a:hover{color:var(--landing-accent)}.landing-create-button:hover{border-color:var(--landing-accent);background:var(--landing-accent)}.landing-create-button:active,.landing-wordmark:active,.landing-nav a:active,.landing-hero-actions a:active{transform:translateY(1px)}.landing-wordmark:focus-visible,.landing-nav a:focus-visible,.landing-nav button:focus-visible,.landing-hero-actions a:focus-visible,.landing-hero-actions button:focus-visible{outline:2px solid var(--landing-accent);outline-offset:4px}.landing-hero{grid-template-columns:minmax(300px,.62fr) minmax(560px,1fr);align-items:center;gap:clamp(34px,5vw,92px);width:min(100% - 64px,1480px);min-height:calc(100dvh - 68px);margin:0 auto;padding:36px 0 54px;display:grid}.landing-hero-copy{z-index:2;align-self:center;position:relative}.landing-hero-copy h1{letter-spacing:-.075em;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(36px,3.8vw,64px);font-weight:800;line-height:.82}.landing-hero-copy h1 span{white-space:normal;display:block}.landing-hero-copy h1 span:nth-child(2){color:var(--landing-accent);margin-left:clamp(18px,3vw,54px)}.landing-hero-copy p{max-width:420px;color:var(--landing-muted);margin:34px 0 0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:19px;line-height:1.42}.landing-hero-actions{align-items:center;gap:22px;margin-top:28px;display:flex}.landing-hero-actions a{color:var(--landing-ink);padding:10px 0}.landing-hero-visual{place-items:center;min-width:0;display:grid}.landing-hero-zine{aspect-ratio:6/4;filter:drop-shadow(0 26px 24px #3d372f33);perspective:1600px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:min(100%,760px);display:grid}.landing-zine-leaf{aspect-ratio:3/4;background:var(--paper);min-width:0;position:relative;box-shadow:inset 0 1px #fffc}.landing-zine-leaf--left{z-index:1;transform-origin:100%;transform:rotate(-1deg)translateY(7px)}.landing-zine-leaf--right{transform-origin:0;transform:rotate(.6deg)}.landing-zine-leaf--left:after,.landing-zine-leaf--right:after{z-index:5;content:"";pointer-events:none;width:7%;position:absolute;top:0;bottom:0}.landing-zine-leaf--left:after{background:linear-gradient(270deg,#342d241f,#0000);right:0}.landing-zine-leaf--right:after{background:linear-gradient(90deg,#342d241a,#0000);left:0}.landing-zine-leaf>.page,.landing-style-zine>.page{border-color:#20211f2e}.landing-zine-unavailable{width:100%;min-height:360px;color:var(--landing-muted);border:1px solid #20211f3d;place-items:center;display:grid}.landing-styles{width:min(100% - 64px,1360px);margin:0 auto;padding:122px 0 150px;scroll-margin-top:68px}.landing-styles-heading{max-width:620px;margin-bottom:70px}.landing-styles-heading h2{letter-spacing:-.065em;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(48px,6vw,86px);font-weight:800;line-height:.95}.landing-styles-heading p{max-width:460px;color:var(--landing-muted);margin:18px 0 0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:18px;line-height:1.45}.landing-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.landing-style-card{border-top:2px solid var(--landing-ink);align-content:start;min-width:0;display:grid}.landing-style-visual{background:var(--landing-paper-deep);place-items:center;min-height:0;padding:clamp(22px,4vw,54px);display:grid;overflow:hidden}.landing-style-zine{aspect-ratio:3/4;width:min(100%,320px);box-shadow:0 18px 30px #302c262e}.landing-style-copy{grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:18px 0 0;display:grid}.landing-style-copy h3,.landing-style-copy p,.landing-style-copy span{margin:0}.landing-style-copy h3{letter-spacing:-.04em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:800}.landing-style-copy p{color:var(--landing-muted);grid-column:1;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:15px;line-height:1.45}.landing-style-copy span{color:var(--landing-accent);letter-spacing:.08em;text-transform:uppercase;grid-area:1/2/span 2;padding-top:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}@media (prefers-reduced-motion:no-preference){.landing-hero-copy h1,.landing-hero-copy>p,.landing-hero-actions,.landing-hero-visual{animation:.62s cubic-bezier(.16,1,.3,1) both landing-enter}.landing-hero-copy>p{animation-delay:70ms}.landing-hero-actions{animation-delay:.12s}.landing-hero-visual{animation-delay:.11s}.landing-create-button,.landing-wordmark,.landing-nav a,.landing-hero-actions a,.landing-zine-leaf{transition:color .18s,border-color .18s,background-color .18s,transform .26s cubic-bezier(.16,1,.3,1)}}@keyframes landing-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.landing-hero{grid-template-columns:minmax(250px,.75fr) minmax(430px,1fr);gap:28px}.landing-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero-copy h1{font-size:clamp(34px,4.2vw,54px)}}@media (width<=700px){.landing-header{height:62px}.landing-nav{gap:12px;width:calc(100% - 28px)}.landing-wordmark{font-size:14px}.landing-nav-actions{gap:13px}.landing-nav-actions a{font-size:13px}.landing-create-button{padding:9px 11px;font-size:13px}.landing-hero{grid-template-columns:minmax(0,1fr);gap:42px;width:calc(100% - 28px);min-height:auto;padding:58px 0 72px}.landing-hero-copy h1{font-size:clamp(32px,8vw,48px);line-height:.86}.landing-hero-copy h1 span:nth-child(2){margin-left:18px}.landing-hero-copy p{max-width:340px;margin-top:27px;font-size:17px}.landing-hero-actions{gap:18px;margin-top:24px}.landing-hero-zine{width:100%}.landing-styles{width:calc(100% - 28px);padding:88px 0 110px;scroll-margin-top:62px}.landing-styles-heading{margin-bottom:44px}.landing-styles-heading h2{font-size:52px}.landing-style-grid{grid-template-columns:minmax(0,1fr);gap:62px}.landing-style-copy{grid-template-columns:minmax(0,1fr) auto}}@media (width<=390px){.landing-nav-actions{gap:10px}.landing-nav-actions a{font-size:12px}.landing-create-button{padding-left:9px;padding-right:9px;font-size:12px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-hero-copy h1{font-synthesis:none;max-width:8em;font-family:ChenYuluoyan,Iansui,serif;font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.3}.landing-demo-reader{width:100%;min-width:0}.landing-demo-reader .flipbook-stage{height:min(65vw,600px);min-height:300px}.demo-reader-controls{justify-content:center;gap:18px;padding:16px;display:flex}.demo-reader-controls button{padding:8px 14px}.demo-bookshelf{grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:32px;display:grid}.demo-book-cover{text-align:left;cursor:pointer;border:0;width:225px;height:300px;padding:0;display:block;position:relative}.demo-book-cover>.page{position:absolute;inset:0}.demo-reader-modal{z-index:2000;background:#eee9df;padding:24px;position:fixed;inset:0;overflow:auto}.demo-reader-modal>.landing-demo-reader{max-width:1000px;margin:auto}@media (width<=600px){.landing-hero-copy h1{word-break:normal;max-width:5em;font-size:48px;line-height:1.4}}.book-design-panel{color:#304238;gap:19px;padding-bottom:20px;font-size:12px;display:grid}.book-design-panel p{color:#747a71;margin:0;line-height:1.7}.book-design-intro{align-items:center;gap:14px;padding:6px 0;display:flex}.book-design-sample{background:#d6dccf;padding:8px 15px;font:400 44px/1.2 Zine Serif,serif}.book-design-intro h3{margin:0 0 5px;font-size:17px;font-weight:500}.book-design-intro p{font-size:10px}.book-design-panel button{cursor:pointer;color:#304238;font:inherit;background:0 0;border:1px solid #c6ccbf;border-radius:0;padding:9px 10px}.book-design-panel .book-design-apply{color:#f3f0e9;background:#304238;border-color:#304238;padding:12px}.book-design-panel button:hover:not(:disabled){border-color:#304238}.book-design-panel button:disabled{cursor:default;opacity:.45}.book-design-panel button:focus-visible,.book-design-panel select:focus-visible{outline-offset:3px;outline:2px solid #687d57}.book-design-panel fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.book-design-panel legend{margin-bottom:8px;font-size:11px}.book-design-panel label{gap:8px;font-size:11px;display:grid}.book-design-panel select{width:100%;font:inherit;color:#304238;background:#f8f8f3;border:1px solid #c6ccbf;border-radius:0;padding:8px}.book-design-panel [aria-pressed=true]{outline-offset:2px;outline:2px solid #687d57}.book-cover-control{align-items:center;gap:14px;display:flex}.book-cover-preview{background:#eeeae0;width:78px;height:104px}.book-cover-choices{grid-template-columns:repeat(4,1fr);gap:7px;max-height:310px;padding:4px;display:grid;overflow-y:auto}.book-cover-choices button{border:0;padding:0}.book-cover-choices img{object-fit:cover;width:100%;height:78px;display:block}.book-design-restore{border-top:1px solid #d9ded1;gap:8px;padding-top:16px;display:grid}.book-design-panel .book-design-note{font-size:10px}.book-overview{width:min(100%,1280px);margin:18px auto 40px}.book-overview-note{color:#687067;margin:12px 0 32px;font-size:12px}.book-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;display:grid}.book-overview-opening{text-align:center;color:#687067;cursor:pointer;background:0 0;border:0;align-content:end;gap:12px;padding:0;display:grid}.book-overview-opening>span{letter-spacing:.08em;font:10px/1.4 Zine Sans,sans-serif}.book-overview-spread{aspect-ratio:3/2;pointer-events:none;background:#f3f0e9;width:100%;display:flex;box-shadow:0 5px 12px #283b3314}.book-overview-spread--single{aspect-ratio:3/4;justify-self:center;width:50%}.book-overview-leaf{width:50%;height:100%}.book-overview-spread--single .book-overview-leaf{width:100%}.book-overview-leaf .page{height:100%}.book-overview-opening:focus-visible{outline-offset:7px;outline:2px solid #687d57}.project-preview-header .book-preview-actions{justify-self:end;gap:20px;display:flex}.project-preview-shell:has(.book-overview){grid-template-rows:auto 1fr;height:auto;overflow:visible}@media (width<=900px){.book-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.book-overview-grid{grid-template-columns:1fr;gap:32px}.project-preview-header .book-preview-actions{gap:12px}}.project-library,.project-form-view{width:min(100% - 32px,980px);min-height:100svh;margin:0 auto;padding:48px 0 72px}.library-header,.project-viewer-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.library-header h1,.project-form h1{margin:8px 0 10px;font-size:clamp(34px,5vw,58px);font-weight:400}.library-header p,.project-form header p,.project-card p,.library-empty{color:#6e675d}.library-kicker,.project-card-label,.library-section-heading,.project-viewer-header,.project-form-field>span,.project-preset-field legend,.project-file-summary{letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.library-primary-action,.library-home-action,.project-card button,.project-form button,.project-viewer-header button{color:#302d29;font:inherit;cursor:pointer;background:#f3ead8;border:1px solid #302d296b;border-radius:0;padding:10px 14px}.library-home-action{background:0 0;border-width:0 0 1px;margin:0 0 18px;padding:0 0 5px}.project-editor-workspace{grid-template-columns:220px minmax(560px,1fr) 300px;align-items:start;gap:22px;width:min(100% - 32px,1360px);margin:20px auto 0;display:grid}.project-page-editor{background:color-mix(in srgb, var(--paper,#f3ead8) 92%, white);border:1px solid #302d2942;max-height:calc(100svh - 28px);padding:14px;position:sticky;top:14px;overflow-y:auto}.project-page-editor header p,.project-page-editor header span{letter-spacing:.06em;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-page-create-button{z-index:3;border:1px solid var(--accent,#d69a00);width:100%;color:var(--ink,#302d29);background:color-mix(in srgb, var(--paper,#f3ead8) 88%, white);box-shadow:0 5px 12px color-mix(in srgb, var(--ink,#302d29) 10%, transparent);cursor:pointer;margin-top:12px;padding:9px 10px;font-weight:600;position:sticky;top:0}.project-page-create-button:disabled{opacity:.45;cursor:default}.project-page-editor header span{color:var(--ink-soft,#766f65);letter-spacing:0}.project-page-thumbnails{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.project-page-thumbnail{border:1px solid #0000;transition:border-color .12s,opacity .12s,transform .12s;position:relative}.project-page-thumbnail-menu-button{z-index:3;opacity:0;width:28px;height:24px;color:var(--editor-ink,#302d29);background:#f7f3eaf0;border:1px solid #322f2a2e;place-items:center;padding:0;display:grid;position:absolute;top:5px;right:5px}.project-page-thumbnail:hover .project-page-thumbnail-menu-button,.project-page-thumbnail.is-selected .project-page-thumbnail-menu-button,.project-page-thumbnail-menu-button:focus-visible{opacity:1}.project-page-context-menu{z-index:1200;background:#f7f3ea;border:1px solid #302d2933;gap:5px;width:216px;max-width:calc(100vw - 16px);padding:8px;display:grid;position:fixed;box-shadow:0 14px 34px #302d2933}.project-page-context-menu strong,.project-page-context-menu span{padding:6px 8px;font-size:12px}.project-page-context-menu button{text-align:left;background:0 0;border:0;min-height:34px}.project-page-context-menu button:hover,.project-page-context-menu button:focus-visible{background:#302d2914}.project-page-context-menu .is-danger{color:#9b2b25}.project-book-settings-modal{background:#f4efe5;border:1px solid #302d2933;width:min(960px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px;overflow:auto;box-shadow:0 24px 70px #302d2947}.project-book-settings-modal>header{border-bottom:1px solid #302d292e;justify-content:space-between;align-items:start;gap:24px;display:flex}.project-book-settings-modal>header p,.project-book-settings-modal>header h2{margin:0 0 10px}.project-book-settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding-top:22px;display:grid}.project-book-settings-grid>section>h3{letter-spacing:.04em;margin:0 0 18px;font-size:14px}@media (width<=760px){.project-book-settings-grid{grid-template-columns:1fr}}.project-page-thumbnail:not(.is-locked){cursor:grab}.project-page-thumbnail.is-selected{border-color:var(--accent,#d69a00)}.project-page-thumbnail.is-drop-target{border-color:var(--accent,#d69a00);box-shadow:0 4px 0 color-mix(in srgb, var(--accent,#d69a00) 34%, transparent);transform:translateY(-3px)}.project-page-thumbnail.is-dragging{opacity:.42}.project-page-thumbnail-button{width:100%;color:var(--ink,#302d29);background:color-mix(in srgb, var(--paper,#f3ead8) 84%, white);text-align:left;cursor:inherit;border:0;grid-template-columns:24px 88px minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.project-page-thumbnail-button:focus-visible{outline:2px solid var(--accent,#d69a00);outline-offset:2px}.project-page-thumbnail-number{color:var(--ink-soft,#766f65);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-page-thumbnail-preview{aspect-ratio:1.45;background:var(--paper-deep,#e5dac6);border:1px solid #302d2938;grid-auto-flow:column;place-items:stretch stretch;width:72px;display:grid;overflow:hidden}.project-page-thumbnail-preview img{object-fit:cover;width:100%;min-width:0;height:100%}.project-page-thumbnail-preview--spread{aspect-ratio:2.2;border-width:2px;border-color:var(--accent,#d69a00);width:88px;position:relative}.project-page-thumbnail-preview--spread:after{content:"";background:#ffffffd1;width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:1px 0 #302d2961}.project-page-thumbnail-preview .project-page-thumbnail-spread-mark{z-index:1;color:#f7f1e5;letter-spacing:0;background:#23201dcc;padding:2px 4px;font-size:7px;position:absolute;bottom:3px;right:3px}.project-page-thumbnail-preview>span{letter-spacing:.12em;place-self:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-page-thumbnail-meta{gap:2px;display:grid}.project-page-thumbnail-meta strong{font-size:12px;font-weight:500}.project-page-thumbnail-meta small{color:var(--ink-soft,#766f65);font-size:10px}.project-page-thumbnail.is-locked{opacity:.72}.project-editor-workspace>.flipbook-viewer{min-width:0}.project-inspector-column{gap:14px;max-height:calc(100svh - 28px);display:grid;position:sticky;top:14px;overflow-y:auto}.project-inspector-column>.project-photo-inspector{max-height:none;position:static;overflow:visible}.project-settings-editor,.project-page-text-editor{background:color-mix(in srgb, var(--paper,#f3ead8) 92%, white);border:1px solid #302d2942;gap:10px;padding:14px;display:grid}.project-page-text-editor{background:0 0;border-width:0 0 1px;padding:0 0 14px}.project-settings-editor>header,.project-page-text-editor>header,.project-settings-editor>label>span,.project-page-text-editor label>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.project-settings-editor h2,.project-settings-editor header span,.project-page-text-editor h2,.project-page-text-editor header span,.project-settings-editor label,.project-page-text-editor label,.project-settings-editor p,.project-page-text-editor p{margin:0}.project-settings-editor h2,.project-page-text-editor h2{font-size:13px;font-weight:600}.project-settings-editor header span,.project-page-text-editor header span,.project-settings-editor>label>span,.project-page-text-editor label>span,.project-settings-preset legend{color:var(--ink-soft,#766f65);font-size:10px}.project-settings-editor>label:not(.project-settings-toggle),.project-page-text-editor label{gap:5px;display:grid}.project-settings-editor input[type=text],.project-settings-editor textarea,.project-page-text-editor input,.project-page-text-editor textarea{resize:vertical;width:100%;color:var(--ink,#302d29);background:color-mix(in srgb, var(--paper,#f3ead8) 78%, white);font:inherit;border:1px solid #302d294d;border-radius:0;padding:8px;font-size:12px;line-height:1.45}.project-settings-editor label small,.project-page-text-editor label small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-settings-preset{border:1px solid #302d2933;gap:5px;margin:0;padding:8px;display:grid}.project-settings-preset label,.project-settings-toggle{align-items:center;gap:7px;font-size:11px;display:flex}.project-settings-toggle>span{justify-content:flex-start}.project-settings-editor>button,.project-page-text-editor>button{border:1px solid var(--accent,#d69a00);color:var(--ink,#302d29);background:color-mix(in srgb, var(--accent,#d69a00) 12%, transparent);font:inherit;cursor:pointer;padding:8px 10px;font-size:11px}.project-settings-editor button:disabled,.project-page-text-editor button:disabled{opacity:.46;cursor:default}.project-editor-field-error,.project-editor-inline-feedback{border-left:3px solid var(--accent,#d69a00);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 58%, transparent);padding:7px;font-size:10px;line-height:1.4}.project-editor-field-error{border-left-color:#9c4337}.project-photo-inspector{background:color-mix(in srgb, var(--paper,#f3ead8) 92%, white);border:1px solid #302d2942;gap:16px;max-height:calc(100svh - 28px);padding:14px;display:grid;position:sticky;top:14px;overflow-y:auto}.project-photo-inspector>header{letter-spacing:.06em;justify-content:space-between;gap:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.project-photo-inspector>header p,.project-photo-inspector>header span,.project-material-library>p,.project-inspector-empty{margin:0}.project-photo-inspector>header span,.project-material-library>p,.project-inspector-empty{color:var(--ink-soft,#766f65)}.project-photo-import{z-index:2;border:1px solid color-mix(in srgb, var(--accent,#d69a00) 42%, transparent);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 52%, transparent);box-shadow:0 5px 12px color-mix(in srgb, var(--ink,#302d29) 10%, transparent);gap:7px;padding:10px;display:grid;position:sticky;top:0}.project-photo-import-button{border:1px solid var(--accent,#d69a00);min-height:34px;color:var(--ink,#302d29);background:color-mix(in srgb, var(--accent,#d69a00) 14%, transparent);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.project-photo-import-button.is-disabled{opacity:.48;cursor:default}.project-photo-import-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-photo-import>small,.project-photo-import-limit,.project-photo-import-feedback p,.project-photo-import-feedback ul{margin:0}.project-photo-import>small{color:var(--ink-soft,#766f65);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-photo-import-limit{color:var(--ink-soft,#766f65);font-size:10px}.project-photo-import-feedback{border-left:3px solid var(--accent,#d69a00);background:color-mix(in srgb, var(--paper,#f3ead8) 76%, white);gap:5px;padding:8px;font-size:10px;line-height:1.45;display:grid}.project-photo-import-feedback--error,.project-photo-import-feedback--warning{border-left-color:#9c4337}.project-photo-import-feedback ul{color:var(--ink-soft,#766f65);gap:3px;padding-left:16px;display:grid}.project-inspector-empty,.project-material-library>p{font-size:12px;line-height:1.45}.project-photo-slots,.project-material-library{gap:8px;display:grid}.project-template-editor{border-bottom:1px solid #302d2933;gap:8px;padding-bottom:12px;display:grid}.project-template-editor>header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.project-template-editor h2,.project-template-editor p,.project-template-editor small{margin:0}.project-template-editor h2{font-size:13px;font-weight:500}.project-template-editor>header span,.project-template-editor>small{color:var(--ink-soft,#766f65);font-size:9px}.project-template-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.project-template-options>button{min-width:0;color:var(--ink,#302d29);text-align:left;cursor:pointer;background:0 0;border:1px solid #302d293d;gap:5px;padding:6px;display:grid}.project-template-options>button.is-selected{border-color:var(--accent,#d69a00);box-shadow:inset 0 0 0 1px var(--accent,#d69a00);background:color-mix(in srgb, var(--accent,#d69a00) 9%, transparent)}.project-template-options>button:disabled{opacity:.5;cursor:default}.project-template-options>button>span{gap:1px;display:grid}.project-template-options strong{font-size:9px;font-weight:600}.project-template-options small{color:var(--ink-soft,#766f65);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.project-template-feedback,.project-template-warning{border-left:3px solid var(--accent,#d69a00);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 58%, transparent);padding:7px;font-size:9px}.project-template-warning,.project-template-feedback.is-error{border-left-color:#9c4337}.project-photo-slots h2,.project-material-library h2{margin:0;font-size:13px;font-weight:500}.project-material-section{border-top:1px solid #302d292e;gap:7px;padding-top:9px;display:grid}.project-material-section>header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.project-material-section h3{margin:0;font-size:11px;font-weight:500}.project-material-section>header span{color:var(--ink-soft,#766f65);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-material-message{color:var(--ink-soft,#766f65);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 62%, transparent);margin:0;padding:8px;font-size:10px;line-height:1.5}.project-photo-slot{border:1px solid #302d2933;gap:5px;padding:6px;display:grid}.project-photo-slot.is-selected{border-color:var(--accent,#d69a00);box-shadow:inset 3px 0 0 var(--accent,#d69a00)}.project-photo-slot>button:first-child{color:var(--ink,#302d29);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:0;display:grid}.project-photo-slot img{object-fit:cover;width:54px;height:42px}.project-photo-slot span{gap:2px;min-width:0;display:grid}.project-photo-slot strong,.project-photo-slot small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-photo-slot strong{font-size:11px;font-weight:500}.project-photo-slot small{color:var(--ink-soft,#766f65);font-size:9px}.project-photo-slot-actions{justify-content:flex-end;gap:5px;display:flex}.project-photo-slot-actions button,.project-photo-swap-confirmation button,.project-structure-controls button,.project-create-page>button,.project-confirmation-actions button{color:var(--ink,#302d29);cursor:pointer;background:0 0;border:1px solid #302d2952;padding:4px 9px}.project-photo-slot-actions button:disabled,.project-photo-swap-confirmation button:disabled,.project-structure-controls button:disabled,.project-create-page button:disabled,.project-confirmation-actions button:disabled{opacity:.35;cursor:default}.project-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.project-material-grid>article{min-width:0;color:var(--ink,#302d29);text-align:left;background:0 0;border:1px solid #302d2933;gap:3px;padding:5px;display:grid}.project-material-grid>article.is-current{border-color:var(--accent,#d69a00)}.project-material-grid img{aspect-ratio:1.3;object-fit:cover;width:100%}.project-material-grid span,.project-material-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-material-grid article>div{gap:3px;margin-top:3px;display:grid}.project-material-grid article button{color:var(--ink,#302d29);cursor:pointer;background:0 0;border:1px solid #302d2947;padding:4px;font-size:8px}.project-material-grid article button:disabled{opacity:.38;cursor:default}.project-photo-slot-structure-actions{border-top:1px solid #302d291f;padding-top:4px}.project-photo-composition{border:1px solid color-mix(in srgb, var(--accent,#d69a00) 56%, transparent);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 54%, transparent);gap:10px;margin-top:3px;padding:10px;display:grid}.project-photo-composition>header{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.project-photo-composition h3,.project-photo-composition p,.project-photo-composition fieldset{margin:0}.project-photo-composition h3{font-size:12px;font-weight:600}.project-photo-composition header div,.project-photo-composition header p,.project-photo-composition header p span{min-width:0}.project-photo-composition header p{color:var(--ink-soft,#766f65);gap:3px;margin-top:3px;font-size:9px;display:flex}.project-photo-composition header p span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-photo-composition button{color:var(--ink,#302d29);background:color-mix(in srgb, var(--paper,#f3ead8) 82%, white);cursor:pointer;border:1px solid #302d294d}.project-photo-composition button:disabled{opacity:.4;cursor:default}.project-photo-composition>header button,.project-photo-composition-reset{padding:5px 8px;font-size:9px}.project-photo-fit-options,.project-photo-focus-options{border:1px solid #302d292e;gap:6px;padding:8px;display:grid}.project-photo-fit-options legend,.project-photo-focus-options legend{color:var(--ink-soft,#766f65);padding:0 4px;font-size:10px}.project-photo-fit-options button{text-align:left;align-items:baseline;gap:5px;min-width:0;padding:6px 7px;font-size:10px;display:flex}.project-photo-fit-options button small{color:var(--ink-soft,#766f65);margin-left:auto;font-size:8px}.project-photo-fit-options button.is-selected,.project-photo-focus-grid button.is-selected{border-color:var(--accent,#d69a00);box-shadow:inset 0 0 0 1px var(--accent,#d69a00);font-weight:600}.project-photo-focus-options>p{color:var(--ink-soft,#766f65);background:color-mix(in srgb, var(--paper,#f3ead8) 70%, transparent);padding:6px;font-size:9px}.project-photo-focus-grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:4px;width:min(100%,150px);margin:0 auto;display:grid}.project-photo-focus-grid button{place-items:center;min-width:0;min-height:0;padding:0;font-size:16px;display:grid}.project-photo-focus-grid button:nth-child(5){outline:1px dashed color-mix(in srgb, var(--ink-soft,#766f65) 50%, transparent);outline-offset:-4px}.project-photo-composition-feedback{border-left:3px solid var(--accent,#d69a00);background:color-mix(in srgb, var(--paper,#f3ead8) 76%, white);padding:6px;font-size:9px;line-height:1.4}.project-structure-controls,.project-move-photo-panel,.project-create-page{border-top:1px solid #302d2933;gap:7px;padding-top:12px;display:grid}.project-structure-controls h2,.project-move-photo-panel h2,.project-create-page h2{margin:0;font-size:13px;font-weight:500}.project-structure-controls p,.project-move-photo-panel p,.project-create-page-picker p{color:var(--ink-soft,#766f65);margin:0;font-size:10px;line-height:1.4}.project-structure-controls button,.project-create-page>button{width:100%}.project-structure-controls .project-structure-danger{color:#7b3d32;border-color:#7b3d326b}.project-move-photo-panel>div:first-of-type{gap:5px;display:grid}.project-move-photo-panel>div:first-of-type button{color:var(--ink,#302d29);text-align:left;cursor:pointer;background:0 0;border:1px solid #302d293d;padding:6px;font-size:9px}.project-move-photo-panel>div:first-of-type button.is-selected{border-color:var(--accent,#d69a00);background:color-mix(in srgb, var(--accent,#d69a00) 10%, transparent)}.project-move-photo-panel>div:first-of-type button:disabled{opacity:.42;cursor:default}.project-confirmation-actions{gap:6px;display:flex}.project-create-page-picker{gap:7px;padding-top:4px;display:grid}.project-create-page-picker>div:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.project-create-page-picker>div:first-of-type button{min-width:0;color:var(--ink,#302d29);cursor:pointer;background:0 0;border:1px solid #302d2938;gap:3px;padding:4px;display:grid}.project-create-page-picker>div:first-of-type button.is-selected{border-color:var(--accent,#d69a00)}.project-create-page-picker img{aspect-ratio:1;object-fit:cover;width:100%}.project-create-page-picker span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.project-material-grid span{font-size:9px}.project-material-grid small{color:var(--ink-soft,#766f65);font-size:8px}.project-photo-swap-confirmation{border-left:3px solid var(--accent,#d69a00);background:color-mix(in srgb, var(--paper-deep,#e5dac6) 78%, white);gap:8px;padding:10px;display:grid}.project-photo-swap-confirmation p{margin:0;font-size:11px;line-height:1.45}.project-photo-swap-confirmation div{gap:6px;display:flex}.project-modal-backdrop{z-index:1000;background:#18161494;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-swap-modal{color:#302d29;background:#f7efe1;border:1px solid #302d2957;width:min(100%,430px);padding:26px;box-shadow:0 24px 70px #0f0d0b52}.project-page-create-modal{color:#302d29;background:#f7efe1;border:1px solid #302d2957;width:min(100%,680px);max-height:min(760px,100svh - 48px);padding:26px;overflow-y:auto;box-shadow:0 24px 70px #0f0d0b52}.project-page-create-modal h2{margin:0;font-size:21px;font-weight:500}.project-page-create-modal>p:not(.project-swap-modal-kicker){color:#625c54;margin:12px 0;font-size:12px;line-height:1.55}.project-page-type-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.project-page-type-options button,.project-page-photo-picker button{color:#302d29;cursor:pointer;background:0 0;border:1px solid #302d2947;min-width:0}.project-page-type-options button{text-align:left;gap:3px;padding:9px;display:grid}.project-page-type-options button.is-selected,.project-page-photo-picker button.is-selected{background:#d69a001a;border-color:#b77900;box-shadow:inset 0 0 0 1px #b77900}.project-page-type-options strong{font-size:12px}.project-page-type-options span{color:#766f65;font-size:9px;line-height:1.35}.project-page-photo-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:280px;margin-top:14px;padding:2px;display:grid;overflow-y:auto}.project-page-photo-picker button{text-align:left;gap:4px;padding:5px;display:grid}.project-page-photo-picker button:disabled,.project-page-type-options button:disabled{opacity:.44;cursor:default}.project-page-photo-picker img{aspect-ratio:1.25;object-fit:cover;width:100%}.project-page-photo-picker span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.project-page-create-empty,.project-page-create-requirement{background:#302d290f;padding:9px}.project-page-create-modal>.project-confirmation-actions{margin-top:14px}.project-page-create-modal>.project-confirmation-actions button{padding:8px 12px}.project-page-create-modal>.project-confirmation-actions button:first-child{color:#f7f1e5;background:#302d29}.project-page-create-modal>small{color:#766f65;margin-top:10px;font-size:9px;display:block}.project-page-split-modal{width:min(100%,560px)}.project-page-split-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.project-split-type-options{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.project-swap-modal-kicker{color:#766f65;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-swap-modal h2{margin:0;font-size:21px;font-weight:500}.project-swap-modal>p:not(.project-swap-modal-kicker){color:#625c54;margin:14px 0;font-size:13px;line-height:1.6}.project-swap-modal>div{gap:8px;display:flex}.project-swap-modal button{color:#302d29;font:inherit;cursor:pointer;background:0 0;border:1px solid #302d296b;padding:8px 12px}.project-swap-modal button:first-child{color:#f7f1e5;background:#302d29}.project-swap-modal button:disabled{opacity:.5;cursor:default}.project-swap-modal small{color:#766f65;margin-top:12px;font-size:9px;display:block}.library-primary-action{color:#f7f1e5;background:#302d29}.library-primary-action:focus-visible,.project-card button:focus-visible,.project-form button:focus-visible,.project-viewer-header button:focus-visible,.project-form input:focus-visible{outline-offset:3px;outline:2px solid #d69a00}.library-section{margin-top:54px}.library-section-heading{border-bottom:1px solid #302d294d;justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.library-section-heading h2{letter-spacing:0;text-transform:none;margin:0 0 8px;font-family:inherit;font-size:20px;font-weight:400}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{background:#f3ead8b8;border:1px solid #302d2938;justify-content:space-between;align-items:flex-end;gap:24px;min-height:190px;padding:22px;display:flex}.project-card-demo{min-height:160px}.project-card h3{margin:8px 0;font-size:25px;font-weight:400}.project-card-actions{flex-direction:column;gap:8px;display:flex}.project-delete-confirmation{gap:8px;display:grid}.project-delete-confirmation p{color:#7b3d32;max-width:180px;margin:0;font-size:12px;line-height:1.35}.project-card .project-delete-action{color:#7b3d32;background:0 0;border-color:#0000}.library-error{color:#6c261b;background:#f5e3db;border-left:3px solid #a33d2c;margin:24px 0;padding:12px 14px}.library-status,.project-layout-status,.project-layout-warning{border-left:3px solid var(--accent,#d69a00);color:var(--ink,#302d29);background:#f3ead8d1;margin:18px auto;padding:10px 14px}.project-layout-warning{color:#6c261b;background:#f5e3db;border-left-color:#a33d2c}.project-form-view{place-items:center;display:grid}.project-form{background:#f3ead8cc;border:1px solid #302d293d;width:min(100%,680px);padding:36px}.project-form-field,.project-preset-field{gap:9px;margin:28px 0 0;display:grid}.project-form-field input[type=text],.project-form-field input[type=file]{color:#302d29;width:100%;font:inherit;background:#f8f2e7;border:1px solid #302d2959;border-radius:0;padding:12px}.project-preset-field{border:0;padding:0}.project-preset-field label{align-items:center;gap:8px;display:flex}.project-file-summary{overflow-wrap:anywhere;color:#6e675d;text-transform:none;line-height:1.6}.project-form-actions{justify-content:flex-end;gap:12px;margin-top:34px;display:flex}.project-viewer-header{align-items:center;width:min(100% - 32px,1360px);margin:0 auto;padding-top:18px}.project-viewer-header div{text-align:right}.project-viewer-header .project-viewer-actions{text-align:left;flex-wrap:wrap;gap:10px;display:flex}.project-viewer-header p,.project-viewer-header span{margin:0}.project-regenerate-confirmation{background:#f3ead8eb;border:1px solid #302d2947;align-items:center;gap:10px;width:min(100% - 32px,800px);margin:18px auto;padding:14px;display:flex}.project-regenerate-confirmation p{color:#6e675d;flex:1;margin:0;font-size:13px}.project-regenerate-confirmation button{color:#302d29;font:inherit;cursor:pointer;background:#f3ead8;border:1px solid #302d296b;padding:8px 11px}.project-layout-status,.project-layout-warning{width:min(100% - 32px,800px)}.project-viewer-header span{color:#766f65;font-size:10px}.project-preview-entry{color:#f7f1e5!important;background:var(--ink,#302d29)!important}.project-preview-shell{min-height:100svh;color:var(--ink,#302d29);background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--paper,#f3ead8) 24%, transparent), transparent 52%), color-mix(in srgb, var(--ink,#302d29) 10%, #d8d4cc);grid-template-rows:auto minmax(0,1fr) auto;padding:18px 24px 24px;display:grid}.project-preview-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(100%,1040px);margin:0 auto;display:grid}.project-preview-header button,.project-preview-controls button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.project-preview-header button{border-bottom:1px solid color-mix(in srgb, var(--ink,#302d29) 36%, transparent);justify-self:start;padding:8px 0}.project-preview-header .project-preview-export-button{justify-self:end}.project-preview-header div{text-align:center}.project-preview-header p,.project-preview-header span{margin:0}.project-preview-header p{text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,520px);font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:18px;overflow:hidden}.project-preview-header span,.project-preview-controls{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-preview-book{place-items:center;min-height:0;display:grid}.project-preview-controls{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(100%,520px);margin:4px auto 0;display:grid}.project-preview-controls button{border-top:1px solid color-mix(in srgb, var(--ink,#302d29) 36%, transparent);padding:9px 4px}.project-preview-controls button:first-child{justify-self:end}.project-preview-controls button:last-child{justify-self:start}.project-preview-controls button:disabled{opacity:.34;cursor:default}.project-preview-header button:focus-visible,.project-preview-controls button:focus-visible{outline:2px solid var(--accent,#d69a00);outline-offset:3px}.project-preview-error,.project-preview-notice{z-index:20;color:#5f201c;background:#fff3ef;border:1px solid #9f3f37;width:min(100% - 32px,560px);padding:12px 14px;position:fixed;top:72px;left:50%;transform:translate(-50%)}.project-export-backdrop{z-index:100;background:#16141294;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.project-export-panel{border:1px solid color-mix(in srgb, var(--ink,#302d29) 35%, transparent);width:min(100%,560px);color:var(--ink,#302d29);background:var(--paper,#f3ead8);gap:14px;padding:22px;display:grid;box-shadow:0 24px 70px #19161240}.project-export-panel>header,.project-export-option{justify-content:space-between;align-items:center;gap:18px;display:flex}.project-export-option>div{min-width:0}.project-export-panel h2,.project-export-panel p,.project-export-option strong,.project-export-option span{margin:0}.project-export-panel header p,.project-export-option span{color:var(--ink-soft,#766f65);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.45;display:block}.project-export-panel button{border:1px solid color-mix(in srgb, var(--ink,#302d29) 42%, transparent);color:inherit;background:color-mix(in srgb, var(--paper,#f3ead8) 82%, white);font:inherit;cursor:pointer;padding:9px 12px}.project-export-panel button:disabled{opacity:.42;cursor:default}.project-export-option{border-top:1px solid color-mix(in srgb, var(--ink,#302d29) 18%, transparent);padding:14px 0}.project-export-option--future{opacity:.62}.project-export-page-choice{border:0;border-top:1px solid color-mix(in srgb, var(--ink,#302d29) 18%, transparent);gap:8px;margin:0;padding:12px 0;display:flex}.project-export-page-choice legend{width:100%;color:var(--ink-soft,#766f65);margin-bottom:8px;font-size:12px}.project-export-page-choice button.is-selected{border-color:var(--accent,#d69a00);box-shadow:inset 0 -2px 0 var(--accent,#d69a00)}.project-export-feedback{color:#36562f;background:color-mix(in srgb, #d7e8ce 72%, var(--paper,#f3ead8));padding:10px 12px;font-size:12px;line-height:1.5}.project-export-feedback.is-error{color:#702b25;background:color-mix(in srgb, #f1ccc7 72%, var(--paper,#f3ead8))}.project-export-notice{border:1px solid color-mix(in srgb, var(--accent,#d69a00) 55%, transparent);color:var(--ink,#302d29);background:color-mix(in srgb, var(--accent,#d69a00) 10%, var(--paper,#f3ead8));padding:10px 12px;font-size:12px;line-height:1.5}.zine-export-host{z-index:-1000;pointer-events:none;position:fixed;top:0;left:-10000px;overflow:hidden}.zine-export-surface{background:var(--paper,#f3ead8);display:flex;overflow:hidden}.zine-export-surface>.page{width:450px;height:600px;box-shadow:none;border:0;flex:0 0 450px}.zine-export-surface--page{width:450px}.zine-export-surface--spread{width:900px}.project-preview-notice{border-color:color-mix(in srgb, var(--accent,#d69a00) 72%, #604d25);color:var(--ink,#302d29);background:color-mix(in srgb, var(--paper,#f3ead8) 92%, white)}.template-canvas{background:var(--paper,#f3ead8);position:relative;overflow:hidden}.template-canvas--page{position:absolute;inset:0}.template-canvas--preview{aspect-ratio:3/4;border:1px solid #302d2933;justify-self:center;width:min(100%,74px)}.template-slot{background:color-mix(in srgb, var(--paper-deep,#e5dac6) 78%, white);margin:0;display:grid;position:absolute;overflow:hidden}.template-slot img{width:100%;height:100%;display:block}.template-text-zone{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;padding:2px;display:flex;position:absolute;overflow:hidden}.template-text-zone--overlay{color:#f7f1e7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c1916b8;padding:7px 8px}.template-page-heading,.template-page-caption{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;margin:0;overflow:hidden}.template-page-heading{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:11px;font-weight:500;line-height:1.15}.template-page-caption{margin-top:4px;font-size:5.5px;line-height:1.35}.template-text-zone--preview{border:1px dashed color-mix(in srgb, var(--accent,#d69a00) 80%, transparent);color:var(--ink-soft,#766f65);background:color-mix(in srgb, var(--paper,#f3ead8) 72%, transparent);place-items:center;padding:0;display:grid}.template-text-zone-marker{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:5px}.spread-text-zone{z-index:4;color:#f7f1e7;background:#1c1916b3;max-height:24%;padding:8px 9px;position:absolute;bottom:13%;left:9%;right:9%;overflow:hidden}.spread-text-zone h2,.spread-text-zone p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.spread-text-zone h2{font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:12px;font-weight:500;line-height:1.2}.spread-text-zone p{margin-top:4px;font-size:6px;line-height:1.35}.template-slot-label{width:14px;height:14px;color:var(--paper,#f3ead8);background:color-mix(in srgb, var(--ink,#302d29) 82%, transparent);border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:grid;position:absolute;top:3px;left:3px}.template-slot-placeholder{background:color-mix(in srgb, var(--ink-soft,#766f65) 38%, transparent);width:100%;height:100%}.project-zine .photo-slot figcaption{display:none}.demo-project-shell>.project-viewer-header{margin-bottom:8px}@media (width<=700px){.project-library,.project-form-view{width:min(100% - 24px,980px);padding-top:24px}.library-header,.project-card,.project-viewer-header{flex-direction:column;align-items:stretch}.project-grid{grid-template-columns:1fr}.project-card-actions{flex-direction:row}.project-form{padding:24px 18px}.project-viewer-header div{text-align:left}.project-viewer-header .project-viewer-actions,.project-regenerate-confirmation{flex-direction:column;align-items:stretch}.project-editor-workspace{grid-template-columns:1fr;width:100%}.project-page-editor{width:min(100% - 24px,480px);max-height:none;margin:0 auto;position:static}.project-page-thumbnails{padding-bottom:6px;display:flex;overflow-x:auto}.project-page-thumbnail{min-width:142px}.project-page-thumbnail-button{grid-template-columns:20px 88px}.project-page-thumbnail-meta{display:none}.project-photo-inspector{width:min(100% - 24px,480px);max-height:none;margin:0 auto 32px;position:static}.project-inspector-column{width:min(100% - 24px,480px);max-height:none;margin:0 auto 32px;position:static;overflow:visible}.project-inspector-column .project-photo-inspector{width:100%;margin:0}.project-preview-shell{padding:12px 12px 18px}.project-preview-header{grid-template-columns:auto minmax(0,1fr) auto}.project-preview-header div{text-align:right;min-width:0}.project-preview-header p{max-width:100%;font-size:15px}.project-preview-book .flipbook-stage{height:min(72svh,133.333vw - 32px)}.project-preview-controls{gap:10px}.project-export-backdrop{padding:12px}.project-export-panel{padding:18px}.project-export-option{flex-direction:column;align-items:stretch}.project-modal-backdrop{padding:12px}.project-page-create-modal{max-height:calc(100svh - 24px);padding:18px}.project-page-type-options,.project-page-photo-picker,.project-page-split-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=701px) and (width<=1120px){.project-editor-workspace{grid-template-columns:200px minmax(500px,1fr)}.project-inspector-column{grid-column:1/-1;max-height:none;position:static;overflow:visible}.project-inspector-column .project-photo-inspector{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr)}.project-photo-inspector>header,.project-photo-inspector>.project-inspector-empty,.project-photo-swap-confirmation{grid-column:1/-1}}.project-editor-shell{--editor-chrome:#f1f1ee;--editor-panel:#f7f7f4;--editor-canvas:#d1d2cf;--editor-line:#1d1e1c2e;--editor-muted:#6b6d68;--editor-danger:#8b3f35;color:#20211f;background:var(--editor-chrome);grid-template-rows:58px minmax(0,1fr) 46px;width:100%;height:100dvh;min-height:0;font-family:Arial,Helvetica,sans-serif;display:grid;overflow:hidden}.project-editor-shell button,.project-editor-shell input,.project-editor-shell textarea{font-family:inherit}.project-editor-topbar{z-index:30;border-bottom:1px solid var(--editor-line);background:var(--editor-chrome);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:0 16px;display:flex;position:relative}.project-editor-topbar-identity,.project-editor-topbar-actions{align-items:center;min-width:0;display:flex}.project-editor-topbar-identity{flex:1;gap:12px}.project-editor-topbar-actions{gap:7px}.project-editor-topbar button{color:#20211f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;min-width:max-content;padding:8px 10px;font-size:12px}.project-editor-topbar button:hover:not(:disabled){border-color:var(--editor-line);background:#e7e7e3}.project-editor-topbar button:active:not(:disabled){transform:translateY(1px)}.project-editor-topbar button:focus-visible,.project-editor-statusbar button:focus-visible,.project-inspector-tabs button:focus-visible,.project-inspector-section>h2 button:focus-visible,.project-assets-filter button:focus-visible,.project-editor-mobile-panel-header button:focus-visible{outline:2px solid var(--accent,#b78313);outline-offset:2px}.project-editor-topbar button:disabled{opacity:.42;cursor:default}.project-editor-topbar .project-editor-preview-action{border-color:#1d1e1c59}.project-editor-topbar .project-editor-export-action{color:#f7f7f4;background:#20211f;border-color:#20211f}.project-editor-topbar .project-editor-export-action:hover:not(:disabled){border-color:var(--accent,#b78313);background:color-mix(in srgb, var(--accent,#b78313) 72%, #20211f)}.project-editor-topbar-divider{background:var(--editor-line);width:1px;height:20px}.project-editor-topbar h1{text-overflow:ellipsis;white-space:nowrap;max-width:min(34vw,430px);margin:0;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.project-editor-more{position:relative}.project-editor-more-menu{z-index:40;background:#f8f8f5;border:1px solid #1d1e1c47;width:190px;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 34px #18191729}.project-editor-more-menu button{text-align:left;width:100%;padding:10px}.project-editor-more-menu button.is-caution{color:var(--editor-danger)}.project-editor-main{grid-template-columns:clamp(210px,16vw,260px) minmax(0,1fr) clamp(320px,24vw,390px);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.project-editor-left-panel,.project-inspector-column{overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--editor-panel);min-width:0;min-height:0;overflow-y:auto}.project-editor-left-panel{border-right:1px solid var(--editor-line)}.project-inspector-column{border-left:1px solid var(--editor-line);max-height:none;margin:0;display:block;position:relative;top:auto;overflow-x:hidden}.project-editor-shell .project-page-editor{background:0 0;border:0;width:100%;max-height:none;margin:0;padding:15px 12px 22px;position:static;overflow:visible}.project-editor-shell .project-page-editor>header{min-height:38px}.project-editor-shell .project-page-editor header p{color:#20211f;letter-spacing:.04em;font-size:12px;font-weight:700}.project-editor-shell .project-page-editor header span{margin-top:3px;font-size:9px;display:block}.project-editor-shell .project-page-create-button{background:var(--editor-panel);box-shadow:0 8px 12px var(--editor-panel);border-color:#1d1e1c57;margin:0 0 12px;padding:9px 10px;font-size:11px;top:-1px}.project-editor-shell .project-page-thumbnails{gap:6px;margin-top:0}.project-editor-shell .project-page-thumbnail{border:1px solid #0000}.project-editor-shell .project-page-thumbnail.is-selected{border-color:var(--accent,#b78313);box-shadow:inset 3px 0 0 var(--accent,#b78313)}.project-editor-shell .project-page-thumbnail-button{background:0 0;grid-template-columns:22px 76px minmax(0,1fr);gap:7px;padding:6px 7px}.project-editor-shell .project-page-thumbnail:hover .project-page-thumbnail-button,.project-editor-shell .project-page-thumbnail.is-selected .project-page-thumbnail-button,.project-editor-shell .project-page-thumbnail-button:focus-visible{background:#ecece8}.project-editor-shell .project-page-thumbnail-preview{width:70px}.project-editor-shell .project-page-thumbnail-preview--spread{width:76px}.project-editor-shell .project-page-thumbnail-meta strong{font-size:11px}.project-editor-shell .project-page-thumbnail-meta small{font-size:9px}.project-editor-canvas{background:var(--editor-canvas);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.project-editor-book-stage{place-items:center;width:100%;height:100%;min-height:0;padding:20px clamp(18px,3vw,44px);display:grid}.project-editor-book-stage .flipbook-stage{width:100%;height:min(72dvh,600px)}.project-editor-book-stage .page{box-shadow:0 12px 32px #1f201d21}.project-editor-canvas-notices{z-index:4;width:min(100% - 32px,560px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.project-editor-canvas-notices p{border-left:3px solid var(--editor-danger);color:#552923;background:#fff6f2f5;margin:0 0 5px;padding:8px 10px;font-size:11px;line-height:1.4}.project-inspector-tabs{z-index:8;border-bottom:1px solid var(--editor-line);background:var(--editor-panel);grid-template-columns:repeat(2,1fr);height:44px;padding:0 12px;display:grid;position:sticky;top:0}.project-inspector-tabs button,.project-assets-filter button{color:var(--editor-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:11px}.project-inspector-tabs button.is-active,.project-assets-filter button.is-active{border-bottom-color:var(--accent,#b78313);color:#20211f;font-weight:700}.project-editor-shell .project-photo-inspector{background:0 0;border:0;gap:0;width:100%;max-height:none;margin:0;padding:0 12px;display:grid;position:static;overflow:visible}.project-editor-shell .project-inspector-project-settings{padding:0 12px 24px}.project-editor-shell .project-inspector-project-settings[hidden]{display:none}.project-editor-shell .project-inspector-context{border-bottom:1px solid var(--editor-line);letter-spacing:0;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:14px 2px 13px;font-family:Arial,Helvetica,sans-serif;display:grid}.project-editor-shell .project-inspector-context p,.project-editor-shell .project-inspector-context strong,.project-editor-shell .project-inspector-context span{min-width:0;margin:0}.project-editor-shell .project-inspector-context p{color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;grid-row:1/span 2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-editor-shell .project-inspector-context strong,.project-editor-shell .project-inspector-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-editor-shell .project-inspector-context strong{font-size:12px;font-weight:600}.project-editor-shell .project-inspector-context span{color:var(--editor-muted);font-size:10px}.project-inspector-stack{display:grid}.project-inspector-stack[hidden],.project-assets-panel[hidden],.project-photo-inspector>div[hidden],.project-material-section[hidden]{display:none}.project-inspector-section{border-bottom:1px solid var(--editor-line)}.project-inspector-section--layout{order:1}.project-inspector-section--photos{order:2}.project-inspector-section--text{order:3}.project-inspector-section--page{order:4}.project-inspector-section--project{order:5}.project-inspector-section>h2{margin:0}.project-inspector-section>h2 button{color:#20211f;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:43px;padding:9px 2px;display:grid}.project-inspector-section>h2 button:hover{background:#eeeeea}.project-inspector-section>h2 button>span:first-child{font-size:12px;font-weight:700}.project-inspector-section>h2 button small{color:var(--editor-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400;overflow:hidden}.project-inspector-section-marker{color:var(--editor-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.project-inspector-section-content{padding:2px 2px 14px}.project-inspector-section-content[hidden]{display:none}.project-editor-shell .project-template-editor,.project-editor-shell .project-page-text-editor,.project-editor-shell .project-structure-controls{background:0 0;border:0;padding:0}.project-editor-shell .project-template-editor>header{display:none}.project-editor-shell .project-settings-editor{background:0 0;border:0;padding:0}.project-editor-shell .project-settings-editor>header{display:none}.project-editor-shell .project-structure-danger{color:var(--editor-danger);border-color:color-mix(in srgb, var(--editor-danger) 48%, transparent);background:0 0;margin-top:8px}.project-assets-panel{gap:10px;padding-top:10px;display:grid}.project-editor-shell .project-photo-import{border-color:var(--editor-line);box-shadow:none;background:#ecece8;margin-top:10px;padding:9px;position:static}.project-assets-filter{border-bottom:1px solid var(--editor-line);grid-template-columns:repeat(2,1fr);height:38px;display:grid}.project-editor-shell .project-material-library,.project-editor-shell .project-material-section{border:0;padding:0}.project-editor-shell .project-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-editor-shell .project-material-grid>article{border:1px solid var(--editor-line);background:0 0;min-width:0;padding:6px}.project-editor-shell .project-material-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-editor-statusbar{z-index:25;border-top:1px solid var(--editor-line);background:var(--editor-chrome);grid-template-columns:clamp(210px,16vw,260px) minmax(0,1fr) clamp(320px,24vw,390px);align-items:center;min-width:0;padding:0 14px;display:grid;position:relative}.project-editor-page-controls{grid-column:2;justify-content:center;align-items:center;gap:20px;min-width:0;display:flex}.project-editor-statusbar button{color:#20211f;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:11px}.project-editor-statusbar button:disabled{opacity:.32;cursor:default}.project-editor-page-controls>span,.project-editor-save-state{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-editor-save-state{grid-column:3;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.project-editor-save-state strong{min-width:max-content;font-size:9px}.project-editor-save-state span{max-width:240px;color:var(--editor-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-editor-save-state--error strong{color:var(--editor-danger)}.project-editor-save-state--saving strong{color:color-mix(in srgb, var(--accent,#b78313) 74%, #20211f)}.project-editor-mobile-nav,.project-editor-mobile-panel-header,.project-editor-mobile-backdrop{display:none}.project-reset-modal h2,.project-reset-modal p{margin:0}.project-reset-modal{gap:14px;display:grid}.project-reset-modal h2{font-size:18px}.project-reset-modal p{color:#625c54;font-size:12px;line-height:1.55}@media (width<=860px){.project-editor-shell{grid-template-rows:54px minmax(0,1fr) auto}.project-editor-topbar{gap:6px;padding:0 9px}.project-editor-topbar-identity{gap:5px}.project-editor-topbar-divider{display:none}.project-editor-topbar button{padding:7px 6px;font-size:10px}.project-editor-topbar h1{max-width:88px;font-size:11px}.project-editor-topbar-actions{gap:2px}.project-editor-topbar .project-editor-export-action{padding-left:8px;padding-right:8px}.project-editor-more-menu{width:180px}.project-editor-main{grid-template-columns:minmax(0,1fr)}.project-editor-canvas{grid-column:1}.project-editor-book-stage{padding:14px 10px}.project-editor-book-stage .flipbook-stage{height:min(66dvh,133.333vw - 26.6667px)}.project-editor-left-panel,.project-inspector-column{z-index:46;border:0;width:min(90vw,380px);max-height:none;margin:0;transition:transform .18s;position:fixed;top:54px;bottom:82px;box-shadow:18px 0 44px #18191733}.project-editor-left-panel{left:0;transform:translate(-104%)}.project-inspector-column{right:0;transform:translate(104%);box-shadow:-18px 0 44px #18191733}.project-editor-left-panel.is-mobile-open,.project-inspector-column.is-mobile-open{transform:translate(0)}.project-editor-mobile-backdrop{z-index:45;background:#1617156b;border:0;display:block;position:fixed;inset:54px 0 82px}.project-editor-mobile-panel-header{z-index:12;border-bottom:1px solid var(--editor-line);background:var(--editor-panel);justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex;position:sticky;top:0}.project-editor-mobile-panel-header strong{font-size:11px}.project-editor-mobile-panel-header button{background:0 0;border:0;padding:6px;font-size:10px}.project-inspector-tabs{top:42px}.project-editor-shell .project-page-editor{width:100%;max-height:none;margin:0}.project-editor-shell .project-page-thumbnails{padding:0;display:grid;overflow:visible}.project-editor-shell .project-page-thumbnail{min-width:0}.project-editor-shell .project-page-thumbnail-meta{display:grid}.project-editor-statusbar{grid-template-rows:34px 34px;grid-template-columns:1fr auto;gap:2px 8px;min-height:82px;padding:4px 8px 6px}.project-editor-page-controls{grid-area:1/1;justify-content:flex-start;gap:8px}.project-editor-save-state{grid-area:1/2}.project-editor-save-state span{display:none}.project-editor-mobile-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.project-editor-mobile-nav button{border:1px solid var(--editor-line);background:#e8e8e4}.project-editor-mobile-nav button.is-active{border-color:var(--accent,#b78313);box-shadow:inset 0 -2px 0 var(--accent,#b78313)}}@media (width<=390px){.project-editor-topbar h1{max-width:62px}.project-editor-topbar-identity>button span{display:none}.project-editor-left-panel,.project-inspector-column{width:94vw}}@media (prefers-reduced-motion:reduce){.project-editor-left-panel,.project-inspector-column{transition:none}}.project-shelf{--shelf-background:#e8e7e2;--shelf-surface:#f4f3ee;--shelf-ink:#232421;--shelf-muted:#686963;--shelf-line:#23242133;--shelf-accent:#c99716;min-height:100dvh;color:var(--shelf-ink);background:var(--shelf-background);font-family:Arial,Helvetica,sans-serif}.project-shelf button,.project-shelf a{color:inherit;font:inherit}.project-shelf button{cursor:pointer}.project-shelf button:active:not(:disabled){transform:translateY(1px)}.project-shelf button:focus-visible,.project-shelf a:focus-visible{outline:2px solid var(--shelf-accent);outline-offset:3px}.project-shelf-site-header{z-index:10;border-bottom:1px solid var(--shelf-line);background:#e8e7e2f5;height:64px;position:sticky;top:0}.project-shelf-nav{justify-content:space-between;align-items:center;gap:32px;width:min(100% - 56px,1480px);height:100%;margin:0 auto;display:flex}.project-shelf-wordmark,.project-shelf-nav-links button,.project-shelf-nav-links a{white-space:nowrap;background:0 0;border:0;text-decoration:none}.project-shelf-wordmark{letter-spacing:-.035em;padding:5px 0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:17px;font-weight:800}.project-shelf-nav-links{align-items:center;gap:25px;height:100%;font-size:13px;display:flex}.project-shelf-nav-links>button,.project-shelf-nav-links>a{padding:10px 0;position:relative}.project-shelf-nav-links>a[aria-current=page]:after{content:"";background:var(--shelf-accent);height:2px;position:absolute;bottom:2px;left:0;right:0}.project-shelf-nav-links .project-shelf-create-action{color:#f8f7f2;background:var(--shelf-ink);padding:10px 15px}.project-shelf .project-library{width:min(100% - 56px,1480px);min-height:auto;margin:0 auto;padding:0 0 112px}.project-shelf-intro{border-bottom:1px solid var(--shelf-line);align-content:end;min-height:300px;padding:76px 0 52px;display:grid}.project-shelf-intro p,.project-shelf-intro h1{margin:0}.project-shelf-intro .project-shelf-kicker{color:var(--shelf-muted);letter-spacing:.14em;margin-bottom:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-shelf-intro h1{letter-spacing:-.065em;max-width:760px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(48px,6.5vw,92px);font-weight:800;line-height:.92}.project-shelf-intro .project-shelf-local-note{color:var(--shelf-muted);margin-top:23px;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:15px}.project-shelf-operation-status{border-left:2px solid var(--shelf-accent);width:fit-content;color:var(--shelf-muted);background:#f4f3eeb8;padding:7px 10px;font-size:12px;margin-top:16px!important}.project-shelf-section{padding-top:64px;scroll-margin-top:78px}.project-shelf-section-heading{border-bottom:1px solid var(--shelf-line);justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding-bottom:13px;display:flex}.project-shelf-section-heading h2,.project-shelf-section-heading p,.project-shelf-section-heading span{margin:0}.project-shelf-section-heading h2{letter-spacing:-.045em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:700}.project-shelf-section-heading>span,.project-shelf-section-heading p{color:var(--shelf-muted);letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-shelf-section-heading p{margin-bottom:7px}.project-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;display:grid}.project-shelf-card{min-width:0;display:grid;position:relative}.project-shelf-card-open{z-index:1;background:0 0;border:0;padding:0;position:absolute;inset:0}.project-shelf-cover{aspect-ratio:3/4;background:var(--paper,#f3ead8);border:1px solid #2324212e;width:100%;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 13px 24px #36332c1c}.project-shelf-card:hover .project-shelf-cover{transform:translateY(-3px);box-shadow:0 17px 30px #36332c29}.project-shelf-card:has(.project-shelf-card-open:focus-visible) .project-shelf-cover{transform:translateY(-3px);box-shadow:0 17px 30px #36332c29}.project-shelf-cover>.page{border:0;width:100%;height:100%}.project-shelf-cover .cover-copy{font-size:clamp(15px,1.55vw,23px)}.project-shelf-card-copy{gap:8px;min-width:0;padding:15px 36px 0 1px;display:grid}.project-shelf-card-copy>strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;overflow:hidden}.project-shelf-card-copy small{color:var(--shelf-muted);flex-wrap:wrap;gap:5px 0;font-size:11px;line-height:1.35;display:flex}.project-shelf-card-copy small span{align-items:center;display:inline-flex}.project-shelf-card-copy small span+span:before{content:"";background:var(--shelf-line);width:1px;height:10px;margin:0 8px}.project-shelf-card-copy>span{color:var(--shelf-muted);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.project-shelf-card-menu{z-index:3;position:absolute;bottom:0;right:0}.project-shelf-card-menu>button{background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;font-size:18px;display:grid}.project-shelf-card-menu>div{z-index:4;border:1px solid var(--shelf-line);background:var(--shelf-surface);min-width:124px;padding:5px;display:grid;position:absolute;bottom:36px;right:0;box-shadow:0 12px 28px #23242124}.project-shelf-card-menu>div button{text-align:left;background:0 0;border:0;padding:9px 10px}.project-shelf-card-menu>div button:hover,.project-shelf-card-menu>div button:focus-visible{background:#23242112}.project-shelf-card-menu>div .is-danger{color:#87372d}.project-shelf-card-skeleton{gap:10px;display:grid}.project-shelf-card-skeleton span{aspect-ratio:3/4;background:#f4f3eeb8;width:100%;display:block}.project-shelf-card-skeleton i{background:#23242114;width:72%;height:12px;display:block}.project-shelf-card-skeleton i:last-child{width:48%;height:8px}.project-shelf-empty,.project-shelf-error{border:1px solid var(--shelf-line);background:#f4f3ee7a;justify-content:space-between;align-items:center;gap:30px;min-height:190px;padding:28px;display:flex}.project-shelf-empty h3,.project-shelf-empty p,.project-shelf-error strong,.project-shelf-error p{margin:0}.project-shelf-empty h3{letter-spacing:-.035em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:26px}.project-shelf-empty p,.project-shelf-error p{color:var(--shelf-muted);margin-top:7px;font-family:Iowan Old Style,Baskerville,Times New Roman,serif}.project-shelf-empty>div:last-child{gap:10px;display:flex}.project-shelf-empty button,.project-shelf-error button{border:1px solid var(--shelf-ink);white-space:nowrap;background:0 0;padding:10px 14px}.project-shelf-empty button:first-child{color:#f8f7f2;background:var(--shelf-ink)}.project-shelf-error{border-left:3px solid #9b4035;min-height:auto;margin-bottom:26px}.project-shelf-example-section{width:min(100%,1000px);padding-top:96px}.project-shelf-example-open{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1.7fr) minmax(190px,.7fr);align-items:end;gap:28px;width:100%;padding:0;display:grid;position:relative}.project-shelf-example-pages{aspect-ratio:6/4;border:1px solid var(--shelf-line);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 14px 28px #36332c1a}.project-shelf-example-open:hover .project-shelf-example-pages{transform:translateY(-2px);box-shadow:0 18px 34px #36332c26}.project-shelf-example-open:has(.project-shelf-example-hit-area:focus-visible) .project-shelf-example-pages{transform:translateY(-2px);box-shadow:0 18px 34px #36332c26}.project-shelf-example-hit-area{z-index:2;background:0 0;border:0;padding:0;position:absolute;inset:0}.project-shelf-example-page{background:var(--paper);min-width:0;overflow:hidden}.project-shelf-example-page>.page{border:0;width:100%;height:100%}.project-shelf-example-copy{gap:7px;padding-bottom:4px;display:grid}.project-shelf-example-copy strong{letter-spacing:-.035em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:22px}.project-shelf-example-copy small{color:var(--shelf-muted);font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:13px;line-height:1.45}.project-shelf-example-unavailable{aspect-ratio:6/4;border:1px solid var(--shelf-line);color:var(--shelf-muted);place-items:center;display:grid}.project-shelf-delete-modal h2,.project-shelf-delete-modal p{margin-top:0}.project-shelf-delete-modal .project-shelf-modal-kicker{color:#87372d;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.project-shelf-delete-modal .project-shelf-danger-action{color:#fff8f2;background:#87372d}.project-preview-shell{background:color-mix(in srgb, var(--ink,#302d29) 8%, #d7d7d2);grid-template-rows:48px minmax(0,1fr) 46px;height:100dvh;min-height:560px;padding:14px 24px 18px;overflow:hidden}.project-preview-header{border-bottom:1px solid color-mix(in srgb, var(--ink,#302d29) 16%, transparent);width:min(100%,1180px);height:48px}.project-preview-header h1{letter-spacing:-.015em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:min(56vw,560px);margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:600;overflow:hidden}.project-preview-header button{color:color-mix(in srgb, var(--ink,#302d29) 82%, transparent);border-bottom:0;font-family:Arial,Helvetica,sans-serif;font-size:12px}.project-preview-header button:hover:not(:disabled),.project-preview-controls button:hover:not(:disabled){color:var(--ink,#302d29)}.project-preview-book{overflow:hidden}.project-preview-book .flipbook-stage{height:min(72dvh,600px)}.project-preview-controls{width:min(100%,620px);height:46px;color:color-mix(in srgb, var(--ink,#302d29) 74%, transparent);margin-top:0}.project-preview-controls button{border-top:0;font-family:Arial,Helvetica,sans-serif;font-size:12px}.project-preview-controls>span{min-width:88px;color:var(--ink,#302d29);font-size:10px}@media (width>=1600px){.project-shelf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=760px) and (width<=1099px){.project-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=520px) and (width<=759px){.project-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.project-shelf-site-header{height:58px}.project-shelf-nav,.project-shelf .project-library{width:min(100% - 28px,1480px)}.project-shelf-nav{gap:14px}.project-shelf-nav-links{gap:13px;font-size:11px}.project-shelf-nav-links>button:first-child{display:none}.project-shelf-nav-links .project-shelf-create-action{padding:9px 11px}.project-shelf-intro{min-height:240px;padding:54px 0 36px}.project-shelf-intro h1{font-size:clamp(44px,15vw,64px)}.project-shelf-section{padding-top:48px}.project-shelf-grid{gap:30px 14px}.project-shelf-empty,.project-shelf-error{flex-direction:column;align-items:flex-start;padding:22px}.project-shelf-empty>div:last-child{flex-wrap:wrap;width:100%}.project-shelf-example-section{padding-top:76px}.project-shelf-example-open{grid-template-columns:1fr}.project-shelf-example-copy{padding-bottom:0}.project-preview-shell{grid-template-rows:44px minmax(0,1fr) 54px;min-height:480px;padding:8px 10px 10px}.project-preview-header{gap:10px;height:44px}.project-preview-header h1{max-width:42vw;font-size:13px}.project-preview-header button{padding:7px 0;font-size:11px}.project-preview-book .flipbook-stage{height:min(72dvh,133.333vw - 26.6667px)}.project-preview-controls{gap:6px;height:54px}}@media (width<=519px){.project-shelf-grid{grid-template-columns:1fr}.project-shelf-cover{width:min(100%,300px)}.project-shelf-wordmark{font-size:14px}.project-shelf-nav-links>a{display:none}}@media (prefers-reduced-motion:reduce){.project-shelf-cover,.project-shelf-example-pages{transition:none}}.project-draft-actions{color:#573f13;background:#fff6dc;border-top:1px solid #dccb9f;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 20px;font-size:13px;display:flex}.project-draft-actions button{padding:6px 12px}.project-editor-save-state--dirty{color:#765512}.project-editor-shell:has(>.project-draft-actions){grid-template-rows:auto minmax(0,1fr) auto auto}.project-editor-shell .page[data-editor-active=true]{outline-offset:-2px;outline:2px solid #71877b}.project-editor-shell .page[data-selected-photo-slot="0"] [data-photo-slot-index="0"],.project-editor-shell .page[data-selected-photo-slot="1"] [data-photo-slot-index="1"],.project-editor-shell .page[data-selected-photo-slot="2"] [data-photo-slot-index="2"]{outline-offset:-2px;outline:2px solid #567468}.project-editor-shell [data-photo-slot-index]{cursor:pointer}.flipbook-stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.interaction-inspector{padding:16px}.interaction-inspector header h2{letter-spacing:.04em;font-size:13px}.interaction-inspector header p,.interaction-inspector small{color:#777970;overflow-wrap:anywhere;font-size:11px}.interaction-inspector button{cursor:pointer;padding:8px 10px}.interaction-inspector button[aria-pressed=true]{background:#e9ede7;border-color:#567468}.photo-action-row{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.interaction-page-photos,.interaction-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.interaction-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.interaction-assets button,.interaction-page-photos button{min-width:0;padding:3px}.interaction-assets img,.interaction-page-photos img{object-fit:contain;width:100%;height:85px}.interaction-assets span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.interaction-import{gap:8px;margin:14px 0;font-size:12px;display:grid}.interaction-import input{max-width:100%}.interaction-inspector [aria-label=移动目标]{gap:8px;display:grid}.photo-crop-frame{touch-action:none;cursor:grab;background:#eee;width:100%;position:relative;overflow:hidden}.photo-crop-frame img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.photo-crop-editor label{gap:8px;margin-top:14px;display:grid}.photo-crop-editor input{width:100%}.interaction-inspector .project-template-options small{opacity:.6;font-size:9px;font-weight:400}.template-canvas:is([data-template-id=S08],[data-template-id=D06],[data-template-id=T07]) .template-slot{background:0 0}.template-canvas:is([data-template-id=S08],[data-template-id=D06],[data-template-id=T07]) .template-text-zone{color:var(--ink,#383832);text-align:left;padding:0}.template-canvas:is([data-template-id=S08],[data-template-id=D06],[data-template-id=T07]) .template-text-zone .template-page-heading{font:400 calc(3.1cqw * var(--text-scale,1))/1.4 "Zine Serif", "SimSun", serif;letter-spacing:.025em;margin:0}.template-canvas:is([data-template-id=S08],[data-template-id=D06],[data-template-id=T07]) .template-text-zone .template-page-caption{color:#66625a;font:400 calc(1.9cqw * var(--text-scale,1))/1.6 "Zine Sans", "Microsoft YaHei", sans-serif;letter-spacing:.025em;margin-top:1cqw}