@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap");.santa-letter-section{position:relative;padding:clamp(70px,7vw,110px) 20px clamp(90px,8vw,130px);background:transparent;color:#fff3df;}.santa-letter-container{width:100%;max-width:1600px;margin:0 auto;}.santa-letter-heading{max-width:920px;margin:0 auto 46px;text-align:center;}.santa-letter-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;padding:10px 20px;border-radius:999px;border:1px solid rgba(240,200,90,0.45);background:rgba(88,20,25,0.52);color:#f0c85a;font-size:12px;font-weight:800;line-height:1;letter-spacing:0.16em;text-transform:uppercase;box-shadow:0 10px 26px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.08);}.santa-letter-title{margin:0;color:#fff3df !important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.4vw,52px);font-weight:400;line-height:1.15;letter-spacing:-0.02em;text-align:center;}.santa-letter-subtitle{max-width:760px;margin:18px auto 0;color:rgba(255,243,223,0.84);font-size:clamp(17px,1.35vw,21px);line-height:1.65;font-weight:400;}/* ================================================== Letter wrapper ================================================== */ .santa-letter-wrap{--font-main:"Shadows Into Light",cursive;--font-size:clamp(15px,2.1vw,24px);--line-color:#333;width:min(100%,900px);max-width:900px;margin:0 auto;padding:clamp(12px,2vw,22px);box-sizing:border-box;border-radius:32px;border:1px solid rgba(240,200,90,0.42);background:radial-gradient(circle at 20% 10%,rgba(240,200,90,0.14),transparent 34%),linear-gradient(180deg,rgba(92,20,28,0.45) 0%,rgba(38,6,13,0.58) 100%);box-shadow:0 38px 110px rgba(0,0,0,0.52),0 0 70px rgba(240,200,90,0.14),inset 0 1px 0 rgba(255,255,255,0.07);overflow:hidden;}/* ================================================== Letter paper preview ================================================== */ .santa-letter-paper{position:relative;width:100%;aspect-ratio:0.7070707071;margin:0 auto 20px;overflow:hidden;background:#fff;border-radius:18px;border:1px solid rgba(255,243,223,0.22);box-shadow:0 30px 86px rgba(0,0,0,0.44),0 0 0 1px rgba(240,200,90,0.18);}.santa-letter-bg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none;}/* ================================================== Editable text ================================================== */ .santa-hand{font-family:var(--font-main);font-size:var(--font-size);line-height:1.08;color:var(--line-color);word-break:normal;overflow-wrap:anywhere;}.santa-editable{outline:none;}.santa-editable:focus{outline:2px dashed rgba(120,80,40,0.35);outline-offset:3px;border-radius:4px;}.santa-dotted{border-bottom:2px dotted var(--line-color);min-width:90px;display:inline-block;padding:0 0.15rem;vertical-align:baseline;}.santa-full-line{display:block;width:100%;min-height:18px;border-bottom:2px dotted var(--line-color);}.santa-row{position:absolute;left:9%;width:82%;}/* ================================================== Desktop positions ================================================== */ .santa-r-name{top:43.5%;}.santa-r-age{top:47.5%;}.santa-r-gifts-h{top:51.5%;text-align:center;font-weight:700;}.santa-r-gift1{top:57%;}.santa-r-gift2{top:61.5%;}.santa-r-gift3{top:66%;}.santa-r-notes-h{top:70.5%;opacity:0.9;}.santa-r-note1{top:74.5%;}.santa-r-note2{top:78.5%;}.santa-age{min-width:44px !important;text-align:center;}.santa-been{min-width:120px !important;}/* ================================================== Button ================================================== */ .santa-letter-download-area{text-align:center;}.santa-letter-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:260px;min-height:54px;padding:12px 32px;border:none;border-radius:9999px;cursor:pointer;font-weight:800;font-size:18px;font-family:system-ui,sans-serif;background:linear-gradient(180deg,#f5d774 0%,#e8bf4c 100%);color:#2b1208;box-shadow:0 14px 34px rgba(248,200,71,0.25),inset 0 1px 0 rgba(255,255,255,0.38);transition:transform 0.15s ease,box-shadow 0.15s ease,filter 0.15s ease;white-space:nowrap;}.santa-letter-download-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(248,200,71,0.3),inset 0 1px 0 rgba(255,255,255,0.45);filter:brightness(1.02);}.santa-letter-download-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}.santa-letter-print-tip{margin:10px 0 0;text-align:center;font-size:12px;color:rgba(255,243,223,0.7);}/* ================================================== PDF EXPORT FIX This forces a clean A4 export ================================================== */ .santa-letter-export-stage{position:fixed !important;left:-99999px !important;top:0 !important;width:794px !important;height:1123px !important;background:#ffffff !important;overflow:hidden !important;z-index:-9999 !important;pointer-events:none !important;}.santa-letter-export-stage .santa-letter-paper{position:relative !important;width:794px !important;height:1123px !important;max-width:794px !important;min-width:794px !important;min-height:1123px !important;aspect-ratio:auto !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;background-color:#ffffff !important;background-repeat:no-repeat !important;background-position:center !important;background-size:100% 100% !important;}.santa-letter-export-stage .santa-letter-bg{display:none !important;}.santa-letter-export-stage .santa-hand{font-family:"Shadows Into Light",cursive !important;font-size:24px !important;line-height:1.08 !important;color:#333333 !important;word-break:normal !important;overflow-wrap:anywhere !important;}.santa-letter-export-stage .santa-dotted{border-bottom:2px dotted #333 !important;min-width:90px !important;}.santa-letter-export-stage .santa-full-line{min-height:18px !important;border-bottom:2px dotted #333 !important;}.santa-letter-export-stage .santa-row{position:absolute !important;left:9% !important;width:82% !important;}.santa-letter-export-stage .santa-r-name{top:43.5% !important;white-space:nowrap !important;}.santa-letter-export-stage .santa-r-age{top:47.5% !important;white-space:nowrap !important;}.santa-letter-export-stage .santa-r-gifts-h{top:51.5% !important;text-align:center !important;font-weight:700 !important;white-space:nowrap !important;}.santa-letter-export-stage .santa-r-gift1{top:57% !important;}.santa-letter-export-stage .santa-r-gift2{top:61.5% !important;}.santa-letter-export-stage .santa-r-gift3{top:66% !important;}.santa-letter-export-stage .santa-r-notes-h{top:70.5% !important;opacity:0.9 !important;}.santa-letter-export-stage .santa-r-note1{top:74.5% !important;}.santa-letter-export-stage .santa-r-note2{top:78.5% !important;}.santa-letter-export-stage .santa-age{min-width:44px !important;text-align:center !important;}.santa-letter-export-stage .santa-been{min-width:120px !important;}/* ================================================== Responsive ================================================== */ @media (max-width:980px){.santa-letter-wrap{width:min(100%,820px);}.santa-letter-download-btn{font-size:16px;padding:10px 26px;max-width:90%;}}@media (max-width:600px){.santa-letter-section{padding-left:12px;padding-right:12px;}.santa-letter-heading{margin-bottom:32px;}.santa-letter-title{font-size:30px;line-height:1.12;}.santa-letter-subtitle{font-size:17px;line-height:1.55;}.santa-letter-wrap{--font-size:clamp(9px,2.95vw,14px);width:100%;padding:8px;border-radius:22px;}.santa-letter-paper{width:100%;aspect-ratio:0.7070707071;border-radius:14px;margin-bottom:16px;}.santa-hand{line-height:1.03;}.santa-row{left:7.8%;width:84.5%;}.santa-r-name,.santa-r-age,.santa-r-gifts-h{white-space:normal;}.santa-dotted{min-width:42px;max-width:100%;padding:0 0.05rem;border-bottom-width:1.4px;}.santa-age{min-width:24px !important;}.santa-been{min-width:58px !important;}.santa-full-line{min-height:11px;border-bottom-width:1.4px;}.santa-r-name{top:43.4%;}.santa-r-age{top:47.2%;}.santa-r-gifts-h{top:51.5%;}.santa-r-gift1{top:57%;}.santa-r-gift2{top:61.5%;}.santa-r-gift3{top:66%;}.santa-r-notes-h{top:70.5%;}.santa-r-note1{top:74.5%;}.santa-r-note2{top:78.5%;}.santa-letter-download-btn{font-size:15px;padding:9px 22px;width:92%;max-width:420px;}}@media (max-width:390px){.santa-letter-wrap{--font-size:clamp(8px,2.7vw,12px);padding:7px;}.santa-row{left:7.4%;width:85.2%;}.santa-r-gifts-h{top:51.8%;}.santa-r-gift1{top:57.4%;}.santa-r-gift2{top:61.9%;}.santa-r-gift3{top:66.4%;}.santa-r-notes-h{top:70.9%;}.santa-r-note1{top:74.9%;}.santa-r-note2{top:78.9%;}.santa-letter-download-btn{font-size:14px;padding:8px 18px;}}/* ========================================= FIX:all editable text above dotted lines ========================================= */ /* Inline fields:name,age,very kind */ .santa-dotted{display:inline-block;min-height:1.25em;line-height:1;padding:0 0.18rem 7px;border-bottom:2px dotted var(--line-color);vertical-align:baseline;}/* Full line fields:gifts and notes */ .santa-full-line{display:block;width:100%;min-height:34px;line-height:1;padding:0 0 8px;border-bottom:2px dotted var(--line-color);box-sizing:border-box;}/* Text inside rows */ .santa-hand{line-height:1.2;}/* Rows with inline text */ .santa-r-name,.santa-r-age{line-height:1.25;}/* Rows with full editable lines */ .santa-r-gift1,.santa-r-gift2,.santa-r-gift3,.santa-r-note1,.santa-r-note2{line-height:1.2;}/* Age and been fields */ .santa-age{min-width:44px !important;text-align:center;padding-bottom:7px;}.santa-been{min-width:120px !important;padding-bottom:7px;}/* ========================================= PDF EXPORT FIX:all editable text above dotted lines ========================================= */ .santa-letter-export-stage .santa-dotted{display:inline-block !important;min-height:1.25em !important;line-height:1 !important;padding:0 4px 8px !important;border-bottom:2px dotted #333 !important;vertical-align:baseline !important;box-sizing:border-box !important;}.santa-letter-export-stage .santa-full-line{display:block !important;width:100% !important;min-height:36px !important;line-height:1 !important;padding:0 0 9px !important;border-bottom:2px dotted #333 !important;box-sizing:border-box !important;}.santa-letter-export-stage .santa-hand{line-height:1.22 !important;}.santa-letter-export-stage .santa-r-name,.santa-letter-export-stage .santa-r-age{line-height:1.26 !important;}.santa-letter-export-stage .santa-r-gift1,.santa-letter-export-stage .santa-r-gift2,.santa-letter-export-stage .santa-r-gift3,.santa-letter-export-stage .santa-r-note1,.santa-letter-export-stage .santa-r-note2{line-height:1.22 !important;}.santa-letter-export-stage .santa-age{min-width:44px !important;text-align:center !important;padding-bottom:8px !important;}.santa-letter-export-stage .santa-been{min-width:120px !important;padding-bottom:8px !important;}/* ========================================= Mobile fix ========================================= */ @media (max-width:600px){.santa-dotted{padding-bottom:4px;border-bottom-width:1.3px;}.santa-full-line{min-height:18px;padding-bottom:4px;border-bottom-width:1.3px;}.santa-age,.santa-been{padding-bottom:4px;}.santa-hand{line-height:1.12;}}