@font-face{font-family:Gaegu;src:url('/assets/fonts/Gaegu-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#eee8d9;--board:#f8f4e8;--paper:#fffdf6;--kraft:#c89d68;--ink:#342b22;--muted:#6c6255;--line:#d0c3ad;--accent:#80503b;--accent-hover:#663b2c;--soft:#e9dfcc;--warm:#8c5a32;--warm-bg:#f4e7d2;--bad:#903f39;--bad-bg:#f5e1dc;--radius:22px;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg) url('/assets/paper-grain.svg') repeat;color:var(--ink);line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,summary,canvas{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #a8583e;outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.brand-wordmark{font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-weight:400}h2{font-size:23px;line-height:1.12;letter-spacing:0;margin-bottom:14px}h3{font-size:18px;line-height:1.2;margin-bottom:10px}p{margin-bottom:12px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 44px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:100;left:12px;top:12px;transform:translateY(-200%);padding:12px 16px;background:var(--ink);color:white;border-radius:12px}.skip:focus{transform:none}
/* Hand-drawn header, like a notebook cover rule. */
.site-header{position:relative;z-index:20;min-height:94px;display:flex;align-items:center;gap:30px;border:0}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:3px;background:#594c3e;clip-path:polygon(0 35%,17% 62%,37% 22%,61% 68%,82% 25%,100% 53%,100% 100%,73% 87%,45% 100%,19% 88%,0 100%)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:22px;line-height:1.05;letter-spacing:0}.brand-symbol{position:relative;display:grid;place-items:center;width:36px;height:40px;border:2px solid var(--accent);border-radius:10px;transform:rotate(-5deg);box-shadow:2px 2px 0 #c5b498}.brand-symbol:before{content:"";position:absolute;top:6px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%}.brand-symbol span{position:absolute;bottom:5px;width:17px;height:9px;border:2px solid var(--accent);border-bottom:0;border-radius:10px 10px 0 0}.brand-wordmark{display:flex;flex-direction:column;font-size:20px;line-height:.9}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,30px);margin-left:auto}.site-header nav a{font-family:Gaegu,cursive;font-size:17px;color:#55493b;text-decoration:none;white-space:nowrap}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.language-label select{min-height:38px;padding:7px 28px 7px 12px;border:1px solid #b9aa91;border-radius:13px;background:#fbf7ec;color:var(--ink);font-size:12px}.site-header #menu-toggle{display:none}
main{padding-bottom:28px}.scrapbook-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,1.04fr) minmax(300px,1fr) minmax(230px,.72fr);grid-template-rows:minmax(495px,auto) minmax(105px,auto) auto;grid-template-areas:"intro photo side" "intro privacy side" "intro export export";column-gap:12px;row-gap:0;align-items:start;padding:15px 10px 26px;margin-inline:-10px;background:var(--board) url('/assets/paper-grain.svg') repeat;border:1px solid #d7c9ae;border-radius:32px;box-shadow:0 7px 0 #89715016,0 18px 40px #66523913;overflow:visible}.scrapbook-stage:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,#fffaf0cc,transparent 64%);pointer-events:none}.intro{grid-area:intro;align-self:stretch;padding:21px 8px 24px 13px}.intro-copy-note{position:relative;isolation:isolate;min-height:100%;padding:40px 31px 34px;background:var(--kraft) url('/assets/kraft-paper.png') center/cover;border-radius:7px 13px 8px 11px;box-shadow:3px 6px 0 #60492b1c;transform:rotate(-1.1deg)}.intro-copy-note:before{content:"";position:absolute;z-index:-1;inset:-3px;background:var(--kraft) url('/assets/kraft-paper.png') center/cover;clip-path:polygon(1% 1%,13% 0,27% 1%,43% 0,57% 1%,71% 0,88% 1%,99% 0,100% 12%,99% 26%,100% 41%,99% 54%,100% 69%,99% 83%,100% 98%,86% 99%,72% 100%,57% 99%,43% 100%,28% 99%,14% 100%,0 99%,1% 84%,0 68%,1% 52%,0 37%,1% 21%);pointer-events:none}.intro-copy-note:after{content:"";position:absolute;z-index:1;top:-10px;left:22%;width:118px;height:24px;background:#f1e5c9d9;box-shadow:0 2px 3px #51412b1a;transform:rotate(-2deg);pointer-events:none}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:#594632;margin-bottom:10px}.intro h1{font-size:clamp(39px,4.15vw,52px);letter-spacing:-.015em;line-height:.98;margin-bottom:13px;white-space:pre-line}.intro-copy{max-width:38ch;color:#4e4134;font-size:13px;line-height:1.65;margin-bottom:15px}.quick-photo{display:inline-flex;margin-top:10px}.privacy-note{grid-area:privacy;position:relative;z-index:4;justify-self:center;align-self:start;width:min(95%,360px);margin:-3px 0 0;padding:15px 18px;background:#e7e8d4 url('/assets/paper-grain.svg');border:1px solid #b9b99f;border-radius:15px;box-shadow:2px 4px 0 #594b3217;transform:rotate(-1.6deg)}.privacy-note:before{content:"";position:absolute;top:-8px;left:37%;width:83px;height:20px;background:#eee2c5d6;box-shadow:0 1px 2px #56442d1a;transform:rotate(2deg)}.privacy-note strong{display:block;font-family:Gaegu,cursive;font-weight:400;font-size:21px;line-height:1.05}.privacy-note p{font-size:10px;line-height:1.5;color:#5c5b4b;margin:5px 0}.lock-icon{display:none}.tiny-tag{display:inline-block;padding:3px 8px;border:1px solid #b0a389;border-radius:9px;background:#f4eedf;color:#584b39;font-size:9px;font-weight:700;transform:rotate(-1deg)}
/* Requirements stay on the kraft note so the collage is the usable tool. */
.requirements-panel{padding:0;margin:17px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.requirements-panel:after{content:none}.requirements-panel .section-top{align-items:start;gap:8px}.requirements-panel .section-top h2{display:flex;gap:8px;align-items:center;margin:0;font-size:22px}.requirements-panel .step{width:26px;height:26px;flex:none;display:inline-grid;place-items:center;border:1px solid #795a3b;border-radius:50%;background:#f1dfc4;color:#5b412c;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:700}.review-stamp{max-width:116px;color:#584b3b;font-size:9px;text-align:right}.requirements-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:end;margin-top:14px}.requirements-grid label,.custom-fields label{font-size:10px;font-weight:700;color:#4e4134}.requirements-grid label>span:first-child,.custom-fields label>span:first-child{display:block;margin-bottom:4px}.requirements-grid select,.custom-fields input{min-height:37px;font-size:11px;padding:8px 11px}.spec-tag{justify-self:start;max-width:100%;min-height:30px;padding:6px 10px;border-radius:10px;background:#f3e4ca;color:#60442d;font-size:10px;font-weight:750;white-space:normal}.rules-strip{display:flex;align-items:start;gap:9px;margin-top:11px;padding-top:9px;border-top:1px solid #624e354b}.rules-strip p{flex:1;font-size:9px;line-height:1.5;margin:0;color:#514431}.rules-strip a{max-width:85px;font-size:9px;line-height:1.35}.custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.custom-fields label:last-of-type{grid-column:1/-1}.custom-fields p{grid-column:1/-1;font-size:9px;color:#594c3b;margin:0}
/* Collage center: the frame can cant in its empty/demo state, never while editing. */
.photo-panel{grid-area:photo;position:relative;z-index:2;align-self:start;width:100%;min-width:0;margin:23px 0 0;padding:14px 14px 26px;background:#fffef9;border:1px solid #ded8ca;border-radius:3px;box-shadow:0 3px 0 #76664d20,0 10px 22px #46382724;transform:rotate(-3.4deg);transition:box-shadow .25s}.photo-panel:before{content:"";position:absolute;z-index:3;left:29%;top:-12px;width:112px;height:24px;background:#f4e9d0ce;box-shadow:0 2px 4px #58472f22;transform:rotate(2deg);pointer-events:none}.photo-panel .section-top{margin-bottom:11px}.photo-panel .section-top h2{font-size:18px}.photo-panel .step{width:24px;height:24px}.photo-panel .text-button{font-size:10px}.photo-sticker{position:absolute;z-index:3;top:8px;right:12px;font-family:Gaegu,cursive;font-size:16px;color:#655542;background:#e6d6b7;padding:1px 9px;border-radius:7px;transform:rotate(3deg);box-shadow:1px 2px 1px #4d392616;pointer-events:none}.demo-image{display:block;width:100%;height:390px;object-fit:cover;object-position:center;border:0;border-radius:1px;background:#e7ddca;box-shadow:inset 0 0 0 1px #88765b22}.has-photo .photo-panel{transform:none;box-shadow:0 3px 0 #76664d20,0 10px 22px #46382724}.has-photo .photo-panel:before{opacity:.55}.has-photo .photo-panel .demo-image{display:none}.drop-zone{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 18px 22px;text-align:center;background:#f8f4e9 url('/assets/paper-grain.svg');border:1px dashed #b9a88d;border-radius:13px;transition:background-color .2s,transform .35s cubic-bezier(.2,.7,.3,1)}.drop-zone:after{content:"";position:absolute;inset:10px;border:1px solid #bdb29855;border-radius:9px;pointer-events:none}.drop-zone.drag-over{background-color:#efe2cc;transform:scale(1.012)}.drop-zone h3{z-index:1;font-size:20px;margin:13px 0 5px}.drop-zone>p{z-index:1;max-width:34ch;color:#6b5e4f;font-size:11px;margin-bottom:8px}.drop-zone .upload-hint{font-size:9px;line-height:1.55;margin:9px 0 6px}.drop-zone .micro-copy{font-size:9px;margin:3px 0}.portrait-illustration{position:relative;width:123px;height:152px;flex:none;overflow:hidden;background:#e4d9c3;border:9px solid #fffdf8;border-bottom-width:20px;border-radius:2px;box-shadow:2px 5px 11px #44302127;transform:rotate(-3deg)}.illustration-head{position:absolute;width:38px;height:46px;left:34px;top:22px;border:1.5px solid #766b58;border-radius:48% 48% 44% 44%;background:transparent}.illustration-body{position:absolute;left:12px;bottom:0;width:80px;height:48px;border:1.5px solid #766b58;border-bottom:0;border-radius:48px 48px 0 0;background:transparent}.corner{position:absolute;width:10px;height:10px;border-color:#885942;border-style:solid;border-width:0;opacity:.6}.tl{top:8px;left:8px;border-left-width:1px;border-top-width:1px}.tr{top:8px;right:8px;border-right-width:1px;border-top-width:1px}.bl{bottom:8px;left:8px;border-left-width:1px;border-bottom-width:1px}.br{bottom:8px;right:8px;border-right-width:1px;border-bottom-width:1px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input:focus-visible{outline:none}.drop-zone:focus-within .upload-button{outline:3px solid #a8583e;outline-offset:3px}.canvas-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:12px;overflow:hidden;border:1px solid #c8baa1;border-radius:10px;background:#eee7d9 url('/assets/paper-grain.svg')}.canvas-shell:before{content:"";position:absolute;inset:7px;border:1px solid #ab9a7a40;border-radius:6px;pointer-events:none}#preview{position:relative;z-index:1;display:block;max-width:100%;max-height:610px;cursor:grab;touch-action:none;box-shadow:0 0 0 6px #fffef9,0 0 0 7px #c9bda7,2px 5px 12px #3b2d1e30}#preview:active{cursor:grabbing}#no-preview{position:relative;z-index:1;max-width:330px;padding:18px;text-align:center;color:var(--muted);font-size:12px}.image-meta{margin:8px 0 10px;text-align:center;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.micro-copy{margin:7px 0;color:var(--muted);font-size:9px;line-height:1.55}.zoom-row{display:flex;align-items:center;gap:9px;margin:9px 0}.zoom-row label{font-size:10px}.zoom-row input{min-width:55px;flex:1;accent-color:var(--accent)}.zoom-row output{min-width:38px;font-size:9px;font-variant-numeric:tabular-nums}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.move-buttons{display:flex;gap:4px}.move-buttons button{min-width:31px;min-height:31px;border:1px solid #c9baa3;border-radius:9px;background:#fffaf0;font-size:13px;transition:background .2s}.move-buttons button:hover{background:#eadfc9}.head-tools{margin-top:12px;padding-top:10px;border-top:1px solid #bdae966b}.head-tools summary,.layout-options summary{cursor:pointer;font-size:11px;font-weight:750}.marker-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:9px}.marker-row button[aria-pressed=true]{background:var(--accent);color:white}.marker-adjust{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.marker-adjust label{font-size:9px}.marker-adjust select{width:80px;min-height:30px;padding:4px 8px;font-size:9px}.head-measurement{margin-top:9px;padding:8px 10px;border-radius:10px;background:#eee4d2;color:#71472f;font-size:10px}.head-measurement.warning{background:#f5e4ce;color:#8b522c}.adjust-hint{font-size:9px}
/* Right side: a paper checklist with hand-ruled lines and restrained rotation. */
.side-stack{display:contents}.check-panel{grid-area:side;position:relative;align-self:start;margin:31px 5px 0 0;padding:21px 15px 18px;background:#fffdf6 url('/assets/paper-grain.svg');border:1px solid #d1c4af;border-radius:8px;box-shadow:2px 5px 0 #64513a17,0 10px 20px #51412a12;transform:rotate(2deg)}.check-panel:before{content:"";position:absolute;left:36%;top:-10px;width:88px;height:22px;background:#eee2c8d0;box-shadow:0 2px 3px #5948321c;transform:rotate(-4deg)}.check-panel:after{content:"";position:absolute;inset:10px;border:1px solid #9ca8953a;border-radius:5px;pointer-events:none}.check-panel>*{position:relative;z-index:1}.check-panel h2,.export-panel h2{display:flex;align-items:center;gap:8px;font-size:21px;line-height:1.1}.check-panel h3{font-size:15px;margin:12px 0 7px}.check-panel .step,.export-panel .step{width:25px;height:25px;display:inline-grid;place-items:center;flex:none;border:1px solid #b7a489;border-radius:50%;background:#eee2ca;color:#694b32;font:700 9px ui-sans-serif,system-ui,sans-serif}.check-list{display:grid;gap:6px;padding:0;margin:0 0 13px;list-style:none}.check-row{display:flex;align-items:start;gap:6px;font-size:9px;line-height:1.5}.check-status{flex:none;margin-top:1px;padding:2px 5px;border-radius:6px;background:#e9e5d5;color:#55503d;font-size:8px;font-weight:750;white-space:nowrap}.warn .check-status{background:#f4e6d1;color:#89502c}.fail .check-status{background:#f5e0db;color:#903d35}.empty-check{padding:9px;border-radius:8px;background:#f2eee4;color:var(--muted);font-size:10px}.personal-checks{display:grid;gap:7px}.personal-checks label{display:flex;align-items:start;gap:7px;color:#574e42;font-size:9px;font-weight:450;line-height:1.45}.personal-checks input{width:14px;height:14px;flex:none;margin:1px 0 0;accent-color:#80503b}.personal-checks span{margin:0!important}.check-panel>.micro-copy{margin-top:11px;font-size:8px;line-height:1.4}
/* Export remains easy to reach below the paper tableau, without crowding the checklist. */
.export-panel{grid-area:export;position:relative;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(300px,1.3fr);column-gap:22px;align-items:start;margin:22px 8px 0;padding:22px 25px;background:#f9f5e9 url('/assets/paper-grain.svg');border:1px solid #d2c4ac;border-radius:20px;box-shadow:2px 5px 0 #69563a14,0 11px 24px #58462d0c}.export-panel h2{grid-column:1/-1;margin-bottom:4px}.export-panel>#readiness{grid-column:1/-1}.readiness{margin:0 0 8px;padding:9px 12px;border-radius:10px;background:#eee9dc;color:var(--muted);font-size:10px}.readiness.ready{background:#e6e6d7;color:#4f533b}.export-panel>div,.export-panel>button,.export-panel>p{min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 15px;border:1px solid transparent;border-radius:14px;font-size:11px;font-weight:750;line-height:1.35;text-decoration:none;transition:box-shadow .2s,background .15s}.button:hover:not(:disabled){transform:none}.primary{background:#78432f;color:#fffaf2;box-shadow:0 3px 0 #583325b8,0 5px 10px #71432a14}.primary:hover:not(:disabled){background:#693a2b;box-shadow:0 4px 0 #583325b8,0 8px 15px #71432a1e}.secondary{background:#fffaf0;border-color:#b9a98d;color:#67442f;box-shadow:0 2px 0 #beac902e}.secondary:hover:not(:disabled){background:#efe4d1}.small{min-height:35px;padding:7px 10px;font-size:10px}.full{width:100%;margin-bottom:8px}.text-button{border:0;padding:6px 0;background:transparent;color:#73432f;text-decoration:underline;text-underline-offset:3px;font-size:10px;line-height:1.45}.button-pair{display:flex;gap:8px}.button-pair>*{flex:1}.upload-button{position:relative;z-index:1;min-width:148px;margin-top:5px;color:#fff!important}.print-options{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin:11px 0}.print-options label{font-size:9px}.print-options select,.print-options input{min-height:35px;font-size:10px}.layout-options{margin-top:9px}.layout-options summary{font-size:9px;color:var(--muted);font-weight:500}.batch-controls{padding-top:12px;margin-top:12px;border-top:1px solid #d0c3ad}.acceptance-note{border-top:1px solid #d0c3ad;padding-top:9px;margin-top:10px}.notice{padding:11px 13px;border-radius:12px;background:var(--warm-bg);color:#765034;font-size:10px;margin-bottom:11px}.notice p{margin:2px 0 0;line-height:1.55}.notice strong{font-size:11px}.original-banner{background:#e8e4d8;color:#534d3f}.print-notice{background:#ece5d5;color:#544d3f;font-size:9px}.toast{position:fixed;z-index:100;left:50%;bottom:22px;width:max-content;max-width:min(620px,calc(100% - 28px));padding:13px 18px;transform:translateX(-50%);border-radius:16px;background:#48382f;color:#fff;font-size:11px;line-height:1.6;box-shadow:0 8px 25px #34291f2e}.toast.error{background:#873d32}
/* Fine, pen-like decorations supplied by the page; keep them out of the control hit areas. */
.stage-flower,.stage-star,.stage-arrow,.stage-smile,.scrapbook-doodle,.scrapbook-sticker{position:absolute;z-index:3;pointer-events:none;user-select:none}.stage-flower{left:-15px;top:38%;width:86px;transform:rotate(-4deg)}.stage-star{right:17%;top:9%;width:42px;transform:rotate(6deg)}.stage-arrow{left:64%;bottom:16%;width:74px;transform:rotate(-8deg)}.stage-smile{left:47%;top:7%;width:58px;transform:rotate(8deg)}.scrapbook-doodle{color:#76583e;opacity:.8}.scrapbook-sticker{filter:drop-shadow(2px 3px 1px #49372320)}
/* Informative article pages use the same paper, while keeping ad blocks distinct. */
.guide-links{margin:28px 0 7px;padding:18px 0;border-top:2px solid #71614d;border-bottom:1px solid #b9aa92}.guide-links h2{font-size:23px;margin-bottom:12px}.guide-links>div{display:flex;flex-wrap:wrap;gap:10px}.guide-links a{padding:8px 13px;border:1px solid #bfae91;border-radius:13px;background:#e9dfca;color:#60432f;text-decoration:none;font-size:11px;box-shadow:0 2px 0 #8b70441a}.guide-links a:hover,.article-card:hover{background:#f3e8d5}.site-footer{display:flex;justify-content:space-between;gap:28px;padding:20px 0 26px;border-top:1px solid #b9aa92;color:var(--muted);font-size:9px}.site-footer p{max-width:590px;margin:0}.site-footer>div{display:flex;gap:15px;white-space:nowrap}.site-footer a{color:var(--muted)}.article-wrap{position:relative;width:min(840px,calc(100% - 44px));margin:38px auto 58px;padding:34px 38px 40px;background:#fffdf6 url('/assets/paper-grain.svg');border:1px solid #d0c1a8;border-radius:24px;box-shadow:3px 6px 0 #6b55351a,0 12px 28px #4937230d}.article-wrap:before{content:"";position:absolute;top:-9px;left:44%;width:88px;height:18px;background:#eee1c5ce;transform:rotate(-2deg);pointer-events:none}.article-wrap h1{font-size:clamp(34px,4vw,46px);line-height:1.08}.article-wrap .lead{font-size:15px;line-height:1.8;color:var(--muted)}.article-wrap h2{margin-top:31px;font-size:25px;padding-bottom:7px;border-bottom:1px solid #d8cbb5}.article-wrap h3{font-size:19px;margin-top:22px}.article-wrap p,.article-wrap li{font-size:13px;line-height:1.85}.article-wrap li{margin-bottom:7px}.article-wrap table{width:100%;border-collapse:collapse;background:#fffdf8;font-size:12px;margin:20px 0}.article-wrap th,.article-wrap td{text-align:left;padding:11px;border-bottom:1px solid #ded2bf;vertical-align:top}.article-wrap .card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-card{display:block;padding:18px;border:1px solid #d0c0a7;border-radius:16px;background:#fffdf6;color:var(--ink);text-decoration:none;box-shadow:1px 3px 0 #735b4014}.article-card strong{display:block;font-family:Gaegu,cursive;font-size:20px;font-weight:400;margin-bottom:5px}.article-card span{font-size:11px;color:var(--muted);line-height:1.6}.article-wrap .cta{display:inline-flex;margin:14px 0}.ad-area{margin:26px 0;padding:13px;border-top:1px solid #cbbcaa;border-bottom:1px solid #cbbcaa;min-height:250px}.ad-area .ad-label{font-size:9px;color:var(--muted);margin:0 0 9px}.contact-form{display:grid;gap:14px;margin-top:22px;padding:22px;background:#fffdf6;border:1px solid #d0c0a7;border-radius:18px}.contact-form textarea{min-height:140px;resize:vertical}.contact-form label{font-size:12px}.contact-form .form-consent{display:flex;gap:9px;align-items:start;font-weight:400}.contact-form .form-consent input{margin-top:5px}.privacy-callout{margin:22px 0;padding:18px 20px;background:#e8e4d5;border-radius:15px}.badge-list{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.badge-list span{padding:5px 9px;border-radius:9px;background:#e9dfca;color:#674932;font-size:10px}
@media(max-width:1050px){.scrapbook-stage{grid-template-columns:minmax(275px,1fr) minmax(275px,1fr) minmax(215px,.78fr);column-gap:8px}.intro{padding-left:5px;padding-right:4px}.intro-copy-note{padding:35px 23px 28px}.intro h1{font-size:clamp(36px,4vw,46px)}.photo-panel{padding:12px 12px 23px}.demo-image{height:350px}.check-panel{padding:18px 12px}.check-panel h2{font-size:19px}.export-panel{margin-inline:4px}}
@media(max-width:820px){.site-header{min-height:78px}.site-header:after{bottom:3px}.site-header #menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-height:40px;padding:8px 13px;border:1px solid #b9aa91;border-radius:12px;background:#fbf7ec;font-size:12px}.site-header nav{display:none;position:absolute;z-index:30;top:calc(100% - 1px);left:0;right:0;margin:0;padding:14px;align-items:stretch;flex-direction:column;gap:2px;border:1px solid #d1c3ad;border-radius:16px;background:#fffdf6;box-shadow:0 10px 25px #4d3b241c}.site-header nav a{padding:10px 12px;border-radius:9px}.site-header nav a:hover{background:#f1e8d8;text-decoration:none}.nav-open .site-header nav{display:flex}.site-header .language-label{margin-left:0}.scrapbook-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"intro intro" "photo side" "privacy side" "export export";gap:0 15px;padding:13px 12px 22px;border-radius:27px}.intro{padding:13px 4px 18px}.intro-copy-note{min-height:0;padding:32px 30px 25px}.intro h1{font-size:45px}.requirements-panel{max-width:700px}.requirements-grid{grid-template-columns:1fr 1.4fr;align-items:end}.spec-tag{grid-column:1/-1}.photo-panel{margin:19px 0 0;align-self:start}.demo-image{height:370px}.check-panel{margin:31px 4px 0 0}.privacy-note{grid-column:1;grid-row:3;justify-self:center;margin:-4px 0 6px;width:85%}.export-panel{grid-column:1/-1;grid-row:4}.stage-flower{left:-5px;top:45%;width:58px}.stage-star{right:7%;top:34%;width:34px}.stage-smile{left:auto;right:40%;top:36%;width:47px}}
@media(max-width:600px){.wrap{width:calc(100% - 26px)}.site-header{min-height:70px;gap:9px}.brand{gap:8px}.brand-symbol{width:31px;height:35px}.brand-wordmark{font-size:17px}.site-header #menu-toggle{min-height:37px;padding:7px 10px;font-size:11px}.language-label select{min-height:36px;padding-left:9px;padding-right:23px;font-size:10px}.scrapbook-stage{display:flex;flex-direction:column;gap:0;margin-inline:-3px;padding:9px 11px 20px;border-radius:23px}.intro{width:100%;padding:12px 3px 17px}.intro-copy-note{padding:30px 24px 22px;border-radius:18px;transform:rotate(-.4deg)}.intro-copy-note:before{clip-path:none;border-radius:18px 23px 17px 20px}.intro-copy-note:after{left:34%;width:91px;height:20px}.eyebrow{font-size:9px}.intro h1{font-size:41px;margin-bottom:9px}.intro-copy{font-size:12px;line-height:1.55;max-width:42ch}.requirements-panel{margin-top:13px}.requirements-panel .section-top h2{font-size:21px}.review-stamp{max-width:112px;font-size:8px}.requirements-grid{grid-template-columns:1fr;gap:9px;margin-top:11px}.requirements-grid select,.custom-fields input{min-height:39px}.rules-strip{gap:8px}.rules-strip p,.rules-strip a{font-size:9px}.rules-strip a{max-width:110px}.photo-panel{order:2;width:calc(100% - 12px);margin:18px auto 0;padding:12px 12px 22px;border-radius:3px;transform:rotate(-1.7deg)}.photo-panel:before{width:88px;left:34%;height:20px}.demo-image{height:min(104vw,410px)}.drop-zone{min-height:350px;padding:25px 17px}.portrait-illustration{transform:rotate(-3deg) scale(.92);margin-block:-4px}.side-stack{display:contents}.check-panel{order:3;width:calc(100% - 12px);margin:25px auto 0;padding:20px 17px;transform:rotate(1deg)}.check-panel h2{font-size:22px}.check-panel h3{font-size:16px}.check-row,.personal-checks label{font-size:10px}.check-panel>.micro-copy{font-size:9px}.privacy-note{order:4;width:min(88%,360px);margin:-2px auto 9px;padding:14px 18px;transform:rotate(-1deg)}.privacy-note strong{font-size:20px}.export-panel{order:5;width:100%;grid-template-columns:1fr;margin:16px 0 0;padding:19px 17px;border-radius:18px}.export-panel h2,.export-panel>#readiness{grid-column:1}.export-panel h2{font-size:22px}.export-panel .micro-copy{font-size:9px}.print-options{grid-template-columns:1.3fr 1fr}.stage-flower{left:-4px;top:29%;width:46px}.stage-star{right:5%;top:23%;width:29px}.stage-smile{top:39%;right:8%;width:38px}.stage-arrow{display:none}.site-footer{flex-direction:column;gap:13px}.site-footer>div{flex-wrap:wrap;gap:12px}.article-wrap{width:calc(100% - 26px);margin:24px auto 38px;padding:26px 20px 30px;border-radius:20px}.article-wrap h1{font-size:34px}.article-wrap .lead{font-size:13px}.article-wrap .card-grid{grid-template-columns:1fr}.article-wrap table{display:block;overflow-x:auto;max-width:100%;font-size:10px}.article-wrap th,.article-wrap td{padding:8px}.ad-area{min-height:220px}.guide-links{margin-top:22px}.guide-links>div{gap:7px}.guide-links a{font-size:10px;padding:7px 10px}}
@media(max-width:390px){.wrap{width:calc(100% - 20px)}.brand-wordmark{font-size:15px}.site-header{gap:7px}.site-header #menu-toggle{padding-inline:8px}.intro-copy-note{padding:27px 19px 20px}.intro h1{font-size:37px}.requirements-panel .section-top{align-items:start}.requirements-panel .section-top h2{font-size:19px}.review-stamp{max-width:92px}.photo-panel,.check-panel{width:calc(100% - 8px)}.drop-zone{min-height:330px}.check-panel{padding:18px 14px}.export-panel{padding:17px 13px}.button{padding-inline:11px;font-size:10px}.button-pair{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.button:hover:not(:disabled){transform:none}}

/* Asset integration and initial collage proportions. */
.brand-wordmark{white-space:pre-line;display:block;line-height:1.02;font-size:24px}.brand-symbol{display:none}
.intro-copy-note{background:none;box-shadow:none}.intro-copy-note:before{inset:0;background: url('/assets/kraft-paper.png') center/100% 100% no-repeat;clip-path:none;filter:drop-shadow(3px 5px 2px #60492b20);border-radius:0}
.demo-image{height:350px;overflow:hidden;border-radius:5px}.demo-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.drop-zone{padding:0;min-height:0;border:0;background:none;border-radius:10px;gap:3px}.drop-zone:after{display:none}.drop-zone h3{font-size:20px;margin:8px 0 1px}.drop-zone>p{margin:0 0 3px}.drop-zone .upload-hint{font-size:8px;margin:3px 0}.drop-zone .demo-caption{font-size:8px;line-height:1.35;color:#817663;margin-top:4px}
.photo-panel{border-radius:11px;padding-bottom:16px}.photo-panel .section-top{margin-bottom:7px}.upload-button{min-height:38px;margin-top:1px;padding:8px 16px}
body:not(.has-photo) .export-panel{display:none}
.privacy-note{background-image:linear-gradient(#72898020 1px,transparent 1px),linear-gradient(90deg,#72898020 1px,transparent 1px),url('/assets/paper-grain.svg');background-size:17px 17px,17px 17px,auto}.technical-checks{margin-top:12px;padding-top:8px;border-top:1px solid #c0b69f}.technical-checks summary{font-family:Gaegu,cursive;font-size:17px;cursor:pointer}.technical-checks .check-list{margin-top:10px}.personal-checks label{font-family:Gaegu,cursive;font-size:17px;line-height:1.15;gap:9px}.personal-checks input{width:17px;height:17px;margin-top:2px}.check-panel>.micro-copy{font-size:10px;line-height:1.5}.check-panel{border-radius:14px}
.stage-flower{left:1px;top:29%;width:73px;height:310px;object-fit:contain}.stage-smile{left:35%;top:9%;width:72px}.stage-star{right:10%;top:9%;width:45px}.stage-arrow{left:66%;bottom:14%;width:86px}
@media(max-width:820px){.demo-image{height:330px}.personal-checks label{font-size:17px}.stage-smile{left:auto;right:43%;top:39%;width:58px}}
@media(max-width:600px){.brand-wordmark{font-size:20px}.demo-image{height:360px}.privacy-note{order:3}.check-panel{order:4}.export-panel{order:5}.stage-flower{width:47px;height:190px;top:34%}.stage-smile{top:39%;right:5%;width:51px}.stage-star{top:24%;right:4%}.intro-copy-note:before{border-radius:0}.photo-panel{border-radius:13px}.drop-zone{padding:0;min-height:0}.personal-checks label{font-size:18px;line-height:1.3}.check-panel>.micro-copy{font-size:11px}}

/* Comparison pass 02: one paper board, calibrated collage positions. */
:root{--bg:#eee5d1;--board:#eee5d1;--accent:#34312a;--accent-hover:#201e1a}
.wrap{width:min(1320px,calc(100% - 72px))}.site-header nav{position:absolute;left:28%;right:17%;margin-left:0;justify-content:space-between}.language-label{margin-left:auto}
.scrapbook-stage{margin-inline:0;padding:25px 6px 20px 99px;border:0;box-shadow:none;border-radius:0;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr) minmax(0,.65fr);grid-template-rows:minmax(420px,auto) minmax(100px,auto) auto;column-gap:5px;background:transparent;min-height:600px}.scrapbook-stage:before{display:none}.scrapbook-stage:after{content:"";position:absolute;left:4px;right:12px;bottom:2px;height:3px;background:#695d48;clip-path:polygon(0 30%,22% 0,47% 60%,69% 19%,100% 60%,100% 100%,73% 63%,48% 100%,20% 48%,0 100%);pointer-events:none}
.intro{align-self:start;padding:21px 5px 14px 9px}.intro-copy-note{min-height:0;padding:33px 26px 30px}.intro h1{font-size:45px;line-height:1.02}.intro-copy{font-size:12px;line-height:1.55;margin-bottom:10px}.eyebrow{font-size:9px;margin-bottom:11px}.requirements-panel{margin-top:12px}.requirements-panel .section-top h2{font-size:20px}.review-stamp{display:none}.requirements-grid{grid-template-columns:1fr 1.5fr;gap:7px;margin-top:10px}.requirements-grid select{width:100%;min-height:39px;padding:7px 9px;font-size:11px;border:1px solid #ae9573;border-radius:12px;background:#fffaf0;color:#342b22}.spec-tag{grid-column:1/-1}.rules-strip p{font-size:9px}.rules-strip a{font-size:9px;max-width:74px}.quick-photo{margin-top:10px}.primary{background:#33312a;box-shadow:0 3px 0 #1716129c,0 5px 10px #302a2217}.primary:hover:not(:disabled){background:#24221c;box-shadow:0 3px 0 #1716129c,0 6px 13px #302a2220}
select,input[type=number],input[type=email],input[type=text],textarea{min-height:40px;width:100%;padding:8px 11px;border:1px solid #bbaa8b;border-radius:12px;background:#fffaf0;color:#342b22;font-size:12px}.language-label select{width:auto}
.photo-panel{transform:rotate(5deg);margin-top:29px;padding:13px 13px 16px}.has-photo .photo-panel{transform:none}.photo-panel .section-top{margin-bottom:5px}.photo-panel .section-top h2{font-size:15px}.demo-image{height:298px}.drop-zone h3{font-size:17px;line-height:1.15;margin:5px 0 3px}.drop-zone>p:not(.upload-hint):not(.demo-caption){display:none}.drop-zone .upload-hint{font-size:7px;line-height:1.4;margin:4px 0 2px}.drop-zone .demo-caption{font-size:7px;line-height:1.4}.upload-button{min-height:35px;font-size:10px;padding:7px 16px}.photo-panel:before{left:19%;width:113px;height:28px;transform:rotate(-4deg)}
.privacy-note{width:104%;max-width:343px;justify-self:start;margin:-1px 0 0 -25px;padding:12px 15px;transform:rotate(-3deg);border-radius:9px}.privacy-note strong{font-size:20px}.privacy-note p{font-size:10px;line-height:1.45}.privacy-note .tiny-tag{display:none}
.check-panel{margin-top:93px;transform:rotate(6deg);padding:23px 17px 18px;background-color:#faf8f0;border-radius:14px}.check-panel h2{font-size:22px}.check-panel .step{display:none}.personal-checks{gap:11px}.personal-checks label{font-size:17px;line-height:1.16}.personal-checks input{appearance:none;border:1px solid #9c927f;border-radius:2px;background:#fffef7;position:relative;min-height:17px;min-width:17px}.personal-checks input:checked:before{content:"✓";position:absolute;left:-2px;top:-9px;color:#3c3b30;font-family:Gaegu,cursive;font-size:25px}.personal-checks input:disabled{opacity:.65}.check-panel>.micro-copy{font-size:8px;line-height:1.5}.technical-checks summary{font-size:16px}.stage-flower{left:0;top:22%;width:86px;height:320px}.stage-smile{left:43%;top:7%;width:77px;transform:rotate(-6deg)}.stage-star{top:11%;right:8%;width:44px}.stage-arrow{left:70%;bottom:7%;width:81px}.guide-links{margin-top:20px}
.has-photo .scrapbook-stage{grid-template-rows:minmax(420px,auto) minmax(100px,auto) auto}.has-photo .export-panel{display:grid}.has-photo .stage-arrow{display:none}
@media(min-width:1400px){.intro h1{font-size:50px}.demo-image{height:330px}.intro-copy-note{padding:38px 30px 34px}.personal-checks label{font-size:20px}}
@media(max-width:1050px) and (min-width:821px){.wrap{width:calc(100% - 46px)}.scrapbook-stage{padding-left:57px}.intro-copy-note{padding:29px 20px 27px}.intro h1{font-size:39px}.demo-image{height:270px}.personal-checks label{font-size:16px}.check-panel{padding-inline:12px}.stage-flower{left:-5px;width:62px}.stage-smile{left:42%;width:65px}}
@media(max-width:820px){.site-header nav{left:0;right:0;justify-content:normal}.site-header #menu-toggle{margin-left:auto}.language-label{margin-left:0}.wrap{width:calc(100% - 36px)}.scrapbook-stage{padding:14px 5px 22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:0 18px}.intro{width:100%;padding:14px 15px 23px}.intro-copy-note{padding:32px 36px}.intro h1{font-size:45px}.intro-copy{font-size:13px}.requirements-grid{grid-template-columns:1fr 1.6fr}.requirements-panel{max-width:650px}.photo-panel{margin-top:23px}.demo-image{height:300px}.check-panel{margin-top:45px;transform:rotate(4deg)}.privacy-note{width:90%;margin-top:10px;margin-left:2px}.stage-smile{left:42%;top:47%;width:57px}.stage-flower{left:-3px;top:52%;width:61px;height:240px}.stage-star{top:43%;right:7%}.stage-arrow{display:none}.export-panel{grid-column:1/-1}.personal-checks label{font-size:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.scrapbook-stage{padding:12px 5px 23px;min-height:0}.intro{padding:6px 0 20px}.intro-copy-note{padding:30px 24px 26px}.intro h1{font-size:40px}.intro-copy{font-size:12px}.requirements-grid{grid-template-columns:1fr}.requirements-grid select{min-height:44px;font-size:12px}.photo-panel{width:91%;margin-top:14px;transform:rotate(3deg);padding:11px 11px 15px}.demo-image{height:325px}.drop-zone h3{font-size:19px}.upload-button{min-height:43px;font-size:12px}.drop-zone .upload-hint,.drop-zone .demo-caption{font-size:9px}.privacy-note{order:3;width:86%;margin:15px auto 7px;padding:15px 19px;transform:rotate(-2deg)}.check-panel{order:4;width:90%;margin:19px auto 12px;padding:24px 23px;transform:rotate(2deg)}.check-panel>.micro-copy{font-size:11px}.personal-checks label{font-size:20px;line-height:1.22}.stage-smile{right:0;left:auto;top:37%;width:58px}.stage-flower{left:-7px;top:41%;width:52px;height:200px}.stage-star{right:2%;top:29%;width:29px}.brand-wordmark{font-size:18px}.move-buttons button{min-width:42px;min-height:42px}.small{min-height:40px}.has-photo .photo-panel{width:100%;transform:none}.has-photo .photo-panel .section-top h2{font-size:20px}.has-photo .photo-panel .micro-copy{font-size:11px}.has-photo .canvas-shell{padding:13px}.has-photo .zoom-row{flex-wrap:wrap}.has-photo .tool-row{flex-wrap:wrap}}

/* Rounded kraft-paper selectors, including the actual option popover. */
.paper-select-native{display:none!important}.paper-select-wrap{position:relative;min-width:0}.paper-select{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:44px;padding:9px 11px;border:1px solid #ab8a5c;border-radius:16px;background:#e9cda5 url('/assets/paper-grain.svg');color:#443522;font-size:12px;box-shadow:0 2px 0 #6d553220;cursor:pointer;transition:background .15s,box-shadow .15s}.paper-select:hover:not(:disabled){background-color:#efd8b6;box-shadow:0 3px 0 #6d553225}.paper-select[aria-expanded=true]{background-color:#e4c599;border-color:#816540}.paper-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paper-select-arrow{font-family:Gaegu,cursive;font-size:24px;line-height:10px;transform:translateY(-3px);flex:none}.paper-select-menu{position:absolute;z-index:90;left:0;top:calc(100% + 8px);width:max(100%,220px);max-width:min(310px,calc(100vw - 32px));max-height:min(340px,50vh);overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid #a78e6a;border-radius:19px;background:#edddbf url('/assets/paper-grain.svg');box-shadow:0 9px 25px #57422a2e,0 3px 0 #7a624023;scrollbar-color:#b39873 #edddbf}.opens-up .paper-select-menu{top:auto;bottom:calc(100% + 8px)}.paper-select-menu:focus{outline:2px solid #a68659;outline-offset:2px}.paper-select-option{display:flex;align-items:center;gap:7px;width:100%;min-height:43px;margin:0;padding:9px 10px;text-align:left;border:0;border-radius:13px;background:transparent;color:#4b3825;font-size:12px;line-height:1.3;cursor:pointer}.paper-select-option.active,.paper-select-option:hover{background:#ddc49a}.paper-select-option[aria-selected=true]{background:#e2cda9;font-weight:700}.paper-select-check{width:17px;flex:none;font-family:Gaegu,cursive;font-size:24px;line-height:12px}.select-open .intro{position:relative;z-index:30}.has-photo .select-open .intro{z-index:30}.requirements-grid label{min-width:0}.requirements-grid label>span{font-size:11px}.requirements-grid select{background:#e9cda5}.custom-fields input,.print-options select,.print-options input,.language-label select{background:#e8ddc4;border-color:#b7a17b;border-radius:14px}.language-label select{background:#e8ddc4 url('/assets/paper-grain.svg')}

.language-label{min-width:105px}.language-label .paper-select{min-height:39px;font-size:11px;background-color:#e5d8bb}.language-label .paper-select-menu{left:auto;right:0;width:150px}.select-open .site-header{z-index:40}.print-options .paper-select{background-color:#e5d8bb;min-height:40px;font-size:11px}.marker-adjust .paper-select-wrap{width:108px}.marker-adjust .paper-select{min-height:35px;padding:7px 9px;font-size:10px}@media(max-width:600px){.language-label{min-width:92px}.language-label .paper-select{min-height:38px;padding:7px 9px}.paper-select-menu{max-height:45vh}.paper-select-option{font-size:13px;min-height:46px}}

.has-photo .stage-star{display:none}

/* Final interaction-state polish. */
.has-photo .stage-smile{display:none}.photo-queue{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 12px}.queue-item{display:inline-flex;align-items:center;border:1px solid #b49c75;border-radius:12px;overflow:hidden;background:#e8d8bb}.queue-item.selected{border-color:#806744;background:#dec6a0}.queue-select,.queue-remove,.queue-add{min-height:36px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#4a3824;font-size:11px;line-height:1.3}.queue-item.selected .queue-select{font-weight:700}.queue-remove{font-size:18px;padding-inline:9px}.queue-add{border:1px dashed #aa8e61;border-radius:12px;background:#e9d7b6}.requirements-grid .paper-select-value,.print-options .paper-select-value{white-space:normal;text-overflow:clip;line-height:1.3}.requirements-grid .paper-select{min-height:48px;padding-block:8px}.paper-select-option span:last-child{min-width:0}.has-photo .stage-flower{top:22%}
@media(max-width:820px){.site-header nav{background:#edddbf url('/assets/paper-grain.svg');border-color:#b6a07b}.site-header nav a:hover{background:#e2cba5}}

/* Purpose-first, Korea-only photo flow. */
.purpose-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 12px}.purpose-button{min-width:0;min-height:48px;padding:8px 4px;border:1px solid #a68a61;border-radius:15px;background:#e6ceaa;color:#4b3825;font-family:Gaegu,cursive;font-weight:400;font-size:19px;line-height:1.1;box-shadow:0 2px 0 #785c3422}.purpose-button[aria-pressed=true]{background:#34312a;color:#fff9ed;border-color:#34312a}.id-size-field{display:block;margin:13px 0;font-size:11px;color:#51402d}.id-size-field>span{display:block;margin-bottom:5px}.id-size-field .paper-select{min-height:44px}.simple-custom{display:block}.ratio-presets{display:block;margin-top:11px}.ratio-presets>span{display:block;margin-bottom:5px;font-size:11px}.ratio-inputs{display:grid;grid-template-columns:1fr 14px 1fr;align-items:end;gap:6px;margin-top:10px}.ratio-inputs>span{text-align:center;font-family:Gaegu,cursive;font-size:26px;line-height:42px}.ratio-inputs label>span,.size-inputs label>span{display:block;font-size:10px;margin-bottom:4px}.ratio-inputs input{width:100%;min-height:43px;padding:8px 10px;border-radius:13px;background:#e8d1ac;font-size:15px}.size-details{margin-top:13px}.size-details summary,.passport-guide summary{font-family:Gaegu,cursive;font-size:18px;cursor:pointer}.size-details>label{display:block;margin-top:8px}.size-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.passport-guide{margin-top:13px;padding-top:8px;border-top:1px solid #ab8e664d}.passport-guide ul{padding-left:17px;font-size:11px;line-height:1.6}.passport-guide a{font-size:11px}.format-field{display:block;font-size:12px;margin:19px 0 12px}.format-field>span{display:block;margin-bottom:7px}.format-field .paper-select{min-height:47px}.format-note{font-family:Gaegu,cursive;font-size:18px;line-height:1.25;margin:12px 0 17px;color:#60513d}.output-summary{font-size:12px;color:#6a5b46;background:#ebe4d3;padding:9px 11px;border-radius:12px;margin:9px 0 14px}.check-panel{min-width:0}.check-panel .technical-checks{margin-top:17px}.check-panel .micro-copy{font-size:10px;line-height:1.5}.check-panel #save-photo{min-height:47px;font-size:12px}.check-panel #readiness{margin-top:5px}.export-panel{display:block;grid-area:export;padding:15px 20px}.extra-downloads>summary{font-family:Gaegu,cursive;font-size:21px;cursor:pointer}.extra-downloads>.text-button{display:block;margin:5px 0}.extra-downloads .print-options{margin-top:16px}.id-size-field,.format-field{color:#51402d}.spec-tag{margin:13px 0 4px;display:inline-block}.head-tools:not([open]){padding-bottom:0}.privacy-note p{font-size:10px}@media(max-width:820px){.purpose-options{max-width:440px}.simple-custom{max-width:520px}.check-panel{min-height:0}.format-field{margin-top:15px}}@media(max-width:600px){.purpose-button{min-height:48px;font-size:20px}.purpose-options{gap:7px}.ratio-inputs input{min-height:44px}.format-note{font-size:21px}.check-panel #save-photo{min-height:50px;font-size:13px}.output-summary{font-size:13px}.passport-guide summary,.size-details summary{font-size:21px}.passport-guide ul{font-size:12px}.export-panel{padding:18px}.extra-downloads>summary{font-size:23px}}

.format-field .paper-select-menu{left:auto;right:0;width:max(100%,200px)}.select-open .check-panel{position:relative;z-index:31}.format-field .paper-select-value{white-space:normal}.simple-custom .paper-select-value{white-space:normal}.format-note{font-size:18px}.output-summary{overflow-wrap:anywhere}.extra-downloads .text-button{display:block}@media(max-width:600px){.purpose-options{grid-template-columns:repeat(3,minmax(0,1fr))}.purpose-button{font-size:18px}.ratio-inputs input{font-size:16px}.format-note{font-size:19px}}
.ratio-inputs label,.size-inputs label{grid-column:auto!important}.purpose-options+label{margin-top:13px}.purpose-options .purpose-button{white-space:normal}.simple-custom .paper-select-menu{min-width:180px}.passport-guide{font-size:11px}.format-field .paper-select-menu{background-color:#edddbf}

/* Keep the photo card's step label clear of the decorative tape. */
.photo-panel:before{top:-23px}
.drop-zone .demo-caption{max-width:34ch;font-size:11px;line-height:1.35}
@media(max-width:600px){.photo-panel:before{top:-20px}.drop-zone .demo-caption{font-size:12px}}

.auto-frame-toggle{display:flex;width:max-content;max-width:100%;min-height:38px;margin:9px 0 2px;padding:8px 14px;border:1px solid #ab8a5c;border-radius:999px;background:#e9cda5;color:#443522;box-shadow:0 2px 0 #6d553220;font-size:11px;line-height:1.25;text-align:left;white-space:normal}
.auto-frame-toggle:hover:not(:disabled){background:#efd8b6}
.auto-frame-status{margin:8px 0;padding:7px 10px;border-radius:12px;background:#f3e4ca;color:#51402d;font-size:11px;line-height:1.45}
@media(max-width:600px){.auto-frame-toggle{min-height:40px;font-size:11px}.auto-frame-status{font-size:12px}}

.image-lab{margin:30px 0;padding:clamp(19px,3.2vw,34px);border:1px solid #d1c1a3;border-radius:30px;background:#f5eddc url('/assets/paper-grain.svg') repeat;box-shadow:0 5px 0 #89715016,0 14px 32px #66523910}
.profile-pack-button{margin-top:9px;border-radius:15px}
.profile-pack-help{margin-top:5px;color:#665842}
.image-lab-header{max-width:60ch;margin:0 auto 20px;text-align:center}
.image-lab-header .eyebrow{margin-bottom:5px}
.image-lab-header h2{font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:clamp(30px,4vw,42px);line-height:1;margin-bottom:9px}
.image-lab-header>p:last-child{margin:0 auto;color:#5c4e3b;font-size:13px;line-height:1.6}
.image-lab-header .image-lab-select-hint{margin-top:8px;color:#77684f;font-size:11px}
.image-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.image-lab-card{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:19px 18px 18px;border:1px solid #d7c6a7;border-radius:24px;background:#fffaf0;box-shadow:0 3px 0 #80674415}
.image-lab-number{display:grid;width:29px;height:29px;place-items:center;margin-bottom:12px;border:1px solid #937c59;border-radius:50%;background:#efdfc3;color:#5a422a;font-size:11px;font-weight:700}
.image-lab-card h3{font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:24px;line-height:1.08;margin-bottom:8px}
.image-lab-card p{flex:1;margin-bottom:15px;color:#5f5140;font-size:12px;line-height:1.55}
.image-lab-card .button{min-height:43px;width:100%;justify-content:center;border-radius:16px;font-size:12px;white-space:normal}
.image-lab-more{align-self:center;min-height:34px;margin-top:5px;padding:5px 9px;color:#6d5736;font-size:11px;text-align:center}
.image-example{margin:20px auto 0;max-width:560px}
.image-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.image-example-pair figure{min-width:0;margin:0;padding:8px;border:1px solid #d7c6a7;border-radius:20px;background:#fffaf0;box-shadow:0 3px 0 #80674415}
.image-example-pair img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:14px;background:#ece3d3}
.image-example-pair figcaption{padding:7px 3px 2px;color:#5c4e3b;font-size:11px;text-align:center}
.image-example-note{margin-top:9px;color:#77684f;font-size:10px;line-height:1.5;text-align:center}
.image-handoff{margin:20px 0 0;padding:clamp(16px,2.5vw,24px);border-color:#cdbb9b;border-radius:23px;background:#fffaf0}
.image-handoff .section-top{align-items:center;gap:10px}
.image-handoff .section-top h3{font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:23px;margin:0}
.handoff-steps{display:grid;gap:6px;margin:10px 0 15px;padding-left:22px;color:#5c4e3b;font-size:12px;line-height:1.5}
.handoff-prompt-label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:#4e4134}
.image-handoff textarea{display:block;width:100%;min-height:160px;padding:12px 14px;border:1px solid #cabb9d;border-radius:16px;background:#f4eddf;color:#342b21;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.handoff-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.handoff-actions .button{min-height:43px;border-radius:15px;padding:9px 14px;font-size:12px;text-align:center;text-decoration:none}
.image-handoff .micro-copy{font-size:11px;line-height:1.55;color:#665842;margin:10px 0 0}
.image-handoff .image-id-warning{padding:9px 12px;border-radius:13px;background:#f1e2c6;color:#5f482f}
@media(max-width:760px){.image-lab-grid{grid-template-columns:1fr}.image-lab-card{min-height:0;padding:18px}.image-lab-card p{margin-bottom:13px}.handoff-actions{display:grid;grid-template-columns:1fr}.handoff-actions .button{width:100%}}
/* Keepsake maker: photo mats float above warm paper, with compact responsive editing. */
.keepsake-page{max-width:1120px;padding:26px 0 60px}.keepsake-intro{max-width:720px;margin:18px auto 28px;text-align:center}.keepsake-intro h1{font-size:clamp(42px,6vw,68px);line-height:.98;margin:0 0 12px;white-space:pre-line}.keepsake-intro>p:not(.eyebrow):not(.keepsake-local){color:var(--muted);font-size:15px}.keepsake-local{display:flex;gap:9px;align-items:center;justify-content:center;max-width:650px;margin:18px auto 0;padding:12px 16px;border:1px solid #b9b99f;border-radius:16px;background:#e7e8d4;color:#514f40;font-size:12px}.keepsake-local span:first-child{font-size:20px;color:#80503b}.keepsake-workspace{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);align-items:start;gap:22px}.keepsake-controls{position:sticky;top:20px;padding:22px;border-radius:24px;background:#fffaf0}.keepsake-controls .section-top{align-items:start;gap:10px}.keepsake-controls h2,.keepsake-preview-panel h2{font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:24px;margin:0 0 6px}.keepsake-count{flex:none;padding:5px 9px;border-radius:99px;background:#ede1ca;color:#68543a;font-size:10px}.keepsake-add{width:100%;justify-content:center;margin:11px 0 4px}.keepsake-controls>label:not(.keepsake-add){display:block;margin:14px 0 5px;font-size:12px;font-weight:700}.keepsake-text{width:100%;padding:11px 13px;border:1px solid #c8b795;border-radius:13px;background:#fffdf7;color:var(--ink);font-size:14px}.keepsake-text:focus{outline:3px solid #a8583e55;outline-offset:1px}.keepsake-controls .micro-copy{font-size:10px;color:#786950}.keepsake-controls .full{margin-top:12px;min-height:48px}.keepsake-status{min-height:1.4em;margin:8px 0 0;color:#725b3d;font-size:11px}.keepsake-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 12px}.keepsake-thumb{position:relative;width:63px;height:63px;transform:rotate(-2deg);padding:4px;background:#fffdf7;border:1px solid #e1d8c8;box-shadow:0 2px 5px #49351b20}.keepsake-thumb:nth-child(even){transform:rotate(2deg)}.keepsake-thumb img{width:100%;height:100%;object-fit:cover}.keepsake-thumb button{position:absolute;right:-8px;top:-9px;width:23px;height:23px;border:1px solid #c6b493;border-radius:50%;background:#fffaf0;font-size:16px;line-height:1}.keepsake-previews{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.47fr);align-items:start;gap:18px}.keepsake-preview-panel{min-width:0;padding:15px;border:1px solid #d6c6a7;border-radius:23px;background:#f5eddc}.keepsake-preview-panel>div:first-child{text-align:center;margin-bottom:11px}.keepsake-preview-panel h2{font-size:22px}.keepsake-preview-panel p{margin:0;color:#786950;font-size:10px}.keepsake-paper{display:grid;place-items:center;padding:9px;border:1px solid #dfd1b5;border-radius:14px;background:#e8dcc4}.keepsake-paper.landscape{aspect-ratio:6/4}.keepsake-paper.portrait{aspect-ratio:9/16;max-width:260px;margin-inline:auto}.keepsake-paper canvas{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 3px 10px #49351b25}.keepsake-footnote{max-width:65ch;margin:25px auto 0;color:#75664e;font-size:11px;text-align:center}.site-footer{margin-top:20px}.site-footer div{display:flex;gap:18px}.site-footer a{font-size:11px}
.keepsake-theme-label{display:block;margin:14px 0 5px;font-size:12px;font-weight:700}.keepsake-theme-select{width:100%;min-height:44px;padding:9px 13px;border:1px solid #c8b795;border-radius:13px;background:#eee4cf;color:var(--ink);font-size:13px}.keepsake-theme-description{min-height:2.7em;margin:6px 0 2px;color:#75664e;font-size:10px;line-height:1.45}
.portrait-studio-page{max-width:1120px;padding:30px 0 60px}.portrait-studio-intro{max-width:760px;margin:12px auto 28px;text-align:center}.portrait-studio-intro h1{max-width:14ch;margin:0 auto 14px;font-size:clamp(42px,6vw,68px);line-height:.98}.portrait-studio-lead{max-width:58ch;margin:0 auto;color:var(--muted);font-size:15px}.portrait-studio-notice{display:flex;gap:12px;align-items:start;max-width:720px;margin:20px auto 0;padding:14px 17px;border:1px solid #b9b99f;border-radius:19px;background:#e7e8d4;color:#514f40;text-align:left}.portrait-studio-notice>span{font-size:20px;color:#80503b}.portrait-studio-notice p{margin:2px 0;font-size:12px;line-height:1.55}.portrait-studio-legal{margin:13px auto 0;color:#776950;font-size:11px}.portrait-studio-grid{display:grid;grid-template-columns:minmax(275px,.7fr) minmax(0,1.3fr);align-items:start;gap:20px}.portrait-studio-controls,.portrait-style-panel{padding:21px;border-radius:25px;background:#fffaf0}.portrait-studio-controls .section-top{align-items:start;gap:10px}.portrait-studio-controls h2,.portrait-style-panel h2,.portrait-preview h2{margin:0;font-family:Gaegu,"Apple SD Gothic Neo","Malgun Gothic",cursive,sans-serif;font-size:24px}.portrait-upload{width:100%;justify-content:center;margin:12px 0 4px}.portrait-studio-controls .micro-copy,.portrait-style-panel .micro-copy{margin:7px 0;color:#786950;font-size:11px;line-height:1.5}.background-file-name{min-height:1.2em;margin:3px 0 10px;color:#695844;font-size:11px;overflow-wrap:anywhere}.background-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:13px 14px;border:1px solid #d2c5a9;border-radius:16px;background:#f4eddd;color:#574a39;font-size:11px;line-height:1.55}.background-consent input{flex:none;width:19px;height:19px;margin:0;accent-color:#765c43}.background-terms{display:inline-flex;min-height:40px;align-items:center;margin:1px 0 5px;color:#74513a;font-size:11px;text-decoration:underline;text-underline-offset:3px}.portrait-studio-controls .full{min-height:48px;margin-top:8px}.portrait-status{min-height:1.6em;margin:10px 0 0;color:#725b3d;font-size:11px;line-height:1.45}.portrait-studio-results{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.portrait-preview{min-width:0;padding:14px;border:1px solid #d6c6a7;border-radius:23px;background:#f5eddc}.portrait-preview-heading{display:flex;min-height:35px;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.portrait-preview h2{font-size:21px}.preview-tag{flex:none;padding:5px 9px;border-radius:99px;background:#ede1ca;color:#68543a;font-size:9px}.portrait-preview-paper{display:grid;min-height:220px;place-items:center;overflow:hidden;border:1px solid #dfd1b5;border-radius:16px;background:#e8dcc4}.portrait-preview-paper img,.portrait-preview-paper canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:11px}.portrait-preview-checker{background-color:#fffdf7;background-image:linear-gradient(45deg,#e8e1d5 25%,transparent 25%),linear-gradient(-45deg,#e8e1d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e1d5 75%),linear-gradient(-45deg,transparent 75%,#e8e1d5 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.portrait-preview-checker canvas[hidden]{display:none}.portrait-empty{max-width:24ch;padding:20px;color:#75664e;font-size:12px;text-align:center}.portrait-style-panel{grid-column:1/-1;margin-top:1px}.portrait-style-panel h2{font-size:24px}.background-swatches{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 17px}.background-swatch{display:flex;min-height:52px;align-items:center;gap:9px;padding:8px 13px;border:1px solid #d2c5a9;border-radius:999px;background:#f7f0e2;color:#473a2e;font-size:11px;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,background-color .2s ease}.background-swatch:hover{transform:translateY(-2px)}.background-swatch[aria-pressed=true]{border-color:#6c5740;background:#ece1ce;box-shadow:0 0 0 2px #6c574022}.swatch-color{width:24px;height:24px;border:1px solid #5c4b3822;border-radius:50%;background:#f2e8d8}.swatch-blue{background:#cadde9}.swatch-sage{background:#d2dfcf}.swatch-teal{background:#314a46}.swatch-transparent{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.edge-control{display:grid;grid-template-columns:auto minmax(80px,1fr) 44px;align-items:center;gap:12px;margin:11px 0 3px;color:#514533;font-size:12px}.edge-control input{width:100%;accent-color:#785f43}.edge-control output{font-variant-numeric:tabular-nums;text-align:right}.portrait-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.portrait-export-actions #background-pack{grid-column:1/-1}.portrait-export-actions .button{min-height:46px;padding:10px 15px;font-size:12px}.portrait-studio-footnote{max-width:72ch;margin:22px auto 0;color:#75664e;font-size:11px;line-height:1.55;text-align:center}.portrait-studio-page :focus-visible{outline:3px solid #a8583e88;outline-offset:3px}
@media(max-width:820px){.portrait-studio-grid{grid-template-columns:1fr}.portrait-studio-controls{max-width:650px;width:100%;margin-inline:auto}.portrait-studio-results{max-width:800px;width:100%;margin-inline:auto}}
@media(max-width:600px){.portrait-studio-page{padding-top:12px}.portrait-studio-intro{margin:8px auto 20px}.portrait-studio-intro h1{font-size:44px}.portrait-studio-lead{font-size:13px}.portrait-studio-notice{align-items:flex-start;padding:12px 13px}.portrait-studio-notice p{font-size:11px}.portrait-studio-controls,.portrait-style-panel{padding:17px;border-radius:20px}.portrait-studio-results{grid-template-columns:1fr}.portrait-preview{padding:12px}.portrait-preview-paper{min-height:170px}.portrait-preview-paper img,.portrait-preview-paper canvas{max-height:none}.background-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.background-swatch{justify-content:flex-start;min-height:48px;padding:7px 11px;font-size:10px}.edge-control{grid-template-columns:1fr 45px;gap:8px}.edge-control input{grid-column:1/-1;grid-row:2}.portrait-export-actions{grid-template-columns:1fr}.portrait-export-actions #background-pack{grid-column:auto}}
@media(max-width:820px){.keepsake-workspace{grid-template-columns:1fr}.keepsake-controls{position:static}.keepsake-controls{max-width:650px;width:100%;margin-inline:auto}.keepsake-previews{max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:600px){.keepsake-page{padding-top:12px}.keepsake-intro{margin:9px auto 20px}.keepsake-intro h1{font-size:44px}.keepsake-intro>p:not(.eyebrow):not(.keepsake-local){font-size:13px}.keepsake-local{align-items:flex-start;text-align:left;font-size:11px}.keepsake-controls{padding:17px;border-radius:19px}.keepsake-previews{grid-template-columns:1fr}.keepsake-preview-panel{padding:12px}.keepsake-paper.portrait{max-width:min(72vw,260px)}}

/* Lift the opened field above siblings inside the rotated paper card. */
.paper-select-wrap.is-open{z-index:95}
.paper-select-open-field,.check-panel .paper-select-open-field,.intro .paper-select-open-field,.site-header .paper-select-open-field{position:relative;z-index:95}