:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#181b1a;background:#fffaf0;font-synthesis:none;--ink:#181b1a;--cream:#fffaf0;--paper:#fff;--line:#cbc8be;--blue:#2d5bff;--pink:#f55e80;--mint:#bfeeda;--yellow:#ffd75c;--muted:#646a67;--shadow:7px 7px 0 #181b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}.shell{width:min(100% - 44px,1440px);margin-inline:auto}.site-header .nav{display:flex;min-height:78px;align-items:center;justify-content:space-between!important;gap:28px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links>a:not(.nav-pill){font-size:13px;font-weight:800;text-decoration:none}.eyebrow{color:#b33155;font-size:11px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #79a5ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.43}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:end;padding-block:62px 54px}.hero h1{max-width:950px;margin:12px 0 18px;font-size:clamp(44px,5.4vw,82px);line-height:.94;letter-spacing:-.06em}.hero p{max-width:770px;margin:0;color:#545c58;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.hero p strong{display:block;margin-bottom:3px;color:var(--ink);font-size:.82em}.hero-button{display:inline-flex;min-height:50px;margin-top:28px;align-items:center;padding:0 20px;border:2px solid var(--ink);border-radius:7px;background:var(--pink);box-shadow:4px 4px 0 var(--ink);color:#fff;font-size:14px;font-weight:900;text-decoration:none}.hero aside{border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow)}.hero aside>strong{display:block;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}.hero ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;counter-reset:hero-step}.hero li{min-height:66px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);counter-increment:hero-step;font-size:12px;font-weight:800}.hero li:nth-child(2n){border-right:0}.hero li:nth-last-child(-n+2){border-bottom:0}.hero li:before{display:block;margin-bottom:4px;color:var(--blue);content:"0" counter(hero-step);font-size:9px;letter-spacing:.12em}.privacy-bar{border-block:1px solid #94a99d;background:#e0f2e8}.privacy-bar .shell{display:flex;min-height:52px;align-items:center;gap:10px;font-size:13px}.privacy-bar i{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#118562}.privacy-bar span{color:#526158}.template-section{padding-block:70px 80px;scroll-margin-top:82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.how h2,.faq h2{margin:7px 0 5px;font-size:clamp(30px,3.8vw,54px);line-height:1;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font-size:13px}.category-tabs{display:flex;gap:8px;margin-block:26px 20px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.category-tabs button{min-height:38px;flex:0 0 auto;padding:7px 14px;border:1px solid #989b96;border-radius:999px;background:#fff;font-size:11px;font-weight:850}.category-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.template-card{display:grid;min-width:0;grid-template-rows:260px auto auto;padding:10px;overflow:hidden;border:1px solid #aaa79e;border-radius:9px;background:#fff;text-align:left;transition:transform .16s,box-shadow .16s,border-color .16s}.template-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px #181b1a24}.template-card.selected{border:2px solid var(--blue);padding:9px;box-shadow:4px 4px 0 var(--blue)}.template-visual{display:grid;min-width:0;overflow:hidden;place-items:center;background:#ece9e0}.template-visual>img,.template-visual>svg{display:block;width:100%;height:100%;object-fit:contain}.template-name{padding:11px 4px 2px;overflow:hidden;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.template-card small{padding:0 4px 5px;color:var(--muted);font-size:10px}.editor-section{padding-block:54px 74px;border-block:2px solid var(--ink);background:#eee9df;scroll-margin-top:77px}.editor-heading{margin-bottom:20px}.history{display:flex;gap:7px}.history button{min-height:38px;padding:7px 12px;border:1px solid #989b96;border-radius:6px;background:#fff;font-size:11px;font-weight:850}.studio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:780px;border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow)}.preview-column{display:grid;min-width:0;grid-template-rows:minmax(0,1fr) auto;border-right:2px solid var(--ink);background-color:#d9d6ce;background-image:linear-gradient(45deg,rgba(255,255,255,.28) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.28) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.28) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.28) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-stage{display:grid;min-height:700px;place-items:center;padding:40px;overflow:hidden}.card-preview{display:block;width:auto;max-width:100%;height:auto;max-height:690px;border:1px solid rgba(24,27,26,.35);background:#fff;box-shadow:0 22px 48px #181b1a42;touch-action:none;user-select:none}.card-preview .photo-target{cursor:grab}.card-preview .photo-target:active{cursor:grabbing}.preview-note{min-height:52px;margin:0;padding:13px 17px;border-top:1px solid #aaa69e;background:#fffffff5;color:#565e5a;font-size:12px;line-height:1.5}.form-column{background:#fff}.control-block{padding:23px;border-bottom:1px solid var(--line)}.control-block:last-child{border-bottom:0}.step-title{display:grid;grid-template-columns:30px 1fr;gap:11px}.step-title>span{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:900}.step-title h3{margin:1px 0 3px;font-size:17px}.step-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.photo-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.photo-buttons label{display:grid;min-height:42px;place-items:center;padding:7px;border:1px solid #9b9d99;border-radius:6px;background:#fff;font-size:11px;font-weight:850;cursor:pointer}.photo-buttons label.selected{outline:2px solid var(--blue);outline-offset:1px}.photo-buttons label.filled{background:#e5f6ed}.photo-buttons input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:.001}.photo-adjust{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid #b7bab5;border-radius:7px;background:#f7f8f6}.photo-adjust label>span,.quality>span,.select-field>span,.fields label>span{display:flex;justify-content:space-between;margin-bottom:6px;color:#4e5652;font-size:11px;font-weight:850}.photo-adjust input,.quality input{width:100%;accent-color:var(--blue)}.photo-adjust>div{display:flex;gap:8px}.photo-adjust button{min-height:34px;padding:5px 10px;border:1px solid #a7aaa5;border-radius:5px;background:#fff;font-size:10px;font-weight:800}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.fields .wide{grid-column:1/-1}.fields input,.fields textarea,.select-field select{width:100%;min-height:42px;padding:9px 10px;border:1px solid #a5a8a3;border-radius:6px;background:#fff;color:var(--ink)}.fields textarea{resize:vertical;line-height:1.45}.fields small{color:#8a8f8b;font-weight:600}.message-ideas{margin-top:11px;border-top:1px solid var(--line)}.message-ideas summary{padding:12px 1px 7px;font-size:11px;font-weight:850;cursor:pointer}.message-ideas button{display:block;width:100%;padding:8px 2px;border:0;border-bottom:1px solid #e1e0dc;background:transparent;color:#4f5854;font-size:10px;text-align:left}.select-field{display:block;margin-top:16px}.format-switch{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}.format-switch button{min-height:40px;border:1px solid #9c9f9b;background:#fff;font-size:11px;font-weight:900}.format-switch button+button{border-left:0}.format-switch button:first-child{border-radius:6px 0 0 6px}.format-switch button:last-child{border-radius:0 6px 6px 0}.format-switch button.active{background:var(--ink);color:#fff}.quality{display:block;margin-top:12px}.download-button,.share-button{width:100%;min-height:49px;margin-top:13px;border:2px solid var(--ink);border-radius:7px;font-weight:900}.download-button{background:var(--pink);box-shadow:4px 4px 0 var(--ink);color:#fff}.download-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.share-button{margin-top:9px;background:#fff}.status{min-height:34px;margin:13px 0 0;color:#526158;font-size:11px;line-height:1.5}.how{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding-block:72px;border-bottom:1px solid var(--line)}.how>div p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.65}.how ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border:1px solid var(--line);background:#fff;list-style:none;counter-reset:steps}.how li{min-height:178px;padding:20px;border-right:1px solid var(--line);counter-increment:steps}.how li:last-child{border-right:0}.how li:before{display:block;margin-bottom:32px;color:var(--pink);content:"0" counter(steps);font-size:10px;font-weight:900;letter-spacing:.14em}.how strong,.how span{display:block}.how strong{margin-bottom:7px;font-size:14px}.how span{color:var(--muted);font-size:11px;line-height:1.55}.faq{max-width:980px;padding-block:70px 86px}.faq h2{margin-bottom:25px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:17px 2px;font-size:14px;font-weight:850;cursor:pointer}.faq p{max-width:820px;margin:-2px 2px 18px;color:var(--muted);font-size:12px;line-height:1.65}@media(max-width:1120px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}.preview-stage{padding:25px}}@media(max-width:840px){.shell{width:min(100% - 26px,760px)}.nav-links>a:not(.nav-pill){display:none}.hero{grid-template-columns:1fr;gap:30px;padding-block:44px 38px}.hero aside{max-width:560px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{grid-template-columns:1fr}.preview-column{border-right:0;border-bottom:2px solid var(--ink)}.preview-stage{min-height:500px}.card-preview{max-height:480px}.how{grid-template-columns:1fr;gap:27px}}@media(max-width:520px){.shell{width:calc(100% - 20px)}.site-header .nav{min-height:68px}.hero{padding-block:32px 28px}.hero h1{font-size:clamp(39px,12.4vw,55px)}.hero p{font-size:16px}.hero-button{width:100%;justify-content:center}.hero aside{box-shadow:4px 4px 0 var(--ink)}.privacy-bar .shell{flex-wrap:wrap;gap:4px 8px;padding-block:10px}.privacy-bar span{flex-basis:calc(100% - 20px);margin-left:18px}.template-section{padding-block:50px 58px}.section-heading{align-items:start;flex-direction:column;gap:12px}.template-grid{gap:9px}.template-card{grid-template-rows:186px auto auto;padding:7px}.template-card.selected{padding:6px;box-shadow:3px 3px 0 var(--blue)}.template-name{padding:8px 2px 1px;font-size:12px;white-space:normal}.template-card small{padding-inline:2px;font-size:8px}.editor-section{padding-block:34px 48px}.editor-heading{gap:15px}.history{width:100%}.history button{flex:1;padding-inline:5px}.studio{box-shadow:4px 4px 0 var(--ink)}.preview-stage{min-height:410px;padding:14px}.card-preview{max-height:395px}.control-block{padding:20px 15px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.how{padding-block:52px}.how ol{grid-template-columns:1fr}.how li{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.how li:last-child{border-bottom:0}.how li:before{margin-bottom:12px}.faq{padding-block:52px 66px}}.card-preview .text-target{cursor:grab}.card-preview .text-target:active,.card-preview.calibrating .photo-target{cursor:grabbing}.photo-adjust,.text-adjust,.calibration-panel{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid #b7bab5;border-radius:7px;background:#f7f8f6}.text-adjust label>span,.calibration-panel label>span{display:flex;justify-content:space-between;margin-bottom:6px;color:#4e5652;font-size:11px;font-weight:850}.text-adjust input,.calibration-panel input{width:100%;accent-color:var(--blue)}.text-adjust>div,.calibration-panel>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.text-adjust button,.calibration-panel button{min-height:36px;padding:6px 10px;border:1px solid #a7aaa5;border-radius:5px;background:#fff;font-size:10px;font-weight:800}.text-adjust>div>span,.calibration-panel p,.calibration-panel small{color:#626965;font-size:10px;line-height:1.45}.calibration-banner{display:flex;margin-bottom:14px;padding:12px 15px;align-items:center;gap:12px;border:2px solid var(--ink);background:#fff3ba;font-size:11px}.calibration-banner span{color:#555c58}.calibration-title strong{font-size:12px}.calibration-title button.active{border-color:var(--ink);background:var(--ink);color:#fff}.calibration-panel p{margin:0}.calibration-panel small{display:block}.calibration-panel .save-layout-button{width:100%;min-height:44px;border:2px solid var(--ink);background:var(--blue);box-shadow:3px 3px 0 var(--ink);color:#fff;font-size:12px}.calibration-panel .save-layout-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.calibration-output{display:block}.calibration-output textarea{width:100%;min-height:150px;padding:8px;border:1px solid #9fa39e;border-radius:5px;background:#fff;font:10px/1.4 Consolas,monospace;resize:vertical}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.print-button{width:100%;min-height:49px;margin-top:9px;border:2px solid var(--ink);border-radius:7px;background:#fff4c9;font-weight:900}.print-card-surface{display:none}@media print{html,body,#root{width:var(--print-width);height:var(--print-height);margin:0!important;padding:0!important;background:#fff!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}#root>:not(.print-card-surface){display:none!important}#root>.print-card-surface{display:block!important;position:absolute;inset:0;width:var(--print-width);height:var(--print-height);overflow:hidden;background:#fff}.print-card-surface svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important}}