@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=Neucha&display=swap');
:root{--wine:#da263f;--ink:#34272c;--muted:#79646c;--line:#ebd9dd;--blush:#fff0f3}
body{font-family:'Golos Text',Arial,sans-serif;background:#fffdfb}header{height:90px;background:#fffdfb;border-bottom:1px solid #ecd7dc;padding:0 3.5%;gap:35px;justify-content:center}.brand{display:flex;align-items:center;justify-content:center;font-family:'Golos Text',sans-serif;letter-spacing:0;line-height:1;text-align:center}.brand .brand-words{font-weight:900;font-size:28px;letter-spacing:1.2px}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:7px;text-align:center}.header-note{font-family:Neucha,cursive;font-size:20px;color:#a94458;transform:rotate(-2deg)}.help{border:1px solid #ebd9dd;border-radius:30px;padding:11px 17px;font-weight:500;background:#fff}.help:hover{background:#fff0f3}
main{grid-template-columns:54% 46%;height:calc(100dvh - 90px);min-height:750px}.preview-pane{background-color:#f9cbd6;background-image:linear-gradient(90deg,#fff4 50%,transparent 50%),linear-gradient(#fff4 50%,transparent 50%);background-size:44px 44px;padding:23px 7% 18px}.preview-heading>span{font-size:11px;letter-spacing:1.1px;color:#813a4c}.preview-heading .text-button{border:1px solid #bc738c60;padding:7px 11px;border-radius:20px;color:#813a4c;background:#fff7}.preview-foot{color:#813a4c}.paper-wrap{position:relative;padding:25px 0 22px}.desk-sticker{position:absolute;top:15px;right:-23px;z-index:2;transform:rotate(12deg);font:24px/.9 Neucha,cursive;background:#ed3047;color:white;padding:18px 12px;border:4px solid #fffdfb;border-radius:50%;box-shadow:2px 4px 0 #97354e1a;text-align:center;pointer-events:none}.paper{--accent:#d92d47;background:#fffdf4;color:#583941;box-shadow:7px 9px 0 #c9698421,0 15px 40px #98374f21;border-radius:3px;transform:none}.paper:before{border:1px dashed #e8b3bd;inset:12px}.doc-top{font-weight:700;color:var(--accent);letter-spacing:1.1px;border-color:#eebec5}.doc-top>span:first-child{font-weight:900}.doc-heart{display:table;margin:17px auto 10px;font:28px/.9 Neucha,cursive;background:#ffe0e5;color:#d92d47;transform:rotate(-8deg);padding:7px 18px 8px;border-radius:50%}.doc-eyebrow{letter-spacing:1.3px}.paper h1{font-family:'Golos Text',Arial,sans-serif;font-size:34px;font-weight:800;line-height:1.03;letter-spacing:-1.4px;margin:13px 0}.names{font-family:Neucha,cursive;font-style:normal;font-size:28px}.names i{font-family:Neucha;color:var(--accent)}.intro{margin:12px 0}.paper li:before{color:var(--accent);font:16px Neucha}.paper ol{margin:14px 0}.polaroid{transform:rotate(-9deg);position:relative}.polaroid:before{content:'';position:absolute;top:-9px;left:30px;width:60px;height:19px;background:#f3afbd99;transform:rotate(4deg)}.polaroid figcaption{font:14px Neucha;color:#9c344c}.love-note p{font-family:Neucha;font-style:normal;font-size:20px;color:inherit}.love-note>span{font-size:35px}.doc-bottom{color:var(--accent);font-weight:600}.paper.minimal{--accent:#313e88;background:#fff;color:#2e3553}.paper.minimal .doc-heart{background:#eef0ff;color:#313e88}.paper.night{--accent:#ffdca9;background:#362550;color:#f6e0ef}.paper.night .doc-heart{background:#f6bace;color:#362550}.paper.night .names i{color:#f6bace}
.editor{background:#fffdfb;padding-top:28px}nav{gap:6px;margin-bottom:34px;border-bottom:1px solid #ebd9dd;padding-bottom:17px}nav button{flex-direction:row;justify-content:center;font-size:12px;gap:7px;color:#84747a}nav button:not(:last-child):after{display:none}nav b{width:23px;height:23px;background:#f2e9ec;font-size:11px}nav .active b{background:#ed3047}nav .done b{background:#ffdce5}nav .active{color:#c9243e}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#b32942}.editor h2{font:800 clamp(30px,2.6vw,41px)/1.08 'Golos Text',Arial,sans-serif;letter-spacing:-1.5px;margin-bottom:17px}.subtitle{font-size:15px;line-height:1.6;margin-bottom:26px;color:#7d626b}.field-label{font-size:15px}.occasion{min-height:92px;border-radius:15px;transition:transform .15s,box-shadow .15s;background:#fff}.occasion:hover{transform:translateY(-2px);border-color:#ee8ba0}.occasion.selected{border-color:#e63751;background:#fff0f4;box-shadow:3px 3px 0 #f8ced9}.occasion .symbol{font-size:25px;line-height:1;margin-bottom:12px;color:#e3324d}.occasion strong{font-size:14px;font-weight:600}.occasion .tick{border-radius:50%;background:#e63751;color:white;width:17px;height:17px;text-align:center}.names-fields label,.message-label{font-size:14px}input,textarea{font-size:16px;border-radius:11px;border-color:#e6d7dd;background:#fff;min-width:0}input:focus,textarea:focus{outline:3px solid #ffdce5;border-color:#e3324d}.hint{font-size:12px;color:#85626e}.primary{background:#ed3047;border-radius:30px;padding:16px 23px;font-size:15px;box-shadow:0 4px 0 #bb1830;transition:transform .15s,box-shadow .15s}.primary:hover{background:#d9203b;transform:translateY(-1px);box-shadow:0 5px 0 #bb1830}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #bb1830}.back{border-radius:30px}.editor-footer{padding-top:24px}.progress-copy{font-size:12px}.price-note{font-size:11px;margin-top:17px}.check{font-size:14px;border-radius:12px;padding:12px}.check:has(input:checked){border-color:#ed9eae;background:#fff0f4}.style-card{border-radius:12px;font-size:12px}.style-art{border-radius:6px;font-family:Neucha}.style-art.romantic{background:#ffdae3;color:#d92d47}.style-art.minimal{background:#eef0ff;color:#313e88}.style-art.night{background:#362550;color:#ffdca9}.stickers button{border-radius:12px;width:45px;height:42px}.stickers button.selected{background:#ffdae3}.photo-upload{border-radius:12px;background:#fff5f7}.summary-card{background:#fff0f4;border:1px solid #edacbc;border-radius:18px;box-shadow:4px 4px 0 #fae0e7}.amount{font-family:'Golos Text';font-weight:800;color:#d92d47}.notice{color:#814253;background:#fff0f4}.small-button{border-radius:11px}dialog{background:#fffdfb;border:2px solid #f1c6d2;border-radius:22px}dialog h2{font:800 30px/1.15 'Golos Text';letter-spacing:-1px}dialog::backdrop{background:#5f223b66}.fullscreen .paper{transform:none}.fullscreen .paper h1{font:800 42px/1.06 'Golos Text';letter-spacing:-1.5px}.fullscreen .desk-sticker{display:none}.fullscreen{background-color:#f9cbd6}
@media(min-width:1500px){.paper h1{font-size:38px}}
@media(max-width:1100px){.desk-sticker{right:-17px;font-size:20px;padding:14px 9px}.editor{padding-left:6%;padding-right:6%}nav button{font-size:10px;gap:4px}.editor h2{font-size:31px}.paper h1{font-size:32px}.occasion strong{font-size:13px}.progress-copy{font-size:11px}}
@media(max-width:760px){header{height:78px;padding:0 19px;gap:10px}.brand .brand-words{font-size:23px}.brand small{font-size:8px;margin-top:5px}.help{font-size:11px;padding:9px 12px}.help span{margin-left:5px}main{height:auto;min-height:calc(100dvh - 78px)}.editor{min-height:calc(100dvh - 78px);padding:23px 22px 88px}.editor h2{font-size:35px;letter-spacing:-1.3px}nav{margin-bottom:28px}nav button{font-size:11px;gap:5px}.eyebrow{font-size:10px}.subtitle{font-size:14px}.occasion strong{font-size:14px}.mobile-preview{background:#ffe0e9;border-color:#eda0b5;color:#bd263e;font-size:20px}.mobile-preview>span:last-child{background:#fff9fa;border-radius:20px;padding:8px 13px}.fullscreen .paper h1{font-size:31px}.fullscreen .paper{padding:25px 29px}.preview-heading>span{font-size:9px}.preview-heading .text-button{font-size:12px}.names-fields{gap:10px}.names-fields input{font-size:16px}.progress-copy{font-size:11px}.price-note{font-size:10px}.fullscreen{padding:18px 12px}.desk-sticker{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.paper{transform:none;border-radius:0;box-shadow:none}.desk-sticker{display:none}.paper h1{font-size:50px}.paper li{font-size:16px}.doc-top,.doc-bottom{font-size:10px}.paper:before{border-color:#e8b3bd}.doc-heart{font-size:38px}.paper .names{font-size:34px}.preview-pane{background:white}}