:root{--bg:#f7f6f5;--bg-2:#eceae8;--surface:#fff;--surface-2:#fbfaf9;--ink:#37343a;--ink-2:#615d64;--muted:#857f87;--line:#ddd9d7;--line-2:#cbc6c3;--plate:#5d595f;--cta:#5d595f;--cta-hover:#4b474d;--sky:#bcd3e4;--sky-2:#eaf5fa;--blush:#f6d2df;--blush-2:#faedf2;--mist:#d8dce0;--kraft:#cba57e;--kraft-ink:#2f2419;--focus:#1f6fb5;--error:#b3261e;--wa:#189e4b;--wa-btn:#0f7a3b;--radius:8px;--radius-lg:12px;--shadow-card:0 1px 2px #37343a0a, 0 12px 28px -18px #32282d61;--font-display:"Amatic SC", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.005em;margin:0;font-weight:700;line-height:.95}p{margin:0}::selection{background:#bcd3e48c}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{border:2px solid var(--cta);border-radius:var(--radius);background:var(--cta);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--cta-hover);border-color:var(--cta-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--cta);border-color:var(--cta);color:#fff}.btn.ghost{border-color:var(--ink);color:var(--ink);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.paper{color:var(--kraft-ink);background:#fff;border-color:#fff}.btn.paper:hover:not(:disabled){background:var(--kraft-ink);border-color:var(--kraft-ink);color:#fff}.btn.wa{background:var(--wa-btn);border-color:var(--wa-btn);color:#fff}.btn.wa:hover:not(:disabled){background:var(--wa-btn);filter:brightness(1.08)}.btn.danger{color:var(--error);background:0 0;border-color:#0000}.btn.danger:hover:not(:disabled){background:#b3261e14;border-color:#b3261e4d}.btn.small{min-height:36px;padding:0 13px;font-size:13px}.btn.large{min-height:54px;padding:0 26px;font-size:17px}.icon-btn{width:40px;height:40px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--bg-2);color:var(--ink)}.icon-btn.light{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.icon-btn.light:hover{background:#ffffff38}.shell{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.header{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header:after{content:"";background:linear-gradient(90deg, var(--sky) 0 48%, var(--blush) 52% 100%);opacity:.9;height:4px;position:absolute;bottom:-4px;left:0;right:0}.header-in{align-items:center;gap:18px;min-height:78px;display:flex;position:relative}.brand{color:var(--ink);flex:0 auto;align-items:center;gap:11px;min-width:0;min-height:44px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #32282d24);border-radius:50%;flex:none;width:52px;height:52px;display:block}.brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-text b{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1}.brand-text small{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:10.5px;overflow:hidden}.nav{gap:2px;margin-left:auto;display:flex}.nav a,.nav button{border-radius:var(--radius);color:var(--ink);white-space:nowrap;background:0 0;border:0;padding:10px 14px;font-size:15px;font-weight:800;text-decoration:none}.nav a:hover,.nav button:hover{background:var(--bg-2)}.nav .nav-cta{background:var(--cta);color:#fff;margin-left:4px}.nav .nav-cta:hover{background:var(--cta-hover)}.hero-simple{border-bottom:1px solid var(--line);padding:56px 0 40px}.hero-simple .wrap{flex-direction:column;gap:12px;display:flex}.hero-simple h1{font-size:clamp(2.8rem,6vw,4.6rem);line-height:.95}.hero-simple p{color:var(--ink-2);max-width:520px}.hero-simple .btn{align-self:flex-start;margin-top:8px}.hero-leaf{flex-direction:column;flex:1;gap:9px;padding:16px;display:flex;overflow:hidden}.hero-leaf-left{border-radius:4px 0 0 4px;justify-content:flex-end;box-shadow:inset -22px 0 30px -28px #00000080}.hero-leaf-right{border-radius:0 4px 4px 0;grid-template-rows:1.5fr 1fr;grid-template-columns:1fr 1fr;gap:9px;display:grid;box-shadow:inset 22px 0 30px -28px #00000080}.hero-photo{background:linear-gradient(150deg, var(--sky-2), var(--sky) 60%, #8fb0c9);border-radius:2px;flex:1;width:100%;display:block}.hero-photo.tall{background:linear-gradient(160deg, var(--blush-2), var(--blush) 55%, #dda7bd);grid-row:span 2;height:100%}.hero-photo.small{background:linear-gradient(150deg, #f4f1ee, var(--mist) 60%, #b3b8be);height:100%}.hero-photo.small:last-child{background:linear-gradient(150deg, #fbf3ec, var(--kraft) 60%, #b8916c)}.hero-line{background:var(--bg-2);border-radius:3px;width:92%;height:9px;display:block}.hero-line.short{width:58%}.section{padding:40px 0 56px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-head h2{font-size:clamp(2.2rem,4vw,3rem)}.section-head p{color:var(--ink-2);max-width:40em;margin-top:4px}.section-head .count{color:var(--ink-2);white-space:nowrap;font-size:13.5px;font-weight:800}.album-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:28px 22px;display:grid}.album-card{cursor:pointer;min-width:0}.album-cover{aspect-ratio:3/4;box-shadow:var(--shadow-card);border-radius:6px;place-items:center;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.album-card:hover .album-cover{transform:translateY(-3px);box-shadow:0 1px 2px #37343a0f,0 26px 44px -24px #32282d80}.album-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.album-card:hover .album-cover img{transform:scale(1.03)}.album-cover-title{text-align:center;font-family:var(--font-display);overflow-wrap:anywhere;padding:20px;font-size:30px;line-height:1}.album-card-actions{opacity:0;gap:6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(4px)}.album-card:hover .album-card-actions,.album-card:focus-within .album-card-actions{opacity:1;transform:none}.card-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#37343aad;border:0;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .16s;display:grid}.card-btn:hover{background:#37343ae6}.card-btn svg{width:15px;height:15px}.album-meta{padding:11px 2px 0}.album-meta h3{font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;font-weight:800;overflow:hidden}.album-meta p{color:var(--muted);margin-top:3px;font-size:12.5px}.album-meta .dot{margin:0 6px}.album-add{aspect-ratio:3/4;border:2px dashed var(--line-2);color:var(--ink-2);background:#ffffff80;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13.5px;font-weight:800;transition:border-color .16s,color .16s,background .16s;display:flex}.album-add:hover{border-color:var(--plate);color:var(--ink);background:var(--sky-2)}.album-add span{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.empty-card{border:2px dashed var(--line-2);border-radius:var(--radius-lg);width:100%;color:var(--ink-2);text-align:center;background:#ffffff8c;flex-direction:column;align-items:center;gap:8px;padding:54px 24px;font-size:14px;display:flex}.empty-card strong{font-family:var(--font-display);color:var(--ink);font-size:34px;font-weight:700}.empty-card .empty-plus{border:1px solid var(--line);width:50px;height:50px;color:var(--plate);background:#fff;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.strip{background:var(--kraft);color:var(--kraft-ink);margin-top:58px;padding:52px 0 56px}.strip-in{border:2.5px dashed #ffffffd9;border-radius:10px;grid-template-columns:1.3fr 1fr;align-items:center;gap:22px 40px;padding:clamp(24px,4vw,46px);display:grid}.strip h2{font-size:clamp(2.4rem,4.6vw,3.4rem)}.strip p{max-width:34em;margin-top:10px;font-size:17px}.strip-actions{flex-direction:column;justify-self:start;gap:10px;display:flex}.strip small{opacity:.85;font-size:13px}.facts{grid-template-columns:repeat(3,1fr);gap:34px;padding:58px 0 30px;display:grid}.facts>div{border-top:3px solid var(--ink);padding-top:16px}.facts h3{font-size:36px}.facts p{color:var(--ink-2);max-width:26em;margin-top:6px}.foot{color:#f1eef0;background:#4b474d;margin-top:auto;padding:52px 0 30px}.foot-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;display:grid}.foot img{border-radius:50%;width:104px;height:104px}.foot h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}.foot p{opacity:.9;max-width:30em;margin-top:8px;font-size:15px}.foot ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.foot a{color:inherit;border-bottom:2px solid;font-weight:800;text-decoration:none}.foot-fine{opacity:.75;border-top:1px solid #ffffff2e;margin-top:30px;padding-top:18px;font-size:13px}.page{background:#fff;min-width:0;position:relative;overflow:hidden;container-type:inline-size}.page-inner{position:absolute;inset:0}.slot{background:#f2efec;border-radius:1px;position:absolute;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%;display:block}.slot.is-empty{box-shadow:inset 0 0 0 1px var(--line-2);background:#f7f5f2;place-items:center;display:grid}.slot-empty{color:#a49da7;background:#fff;border-radius:50%;place-items:center;width:9cqw;min-width:22px;height:9cqw;min-height:22px;display:grid;box-shadow:0 1px 3px #0000001f}.slot-empty svg{width:45%;height:45%}.is-editable .slot{cursor:pointer}.is-editable .slot.is-empty:hover{background:var(--sky-2);box-shadow:inset 0 0 0 2px #5d595f80}.slot.is-drop{box-shadow:inset 0 0 0 3px var(--plate)}.slot.is-selected{box-shadow:inset 0 0 0 2.5px var(--plate);z-index:2}.slot-remove{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#37343aa8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;transition:opacity .15s,background .15s;display:grid;position:absolute;top:6px;right:6px}.slot-remove svg{stroke-width:2.2px;width:12px;height:12px}.slot:hover .slot-remove,.slot.is-selected .slot-remove{opacity:1}.slot-remove:hover{background:var(--error)}.page-caption{color:#fff;font-family:var(--font-display);text-align:center;text-wrap:balance;background:linear-gradient(#0000,#28242857 40%,#282428bd);padding:7cqw 5cqw 3.4cqw;font-size:4.6cqw;line-height:1.05;position:absolute;bottom:0;left:0;right:0}.page-number{color:#b3aca2;z-index:1;font-size:1.9cqw;position:absolute;bottom:1.1cqw;right:2cqw}.page-blank{background:#f6f3ee;border-radius:1px;flex:1;place-items:center;height:100%;display:grid}.page-blank button{border:2px dashed var(--line-2);color:var(--ink-2);background:#ffffffa6;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 22px;font-size:12.5px;font-weight:800;display:flex}.page-blank button:hover{color:var(--ink);border-color:var(--plate)}.page-void{background:0 0}.cover-page{color:#fff;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.cover-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-scrim{background:linear-gradient(#2824282e 0%,#2824280d 38%,#28242870 66%,#282428d6 100%);position:absolute;inset:0}.cover-ornament{background:linear-gradient(90deg, var(--sky) 0 50%, var(--blush) 50% 100%);opacity:.95;border-radius:999px;width:22cqw;height:6cqw;position:absolute;top:9cqw;left:50%;transform:translate(-50%)}.cover-text{padding:8cqw 7cqw 9cqw;position:relative}.cover-text h2{overflow-wrap:anywhere;text-shadow:0 3px 24px #0006;text-wrap:balance;margin-bottom:2cqw;font-size:13cqw;line-height:.92}.cover-text p{font-family:var(--font-body);opacity:.9;font-size:3.2cqw;line-height:1.4}.cover-hint{text-align:center;opacity:.8;font-size:3cqw;position:absolute;bottom:50%;left:0;right:0}.cover-page.is-editable{cursor:pointer}.back-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;height:100%;padding:8cqw;display:flex;position:relative}.back-cover span{font-family:var(--font-display);font-size:7cqw;line-height:1}.back-cover small{letter-spacing:.16em;text-transform:uppercase;opacity:.65;font-size:2.1cqw}.editor{background:var(--bg-2);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffdb;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 16px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.title-input{border-radius:var(--radius);width:min(34vw,320px);min-width:0;font-family:var(--font-display);background:0 0;border:1px solid #0000;padding:8px 10px;font-size:24px;font-weight:700}.title-input:hover{border-color:var(--line)}.title-input:focus{border-color:var(--line-2);background:#fff;outline:none}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding-left:4px;font-size:12px;display:inline-flex}.save-state i{background:#35a06f;border-radius:50%;width:7px;height:7px}.save-state.saving i{background:#d39b3a;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.editor-body{flex:1;grid-template-columns:minmax(0,1fr) 358px;min-height:0;display:grid}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:18px 26px 10px;display:flex;position:relative;overflow:auto}.stage-head{width:min(100%,980px);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.stage-head i{opacity:.6;margin:0 8px;font-style:normal}.stage-layout{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:800}.spread{aspect-ratio:420/297;filter:drop-shadow(0 18px 26px #32282d3d);border-radius:4px;flex:none;width:min(100%,1000px,141.4dvh - 466.62px);display:flex;position:relative}.spread .page{flex:1;width:50%;height:100%}.spread .page-left{border-radius:3px 0 0 3px;box-shadow:inset -20px 0 28px -26px #0000008c}.spread .page-right{border-radius:0 3px 3px 0;box-shadow:inset 20px 0 28px -26px #0000008c}.spread .page-blank{flex:none;width:50%}.spread-cover{aspect-ratio:210/297;width:min(100%,430px,70.7dvh - 233.31px)}.spread-cover .cover-page{border-radius:4px}.spine{pointer-events:none;opacity:.85;background:linear-gradient(90deg,#0000 0%,#0000001a 42%,#00000038 50%,#0000001a 58%,#0000 100%);width:34px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.stage-foot{align-items:center;gap:18px;width:min(100%,1000px);display:flex}.stage-foot label{color:var(--ink-2);white-space:nowrap;flex:1;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:800;display:flex}.stage-foot input{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;flex:1;min-width:0;height:38px;padding:0 12px;font-size:13px}.stage-foot input:focus{border-color:var(--plate);box-shadow:0 0 0 3px var(--sky-2);outline:none}.stage-foot .hint{color:var(--muted);white-space:nowrap;font-size:11.5px}.stage-empty{border:2px dashed var(--line-2);border-radius:var(--radius-lg);width:min(100%,560px);color:var(--ink-2);background:#ffffff8c;flex-direction:column;align-items:center;gap:6px;padding:64px 24px;font-size:14px;display:flex}.stage-empty strong{font-family:var(--font-display);color:var(--ink);font-size:30px}.drop-overlay{border:3px dashed var(--plate);color:var(--ink);pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#bcd3e459;border-radius:18px;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:14px}.rail{scrollbar-width:thin;flex:none;align-items:flex-end;gap:14px;padding:10px 22px 16px;display:flex;overflow:auto hidden}.rail-item{background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:7px;padding:0;display:flex;position:relative}.rail-item[draggable=true]{cursor:grab}.rail-item[draggable=true]:active{cursor:grabbing}.rail-item.is-dragging{opacity:.45}.rail-item.is-drop-before:before,.rail-item.is-drop-after:after{content:"";background:var(--plate);z-index:3;pointer-events:none;border-radius:2px;width:3px;position:absolute;top:0;bottom:22px}.rail-item.is-drop-before:before{left:-8px}.rail-item.is-drop-after:after{right:-8px}.rail-pages{aspect-ratio:420/297;outline-offset:2px;pointer-events:none;background:#fff;border-radius:4px;outline:3px solid #0000;width:128px;transition:outline-color .15s,transform .15s;display:flex;overflow:hidden;box-shadow:0 1px 3px #37343a29,0 10px 18px -14px #32282d80}.rail-pages.single{aspect-ratio:210/297;width:64px}.rail-item:hover .rail-pages{outline-color:var(--line-2)}.rail-item.is-active .rail-pages{outline-color:var(--plate);transform:translateY(-2px)}.rail-item span{color:var(--muted);font-size:11px}.rail-item.is-active span{color:var(--ink);font-weight:800}.rail-item .rail-pages .page{flex:1;width:50%;height:100%}.rail-item .rail-pages.single .page{width:100%}.panel{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);flex:none;gap:4px;padding:10px;display:flex}.tabs button{border-radius:var(--radius);color:var(--muted);background:0 0;border:0;flex:1;padding:9px;font-size:13px;font-weight:800;transition:background .15s,color .15s}.tabs button:hover{color:var(--ink)}.tabs button.is-active{background:var(--bg-2);color:var(--ink)}.panel-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.panel-section{flex-direction:column;gap:14px;display:flex}.panel-note{color:var(--muted);font-size:12.5px;line-height:1.5}.panel-group{border-top:1px solid var(--line);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 -2px;padding-top:14px;font-size:10.5px;font-weight:800}.panel-group:first-of-type{border-top:0;margin-top:0;padding-top:0}.reset-cover{width:100%;margin-top:2px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:460px;display:grid}.preset{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:5px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.preset:hover{border-color:var(--line-2);transform:translateY(-1px)}.preset.is-active{border-color:var(--plate);box-shadow:0 0 0 3px #5d595f1f}.preset-preview{aspect-ratio:210/297;border-radius:4px;flex-direction:column;justify-content:flex-end;gap:3px;width:min(100%,72px);margin:0 auto;padding:8px 7px;display:flex;position:relative;overflow:hidden}.preset-preview:after{content:"";background:linear-gradient(#0000 35%,#28252b8c);position:absolute;inset:0}.preset-preview i{z-index:1;background:#fff;border-radius:2px;height:3px;display:block;position:relative}.preset-preview i:first-child{width:72%;height:5px}.preset-preview i:last-child{opacity:.7;width:48%}.preset-clasica{background:linear-gradient(155deg, var(--kraft) 0%, var(--plate) 100%)}.preset-editorial{background:linear-gradient(155deg, var(--sky) 0%, var(--plate) 82%);align-items:center}.preset-editorial i:first-child{width:64%;height:6px}.preset-editorial i:last-child{width:40%}.preset-suave{background:linear-gradient(155deg, var(--mist) 0%, var(--kraft) 100%);align-items:center}.preset-suave i:first-child{width:52%;height:4px}.preset-suave i:last-child{width:36%}.preset-label{text-align:center;color:var(--ink-2);font-size:11px;font-weight:800;line-height:1.2}.preset.is-active .preset-label{color:var(--ink)}.layout-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.layout-card{border:2px solid var(--line);border-radius:var(--radius);text-align:left;background:#fff;flex-direction:column;gap:8px;padding:8px;transition:border-color .15s,background .15s;display:flex}.layout-card:hover:not(:disabled){border-color:var(--line-2);background:var(--surface-2)}.layout-card.is-active{border-color:var(--plate);background:var(--sky-2)}.layout-card:disabled{opacity:.45;cursor:default}.layout-mini{aspect-ratio:210/297;border:1px solid var(--line);background:#f7f5f2;border-radius:4px;width:100%;display:block;position:relative;overflow:hidden}.layout-mini i{background:#ddd6ca;border-radius:2px;position:absolute}.layout-card.is-active .layout-mini i{background:#5d595f66}.layout-label{color:var(--ink-2);font-size:11px;font-weight:700;line-height:1.3}.danger-zone{border-top:1px solid var(--line);margin-top:8px;padding-top:14px}.danger-zone .btn{width:100%}.upload-zone{border:2px dashed var(--line-2);border-radius:var(--radius);background:var(--surface-2);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;font-size:12px;transition:border-color .15s,background .15s,color .15s;display:flex}.upload-zone svg{width:24px;height:24px;color:var(--plate);margin-bottom:4px}.upload-zone strong{color:var(--ink);font-size:14.5px;font-weight:800}.upload-zone:hover{border-color:var(--plate);background:var(--sky-2)}.photo-head{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.badge{background:var(--blush);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.photo-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.photo-item{aspect-ratio:1;background:var(--bg-2);cursor:pointer;outline-offset:-3px;border-radius:4px;outline:3px solid #0000;transition:outline-color .15s,transform .15s;position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-item:hover{transform:translateY(-1px)}.photo-item.is-used{outline-color:var(--plate)}.photo-item.is-cover{outline-color:var(--kraft)}.photo-flag{background:var(--bg);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:4px;left:4px}.photo-item.is-cover .photo-flag{background:var(--kraft);color:var(--kraft-ink)}.photo-delete{color:#fff;opacity:0;background:#37343aad;border:0;border-radius:50%;place-items:center;width:21px;height:21px;transition:opacity .15s;display:grid;position:absolute;top:3px;right:3px}.photo-delete svg{stroke-width:2.4px;width:10px;height:10px}.photo-item:hover .photo-delete{opacity:1}.photo-delete:hover{background:var(--error)}.photo-grip{z-index:2;color:#fff;cursor:grab;opacity:0;background:#37343aad;border-radius:50%;place-items:center;width:21px;height:21px;transition:opacity .15s,background .15s;display:grid;position:absolute;bottom:3px;left:3px}.photo-grip:active{cursor:grabbing}.photo-grip svg{stroke-width:2.5px;width:12px;height:12px}.photo-grip:hover{background:var(--plate)}.photo-item:hover .photo-grip{opacity:1}.photo-item.is-dragging{opacity:.45}.photo-item.is-drop-target{outline-color:var(--sky);transform:translateY(-1px)}.photo-hint{margin-top:-2px}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:var(--ink-2);font-size:12px;font-weight:800}.field input:not([type=color]):not([type=range]){border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:40px;padding:0 12px;font-size:14px}.field input:not([type=color]):not([type=range]):focus{border-color:var(--plate);box-shadow:0 0 0 3px var(--sky-2);background:#fff;outline:none}.field-hint{color:var(--muted);font-size:11.5px;line-height:1.4}.range-field.is-disabled{opacity:.5}.range-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.range-head b{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--plate);font-size:12px}.range-field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;padding:0}.range-field input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:4px}.range-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--plate);border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #32282d59}.range-field input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:4px}.range-field input[type=range]::-moz-range-thumb{background:var(--plate);border:2px solid #fff;border-radius:50%;width:16px;height:16px}.range-field input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.segmented{border-radius:var(--radius);background:var(--bg-2);gap:4px;padding:3px;display:flex}.segmented button{color:var(--ink-2);background:0 0;border:0;border-radius:6px;flex:1;padding:8px 4px;font-size:12px;font-weight:800;transition:background .15s,color .15s}.segmented button:hover{color:var(--ink)}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #32282d29}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches button{border:0;border-radius:50%;width:30px;height:30px;transition:transform .15s;box-shadow:inset 0 0 0 1px #0000001a}.swatches button:hover{transform:scale(1.08)}.swatches button.is-active{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--plate)}.swatches input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:32px;height:32px;padding:0}.swatches input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.swatches input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.cover-setting{align-items:center;gap:12px;display:flex}.cover-thumb{aspect-ratio:210/297;border-radius:4px;place-items:center;width:64px;display:grid;overflow:hidden}.cover-thumb small{color:#fff;font-size:10px;font-weight:800}.cover-thumb img{object-fit:cover;width:100%;height:100%}.cover-controls{flex-wrap:wrap;gap:6px;display:flex}.album-stats{border-top:1px solid var(--line);color:var(--muted);gap:16px;padding-top:12px;font-size:12px;font-weight:700;display:flex}.dedication{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dedication button{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink-2);background:#fff;padding:9px 10px;font-size:12px;font-weight:800;transition:border-color .15s,background .15s}.dedication button:hover{border-color:var(--plate);background:var(--sky-2)}.toast{border-radius:var(--radius);color:#fff;z-index:100;text-align:center;background:#37343af5;max-width:calc(100vw - 40px);padding:11px 20px;font-size:13px;font-weight:700;animation:.22s toast-in;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -12px #0000008c}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.update-prompt{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:110;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);align-items:center;gap:18px;width:max-content;max-width:min(560px,100vw - 32px);padding:13px 14px 13px 18px;animation:.22s toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px -18px #231e2480}.update-copy{min-width:0}.update-copy strong{font-size:14px;line-height:1.25;display:block}.update-copy span{color:var(--ink-2);margin-top:2px;font-size:12px;line-height:1.35;display:block}.update-actions{flex:none;gap:8px;display:flex}@media (width<=600px){.update-prompt{flex-direction:column;align-items:stretch;gap:10px;width:calc(100vw - 32px);padding:14px}.update-actions{justify-content:flex-end}}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#211e2494;place-items:center;padding:24px;animation:.16s both modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}}.pdf-modal{border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;width:min(940px,100%);height:min(88dvh,900px);display:flex;overflow:hidden;box-shadow:0 34px 90px -34px #14121899}.pdf-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 18px 12px;display:flex}.pdf-modal-title{min-width:0}.pdf-modal h2{font-size:32px}.pdf-modal-title p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:4px;font-size:11.5px;font-weight:700;overflow:hidden}.pdf-modal-title p i{color:var(--line-2);font-style:normal}.pdf-frame{background:var(--bg-2);flex:1;min-height:0;position:relative}.pdf-frame iframe{border:0;width:100%;height:100%;display:block}.pdf-loading{height:100%;color:var(--muted);place-items:center;font-size:13px;font-weight:700;display:grid}.pdf-modal footer{border-top:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:14px;padding:11px 18px;display:flex}.pdf-modal footer .hint{color:var(--muted);font-size:11.5px;line-height:1.4}.pdf-actions{flex:none;align-items:center;gap:7px;display:flex}.pdf-actions .btn{text-decoration:none}.editor-loading,.viewer-loading{min-height:100dvh;color:var(--ink-2);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.editor-loading h2,.viewer-loading h2{font-size:38px}.viewer{color:#fff;background:radial-gradient(120% 90% at 50% -10%,#4a4650 0%,#2b282e 52%,#171519 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.viewer-bar{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.viewer-title{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.viewer-title strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;max-width:48vw;font-size:28px;font-weight:700;overflow:hidden}.viewer-title span{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;max-width:48vw;font-size:12px;overflow:hidden}.viewer-actions{align-items:center;gap:7px;display:flex}.btn.light{color:#fff;background:#ffffff29;border-color:#fff3}.btn.light:hover:not(:disabled){background:#ffffff42;border-color:#ffffff4d}.btn.ghost.light{background:0 0;border-color:#ffffff80}.btn.ghost.light:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#fff}.viewer-stage{touch-action:pan-y;flex:1;justify-content:center;align-items:center;gap:clamp(2px,2vw,26px);min-height:0;padding:0 clamp(6px,2.5vw,32px);display:flex}.nav-zone{color:#fff;z-index:6;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background .16s;display:grid}.nav-zone:hover{background:#ffffff38}.nav-zone svg{width:20px;height:20px}.book{aspect-ratio:420/297;perspective:2800px;filter:drop-shadow(0 42px 46px #0000008c);flex:none;width:min(90vw,1180px,141.4dvh - 296.94px);display:flex;position:relative}.book-side{background:#fff;width:50%;height:100%;position:relative}.book-side.is-empty{background:0 0}.book-side .page{aspect-ratio:auto;border-radius:2px;width:100%;height:100%}.book-left .page{border-radius:3px 0 0 3px;box-shadow:inset -24px 0 34px -30px #0009}.book-right .page{border-radius:0 3px 3px 0;box-shadow:inset 24px 0 34px -30px #0009}.book-spine{mix-blend-mode:multiply;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#00000024 42%,#00000047 50%,#00000024 58%,#0000 100%);width:30px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.flip-layer{z-index:5;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .72s cubic-bezier(.32,.06,.18,1);position:absolute;top:0}.flip-next{transform-origin:0;left:50%;transform:rotateY(0)}.flip-next.is-active{transform:rotateY(-180deg)}.flip-prev{transform-origin:100%;left:0;transform:rotateY(0)}.flip-prev.is-active{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;background:#fff;position:absolute;inset:0;overflow:hidden}.flip-face .page{aspect-ratio:auto;width:100%;height:100%}.flip-front{box-shadow:inset 0 0 40px #0000000f}.flip-back{transform:rotateY(180deg)}.flip-layer:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#00000038,#0000 30% 70%,#00000014);transition:opacity .4s;position:absolute;inset:0}.flip-layer.is-active:after{opacity:1}.viewer-foot{color:#ffffff8c;flex:none;justify-content:center;align-items:center;gap:16px;padding:12px 22px 20px;font-size:12px;display:flex;position:relative}.page-dots{align-items:center;gap:5px;display:flex}.page-dots button{background:#ffffff42;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .2s,background .2s}.page-dots button.is-active{background:#ffffffe6;width:20px}.page-count{font-variant-numeric:tabular-nums;text-align:center;min-width:44px;font-weight:700}.viewer-hint{color:#ffffff5c;font-size:11px;position:absolute;bottom:20px;right:22px}.chip{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.chip:hover{border-color:var(--plate)}.chip.is-active{background:var(--plate);border-color:var(--plate);color:#fff}@media (width<=1180px){.editor-body{grid-template-columns:minmax(0,1fr) 326px}}@media (width<=980px){.hero-simple{padding:46px 0 34px}.features-grid{grid-template-columns:1fr}.editor-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line);max-height:44dvh}.panel-body{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.spread{width:min(100%,760px);margin-top:auto;margin-bottom:auto}.spread-cover{width:min(100%,360px)}.stage{justify-content:flex-start;padding:12px 16px 6px}.stage-head,.stage-foot{width:100%}.rail{padding:8px 16px 12px}.rail-pages{width:104px}.rail-pages.single{width:52px}.photo-grid{grid-template-columns:repeat(5,1fr)}.layout-grid{grid-template-columns:repeat(4,1fr)}.foot-grid{grid-template-columns:1fr;justify-items:start}.facts{grid-template-columns:1fr;gap:24px}.strip-in{grid-template-columns:1fr}}@media (width<=820px){.nav{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin:0;padding:14px 20px 18px;display:none;position:absolute;top:70px;left:-20px;right:-20px;box-shadow:0 12px 22px #32282d1f}.nav.is-open{display:flex}.nav .nav-cta{margin-left:0}.nav-toggle{margin-left:auto;display:flex}}@media (width<=640px){.wrap{width:calc(100% - 28px)}.header-in{min-height:70px}.brand{gap:9px}.brand-logo{width:42px;height:42px}.brand-text b{font-size:25px}.brand-text small{display:none}.hero-simple{padding:34px 0 28px}.hero-simple h1{font-size:clamp(2.6rem,12vw,3.4rem)}.hero-simple p{font-size:16px}.hero-actions{width:100%;display:grid}.hero-actions .btn{width:100%}.section-head{flex-direction:column;align-items:flex-start;gap:4px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.album-cover-title{padding:14px;font-size:24px}.album-card-actions{opacity:1;transform:none}.topbar{min-height:60px;padding:0 10px}.title-input{width:40vw;padding:7px 8px;font-size:20px}.save-state{display:none}.topbar-actions .btn{gap:6px;min-height:38px;padding:0 11px;font-size:13px}.topbar-actions .btn.ghost span{display:none}.topbar-actions svg{width:15px;height:15px}.stage-foot{flex-direction:column;align-items:stretch;gap:6px}.stage-foot .hint{display:none}.rail-pages{width:92px}.rail-pages.single{width:46px}.layout-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(4,1fr)}.page-caption{padding:8cqw 4cqw 3cqw;font-size:5.4cqw}.dedication{grid-template-columns:repeat(2,1fr)}.viewer-bar{padding:10px 10px 4px}.viewer-title strong{max-width:34vw;font-size:22px}.viewer-title span,.viewer-actions .btn.ghost.light{display:none}.viewer-stage{gap:0}.nav-zone{z-index:8;background:#17151999;width:40px;height:40px;position:absolute}.nav-left{left:6px}.nav-right{right:6px}.book{width:min(96vw,141.4dvh - 268.66px)}.viewer-hint{display:none}.viewer-foot{padding:8px 16px calc(14px + env(safe-area-inset-bottom))}.modal-backdrop{padding:0}.pdf-modal{border-radius:0;width:100%;height:100dvh}.pdf-modal h2{font-size:26px}.pdf-modal footer .hint{display:none}.pdf-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}}.nav-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;display:none}.nav-toggle span{background:var(--ink);width:25px;height:2px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.album-card:hover .album-cover,.polaroid:hover{transform:none}}