.photobook-page{max-width:1120px;padding:26px 0 62px}.photobook-intro{max-width:760px;margin:10px auto 26px;text-align:center}.photobook-intro h1{max-width:19ch;margin:0 auto 14px;font-size:clamp(40px,6vw,66px);line-height:.98}.photobook-lead{max-width:62ch;margin:0 auto;color:var(--muted);font-size:15px}.photobook-privacy{display:flex;gap:12px;align-items:start;max-width:700px;margin:20px auto 0;padding:13px 16px;border:1px solid #b9b99f;border-radius:20px;background:#e7e8d4;color:#514f40;text-align:left}.photobook-privacy>span{font-size:20px;color:#80503b}.photobook-privacy p{margin:2px 0;font-size:12px;line-height:1.5}
.photobook-workspace{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:start;gap:20px}.photobook-controls{padding:22px;border-radius:27px;background:#fffaf0}.photobook-controls .section-top{align-items:start;gap:10px}.photobook-controls h2,.photobook-preview h2,.photobook-notes h2{margin:0;font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:25px}.photobook-upload{width:100%;min-height:50px;justify-content:center;margin:12px 0 4px;border-radius:18px}.photobook-controls .micro-copy{margin:7px 0;color:#786950;font-size:11px;line-height:1.5}.photobook-count{display:inline-block;margin:5px 0 8px;padding:6px 12px;border-radius:99px;background:#ede1ca;color:#68543a;font-size:11px;font-variant-numeric:tabular-nums}.photobook-gallery{display:grid;gap:9px;max-height:480px;overflow:auto;padding:2px}.photobook-gallery:empty{display:none}.photobook-photo-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid #e0d2b9;border-radius:16px;background:#f8f0e1}.photobook-photo-row>button:first-child{overflow:hidden;width:54px;height:64px;padding:2px;border:1px solid #d2bea0;border-radius:12px;background:#fff8eb}.photobook-photo-row>button:first-child img{width:100%;height:100%;object-fit:cover;border-radius:9px}.photobook-caption{min-width:0;display:grid;gap:4px;color:#695844;font-size:10px}.photobook-caption input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d2bea0;border-radius:13px;background:#fffdf8;color:#473a2b;font-size:12px}.photobook-remove{display:grid;width:36px;height:36px;place-items:center;border:1px solid #ddc9aa;border-radius:50%;background:#fff6e9;color:#684d36;font-size:19px;cursor:pointer}.photobook-divider{height:1px;margin:16px 0;border-top:1px dashed #c9b795}.photobook-field{display:grid;gap:6px;margin:12px 0;color:#554735;font-size:12px}.photobook-field input,.photobook-field select{width:100%;min-height:46px;padding:9px 12px;border:1px solid #d2bea0;border-radius:15px;background:#fffdf8;color:#473a2b;font:inherit}.photobook-controls .full{min-height:50px;margin-top:9px;border-radius:17px}.photobook-status{min-height:1.5em;margin:10px 0 0;color:#725b3d;font-size:11px;line-height:1.5}.photobook-results{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);align-items:start;gap:14px}.photobook-preview,.photobook-notes{min-width:0;padding:15px;border:1px solid #d6c6a7;border-radius:26px;background:#f5eddc}.photobook-preview-heading{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.photobook-preview-heading .eyebrow{margin:0 0 3px;font-size:9px}.photobook-preview h2{font-size:22px}.photobook-paper{display:grid;min-height:420px;place-items:center;overflow:hidden;border:1px solid #dfd1b5;border-radius:21px;background:#e8dcc4;box-shadow:inset 0 1px 0 #fff8}.photobook-paper canvas{display:block;width:auto;max-width:100%;max-height:700px;object-fit:contain;border-radius:14px;box-shadow:0 8px 24px #47382120}.photobook-paper canvas[hidden]{display:none}.photobook-empty{max-width:25ch;padding:20px;color:#75664e;font-size:12px;text-align:center}.photobook-paging{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0}.photobook-paging .button{min-width:112px;min-height:46px;justify-content:center;border-radius:16px}.photobook-paging span{color:#695844;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.photobook-print-hint{margin:8px 2px 0;color:#786950;font-size:10px;line-height:1.55}.photobook-notes h2{margin:3px 0 10px;font-size:22px}.photobook-notes ol{display:grid;gap:10px;margin:0;padding-left:21px;color:#5e503e;font-size:11px;line-height:1.55}.photobook-notes li{padding-left:3px}.photobook-notes .micro-copy{margin:14px 0 0;color:#786950;font-size:10px;line-height:1.5}.photobook-footnote{max-width:76ch;margin:22px auto 0;color:#75664e;font-size:11px;line-height:1.6;text-align:center}.photobook-page :focus-visible{outline:3px solid #a8583e88;outline-offset:3px}
@media(max-width:900px){.photobook-workspace{grid-template-columns:1fr}.photobook-controls{max-width:720px;width:100%;margin-inline:auto}.photobook-results{max-width:900px;width:100%;margin-inline:auto}}
@media(max-width:620px){.photobook-page{padding-top:12px}.photobook-intro{margin:8px auto 20px}.photobook-intro h1{font-size:42px}.photobook-lead{font-size:13px}.photobook-privacy{padding:12px 13px}.photobook-privacy p{font-size:11px}.photobook-controls{padding:17px;border-radius:22px}.photobook-controls .section-top{flex-wrap:wrap}.photobook-results{grid-template-columns:1fr}.photobook-preview,.photobook-notes{padding:12px;border-radius:22px}.photobook-paper{min-height:310px}.photobook-paper canvas{max-height:580px}.photobook-paging .button{min-width:100px}.photobook-photo-row{grid-template-columns:54px minmax(0,1fr) 36px}}
@media(prefers-reduced-motion:reduce){.photobook-page *{scroll-behavior:auto}}
.photobook-reorder{display:flex;align-items:center;gap:3px}.photobook-move{display:grid;width:30px;height:30px;place-items:center;border:1px solid #ddc9aa;border-radius:50%;background:#fff6e9;color:#684d36;font-size:15px;cursor:pointer}.photobook-move:disabled{opacity:.42;cursor:not-allowed}.photobook-remove{width:34px;height:34px}.photobook-photo-row .photobook-reorder .photobook-remove{display:grid;place-items:center;padding:0;border:1px solid #ddc9aa;border-radius:50%;background:#fff6e9;color:#684d36;font-size:19px;cursor:pointer}.photobook-photo-row .photobook-reorder .photobook-remove:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:620px){.photobook-photo-row{grid-template-columns:54px minmax(0,1fr) 104px}}