@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.00ewlnc1znsu7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.0bnyh_2yo1emg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.0glcd8n2pdab0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.nI_9nG_className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.nI_9nG_variable{--font-display:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._2GhXXq_className{font-family:Inter,Inter Fallback;font-style:normal}._2GhXXq_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.013x9cty0dvbp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.054a9rxhye2rx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.12c_00cnxx2oq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.2r-cuu_7locvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.wRxeBG_className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.wRxeBG_variable{--font-playfair:"Playfair Display", "Playfair Display Fallback"}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e7150917543fc9da-s.0or-mv9rm3-7p.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/71fbf9c08529c2a5-s.1dgp9w781ejf6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e9457141811d41ae-s.0ydhovl1n7s8f.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ac34884600cd8d5d-s.444o2y6he09-k.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/e1ccd2766b08c828-s.1trkgqz3-pw7b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/507a47c1876d4ec2-s.16qc705tx6j2a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8c2eb9ceedecfc8e-s.p.1c4v1kyduoipm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora Fallback;src:local(Times New Roman);ascent-override:87.33%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:115.2%}.hGs1mq_className{font-family:Lora,Lora Fallback;font-style:normal}.hGs1mq_variable{--font-lora:"Lora", "Lora Fallback"}
@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.1c_7chp82d3kz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.2aqrdzrjzn6ap.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.E29KFW_className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.E29KFW_variable{--font-archivo-black:"Archivo Black", "Archivo Black Fallback"}
:root{--bg:#f4f2ee;--surface:#fff;--text:#1f1d1a;--muted:#6f6a63;--border:#e2ddd5;--accent:#b5654a;--shadow:0 1px 2px #0000000f, 0 8px 24px #0000000f}@media (prefers-color-scheme:dark){:root{--bg:#171614;--surface:#211f1c;--text:#ece8e2;--muted:#a39d94;--border:#36322d;--accent:#d98468;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, sans-serif;margin:0;line-height:1.5}main{max-width:1200px;margin:0 auto;padding:32px 16px 64px}h1{font-family:var(--font-display), serif;margin:0 0 4px;font-size:2rem;font-weight:500}h2{margin:40px 0 12px;font-size:1rem;font-weight:600}a{color:var(--accent)}code{font-size:.85em}.muted{color:var(--muted)}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:16px;padding:12px 16px;display:flex}.toggles{border:0;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;display:flex}.toggles legend{float:left;color:var(--muted);margin-right:8px}.toggles label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.grid{gap:20px;display:grid}.grid-pages{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-spreads{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}.stack{gap:28px;display:grid}.card{margin:0}.card svg{width:100%;height:auto;box-shadow:var(--shadow);border-radius:2px;display:block}.card.cover{max-width:420px}.card figcaption{margin-top:8px;font-size:.85rem}.links{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.links li{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}
.small{font-size:.85rem}.center{text-align:center}.brand{font-family:var(--font-display), serif;color:var(--text);font-size:1.25rem;font-weight:500;text-decoration:none;display:inline-block}.btn{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .12s,opacity .12s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface)}.btn-link{min-height:0;color:var(--muted);background:0 0;padding:0;font-weight:400;text-decoration:underline}.btn-large{min-height:52px;padding:0 28px;font-size:1.05rem}.btn:focus-visible,.dropzone:focus-visible,.viewer-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:10px;margin:16px 0 0;padding:10px 14px}.notice-soft{border-color:var(--border);background:var(--surface)}.landing{max-width:960px}.hero{max-width:640px;padding:72px 0 48px}.hero h1{margin-bottom:16px;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.1}.hero p{margin:0 0 28px;font-size:1.1rem}.hero .small{margin-top:14px;font-size:.85rem}.how{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;list-style:none;display:grid}.how li{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:4px;padding:20px;display:grid}.create{max-width:1100px}.stepper{color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin:20px 0 28px;padding:0;font-size:.9rem;list-style:none;display:flex}.stepper li{align-items:center;gap:8px;display:flex}.stepper-dot{border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:inline-grid}.stepper .is-current{color:var(--text);font-weight:600}.stepper .is-current .stepper-dot,.stepper .is-done .stepper-dot{border-color:var(--accent);background:var(--accent);color:#fff}.step-header{margin-bottom:20px}.step-header p{max-width:60ch;margin:0}.step-narrow{max-width:560px}.step-actions{background:linear-gradient(to top, var(--bg) 75%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:14px 0;display:flex;position:sticky;bottom:0}.dropzone{border:2px dashed var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:16px;justify-items:center;gap:6px;padding:48px 16px;transition:border-color .12s,background .12s;display:grid}.dropzone:hover,.dropzone.is-dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.dropzone.is-compact{text-align:left;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px;padding:14px 18px}.dropzone.is-compact small{display:none}.dropzone-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.photo-tile{aspect-ratio:1;background:var(--border);border-radius:8px;position:relative;overflow:hidden}.photo-tile img,.photo-tile-placeholder{object-fit:cover;width:100%;height:100%;display:block}.photo-tile-placeholder{background:linear-gradient(110deg, var(--border) 30%, var(--surface) 50%, var(--border) 70%);background-size:200% 100%;animation:1.4s linear infinite shimmer}.photo-tile.is-error img,.photo-tile.is-error .photo-tile-placeholder{opacity:.35;animation:none}.photo-tile-badge{color:#fff;text-align:center;background:#b42318;border-radius:4px;padding:2px 4px;font-size:.7rem;position:absolute;inset:auto 4px 4px}.photo-tile-remove{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;width:26px;height:26px;font-size:1rem;line-height:1;transition:opacity .12s;position:absolute;top:4px;right:4px}.photo-tile:hover .photo-tile-remove,.photo-tile-remove:focus-visible{opacity:1}@media (hover:none){.photo-tile-remove{opacity:1}}.spinner{border:2px solid #ffffff80;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}.details-form{gap:18px;display:grid}.field{gap:6px;font-weight:600;display:grid}.field input{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-weight:400}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.book-summary{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.theme-field{border:0;gap:6px;margin:0;padding:0;display:grid}.theme-field legend{margin-bottom:6px;padding:0;font-weight:600}.theme-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:8px;display:grid;position:relative}.theme-card:hover{border-color:var(--muted)}.theme-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card input{opacity:0;pointer-events:none;position:absolute}.theme-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-swatch{aspect-ratio:1;border-radius:3px 6px 6px 3px;grid-template-rows:auto auto 1fr;gap:4px;width:100%;padding:10%;display:grid;box-shadow:inset 3px 0 #0000001f,0 1px 3px #0000001f}.theme-swatch-title{font-size:1.4rem;line-height:1}.theme-swatch-bar{border-radius:2px;width:40%;height:3px}.theme-swatch-photo{border-radius:2px}.theme-name{font-size:.85rem;font-weight:500}.theme-picker.is-compact{flex-wrap:wrap;gap:8px;display:flex}.theme-picker.is-compact .theme-card{border-radius:999px;grid-template-columns:28px auto;align-items:center;padding:6px 12px 6px 6px}.theme-picker.is-compact .theme-swatch{border-radius:50%;grid-template-rows:1fr;place-items:center;width:28px;padding:0}.theme-picker.is-compact .theme-swatch-title{font-size:.8rem}.theme-picker.is-compact .theme-swatch-bar,.theme-picker.is-compact .theme-swatch-photo{display:none}.preview-style{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;display:flex}@media (max-width:480px){.theme-picker:not(.is-compact){grid-template-columns:repeat(2,minmax(0,1fr))}}.book-icon{background:var(--accent);border-radius:4px 8px 8px 4px;flex:none;width:36px;height:36px;box-shadow:inset 4px 0 #0000002e}.generating{text-align:center;margin:48px auto}.generating-book{perspective:600px;justify-content:center;margin-bottom:24px;display:flex}.generating-book span{border:1px solid var(--border);background:var(--surface);width:64px;height:80px}.generating-book span:first-child{transform-origin:100%;border-radius:6px 0 0 6px;animation:1.6s ease-in-out infinite flip}.generating-book span:last-child{border-radius:0 6px 6px 0}@keyframes flip{50%{transform:rotateY(-25deg)}}.progress{background:var(--border);border-radius:999px;height:6px;margin-top:20px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .3s;display:block}@media (prefers-reduced-motion:reduce){.generating-book span:first-child,.photo-tile-placeholder,.spinner{animation:none}}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.preview-header p{margin:0}.preview-actions{flex-wrap:wrap;gap:8px;display:flex}.preview-footer{text-align:center;margin-top:24px}.viewer{margin-top:24px}.viewer-stage{touch-action:pan-y;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.viewer-page{margin:0}.viewer-page svg{width:100%;height:auto;box-shadow:var(--shadow);border-radius:2px;display:block}.viewer-page.is-cover svg{border-radius:2px 6px 6px 2px;width:min(100%,480px);margin:0 auto}.viewer-nav{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.6rem;line-height:1}.viewer-nav:disabled{opacity:.3;cursor:default}.viewer-caption{text-align:center;margin:12px 0;font-size:.9rem}.viewer-strip{scroll-snap-type:x proximity;gap:10px;padding:4px 2px 12px;display:flex;position:relative;overflow-x:auto}.viewer-thumb{cursor:pointer;opacity:.75;scroll-snap-align:center;background:0 0;border:2px solid #0000;border-radius:4px;flex:none;width:132px;padding:0}.viewer-thumb.is-cover{width:66px}.viewer-thumb.is-active{border-color:var(--accent);opacity:1}.viewer-thumb svg{width:100%;height:auto;display:block}@media (max-width:640px){.viewer-stage{grid-template-columns:1fr}.viewer-nav{display:none}.viewer-thumb{width:96px}.viewer-thumb.is-cover{width:48px}}.debug{border:1px dashed var(--border);border-radius:12px;margin-top:40px;padding:16px;font-size:.85rem}.debug table{border-collapse:collapse;width:100%}.debug td{border-top:1px solid var(--border);vertical-align:middle;padding:4px 8px}.debug details{margin-top:12px}.debug summary{cursor:pointer;font-weight:600}.debug-thumbs{align-items:center;gap:4px;display:inline-flex}.debug-thumbs img{object-fit:cover;border-radius:4px;width:40px;height:40px}.debug-dropped{gap:6px;padding:0;list-style:none;display:grid}.debug-dropped li{align-items:center;gap:12px;display:flex}.btn-small{min-height:36px;padding:0 14px;font-size:.9rem}.btn.is-active{border-color:var(--accent);color:var(--accent)}.book3d{width:var(--w);height:var(--h);perspective:1400px}.book3d-body{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(var(--ry));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.book3d-face{backface-visibility:hidden;position:absolute;overflow:hidden}.book3d-face svg{width:100%;height:100%;display:block}.book3d-face.is-front,.book3d-face.is-back{border-radius:1px 4px 4px 1px;inset:0;box-shadow:inset 4px 0 6px -3px #00000040}.book3d-face.is-front{transform:translateZ(calc(var(--d) / 2))}.book3d-face.is-back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));border-radius:4px 1px 1px 4px;box-shadow:inset -4px 0 6px -3px #00000040}.book3d-face.is-spine{top:0;left:calc((var(--w) - var(--d)) / 2);width:var(--d);height:var(--h);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));box-shadow:inset 0 0 6px #0000002e}.book3d-face.is-fore-edge{top:3px;left:calc((var(--w) - var(--d)) / 2 + 1px);width:calc(var(--d) - 2px);height:calc(var(--h) - 6px);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 3px));background:repeating-linear-gradient(90deg,#f3efe7 0 1px,#ddd6ca 1px 2px)}.book3d-face.is-top,.book3d-face.is-bottom{left:0;top:calc((var(--h) - var(--d)) / 2 + 1px);width:calc(var(--w) - 3px);height:calc(var(--d) - 2px);background:repeating-linear-gradient(0deg,#f3efe7 0 1px,#ddd6ca 1px 2px)}.book3d-face.is-top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 3px))}.book3d-face.is-bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 - 3px))}@media (prefers-reduced-motion:reduce){.book3d-body{transition:none}}.book-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin:24px 0;padding:20px;display:grid}.book-panel-title{font-family:var(--font-display), serif;margin:0;font-size:1.3rem;font-weight:500}.book-panel-meta{margin:2px 0 0}.book-panel-side{justify-items:start;gap:12px;display:grid}.book-viewer{justify-items:center;gap:12px;display:grid}.book-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:320px;display:grid}.book-stage.is-dragging{cursor:grabbing}.book-stage.is-dragging .book3d-body{transition:none}.book-views{gap:8px;display:flex}.cover-wrap{width:100%;height:auto;box-shadow:var(--shadow);border-radius:6px}.shelf{border-bottom:10px solid var(--border);border-radius:0 0 4px 4px;align-items:flex-end;gap:4px;margin-top:20px;padding:20px 16px 0;display:flex;overflow-x:auto}.shelf-book{width:104px;color:inherit;font:inherit;cursor:pointer;opacity:.75;background:0 0;border:0;flex:none;justify-items:center;gap:8px;padding:0 0 10px;transition:opacity .2s,transform .2s;display:grid}.shelf-book:hover,.shelf-book.is-selected{opacity:1}.shelf-book.is-selected{transform:translateY(-8px)}.shelf-book:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shelf-label{text-align:center;font-size:.8rem;line-height:1.25}.shelf-book.is-selected .shelf-label{font-weight:600}@media (max-width:720px){.book-panel{grid-template-columns:1fr}}.spine-closeup{width:100%;margin:0}.spine-closeup svg{width:100%;height:auto;box-shadow:var(--shadow);border-radius:2px;display:block}.spine-closeup figcaption{text-align:center;margin-top:6px}.download-pdf{border-bottom:1px solid var(--border);gap:10px;width:100%;padding-bottom:12px;display:grid}.download-pdf p{margin:0}.download-pdf-actions{flex-wrap:wrap;gap:8px;display:flex}.download-pdf-progress{gap:6px;display:grid}.download-pdf-progress .progress{margin-top:0}.btn-link-inline{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.btn-link-inline:disabled{opacity:.5;cursor:default}