.tabs{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:4px}.referenceGrid{grid-template-columns:1fr;gap:2mm;width:100%;display:grid}.referenceGrid article{break-inside:avoid;background:#fff;padding:3mm}.referenceGrid h3{color:#082c6c;margin:0;font-size:11pt}.referenceGrid p{color:#304e7d;margin:1mm 0 2mm}.referenceGrid span,.referenceGrid a{line-height:1.4;display:block}.referenceGrid a{color:#0867c7;text-decoration:underline}.paper{isolation:isolate;position:relative}.paperStack{justify-items:center;gap:28px;display:grid}.paperPage,.measurePaper{height:297mm;min-height:297mm;overflow:hidden}.pageFlow{height:100%}.resumeBlock{display:flow-root}.pageNumber{z-index:30;color:#5f6c80;letter-spacing:.5px;background:#ffffffe6;border-radius:20px;padding:1.2mm 2mm;font:700 7pt Manrope,Arial,sans-serif;position:absolute;bottom:2mm;right:2.5mm}.measurePaper{z-index:-1;visibility:hidden;pointer-events:none;top:0;left:-10000px;overflow:visible;box-shadow:none!important;margin:0!important;position:fixed!important;transform:none!important}.measurePaper .pageFlow{height:auto}.identity,.contactGrid,.contactGrid>div,.resumeCard,.skillGrid article,.referenceGrid article{min-width:0}.contactGrid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.identity h2,.identity p,.contactGrid b,.contactGrid span,.contactGrid a,.resumeCard h3,.resumeCard h4,.resumeCard li,.skillGrid h3,.skillGrid li,.referenceGrid h3,.referenceGrid p,.referenceGrid span,.referenceGrid a{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.previewWatermark{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0;overflow:hidden}.previewWatermark span{color:#082c6c2e;letter-spacing:1.8px;text-align:center;white-space:nowrap;mix-blend-mode:multiply;border-top:1px solid #082c6c29;border-bottom:1px solid #082c6c29;width:145%;margin-left:-22.5%;padding:3mm 0;font:800 15pt Manrope,Arial,sans-serif;display:block;transform:rotate(-24deg)}.paper.cleanPrint .previewWatermark{display:none!important}.pdfCapture .paperPage{transform:none!important}@media (width<=560px){.tabs{grid-template-columns:repeat(3,1fr)}}.checkoutOverlay{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#061227c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkoutCard{scrollbar-width:thin;background:#fff;border:1px solid #ffffffb3;border-radius:22px;width:min(540px,100%);max-height:94vh;padding:30px 32px;position:relative;overflow:auto;box-shadow:0 32px 90px #00000057}.closeCheckout{color:#70798a;cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:14px;right:15px}.closeCheckout:hover{color:#25364f;background:#f0f3f7}.secureEyebrow{color:#082c6c;letter-spacing:1.5px;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-flex}.secureEyebrow>span{color:#127251;letter-spacing:0;background:#e2f5ec;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.checkoutTitle span{color:#082c6c;letter-spacing:1.5px;font-size:10px;font-weight:800}.checkoutTitle h2{color:#14213a;margin:4px 38px 7px 0;font:800 26px/1.18 Manrope,sans-serif}.checkoutTitle p{color:#667085;margin:0;font-size:12px;line-height:1.5}.checkoutTitle.centered{text-align:center}.checkoutTitle.centered h2{margin-right:0}.checkoutProgress{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:19px 0 15px;padding:0;list-style:none;display:grid}.checkoutProgress li{color:#7a8596;background:#f8fafc;border:1px solid #e0e6ef;border-radius:10px;grid-template-columns:24px 1fr;align-items:center;gap:6px;min-width:0;padding:8px;display:grid}.checkoutProgress li>span{background:#e6ebf2;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:grid}.checkoutProgress li>b{min-width:0;font-size:10px;line-height:1.25}.checkoutProgress li.active{color:#082c6c;background:#eff5fd;border-color:#a9c2e4}.checkoutProgress li.active>span{color:#fff;background:#082c6c}.checkoutProgress li.complete{color:#176b4e;background:#f0faf6;border-color:#b9decf}.checkoutProgress li.complete>span{color:#fff;background:#17845f}.orderLine{color:#526076;background:#f7f9fc;border:1px solid #dce5f0;border-radius:10px;justify-content:space-between;align-items:center;margin:13px 0;padding:13px 15px;font-size:12px;display:flex}.orderLine strong{color:#082c6c;font:800 18px Manrope,sans-serif}.orderLine>div span,.orderLine>div small{display:block}.orderLine>div span{color:#25364f;font-weight:800}.orderLine>div small{color:#758198;margin-top:2px;font-size:10.5px;line-height:1.4}.qrFrame{border:1px solid #e3e8f0;border-radius:14px;width:235px;height:235px;margin:auto;overflow:hidden}.qrFrame img{object-fit:cover;object-position:center 37%;width:100%;height:100%;transform:scale(1.55)}.paySteps{color:#515b6d;margin:17px 0;padding-left:22px;font-size:12px;line-height:1.7}.whatsappButton,.downloadAfterPay{color:#fff;text-align:center;cursor:pointer;background:#168a5b;border:0;border-radius:10px;width:100%;padding:14px;font-weight:800;text-decoration:none;display:block}.toyyibMark{color:#082c6c;background:linear-gradient(135deg,#f0f6ff,#f8fbff);border:1px solid #ceddf1;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:11px 0;padding:13px 14px;display:grid}.toyyibMark>div{align-items:center;gap:7px;display:flex}.toyyibMark b{font:800 16px Manrope,sans-serif}.toyyibMark strong{color:#fff;letter-spacing:.5px;background:#082c6c;border-radius:5px;padding:3px 5px;font-size:7px}.toyyibMark>span{color:#52647d;font-size:10.5px;line-height:1.35}.toyyibMark small{color:#708099;font-size:9.5px}.paymentAssurances{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 13px;display:grid}.paymentAssurances span{color:#24664f;background:#f1faf6;border-radius:8px;align-items:center;gap:5px;min-width:0;padding:8px;font-size:10px;font-weight:700;line-height:1.3;display:flex}.toyyibButton{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#082c6c,#0a438f);border:0;border-radius:12px;width:100%;min-height:52px;padding:14px;font:800 16px Manrope,sans-serif;text-decoration:none;display:block;box-shadow:0 10px 24px #082c6c38}.toyyibButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 28px #082c6c47}.toyyibButton:disabled{box-shadow:none;cursor:not-allowed;background:#9aa9bc}.paymentCtaNote{color:#40516a;text-align:left;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.paymentCtaNote>span{color:#082c6c;background:#e9f1fc;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.paymentCtaNote b,.paymentCtaNote small{display:block}.paymentCtaNote b{font-size:10.5px}.paymentCtaNote small{color:#778295;margin-top:1px;font-size:9.5px}.pendingPaymentReady{background:#f1faf6;border:1px solid #c6dfd4;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:17px 0;padding:14px;display:grid}.pendingPaymentReady>span{background:#d9f1e7;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.pendingPaymentReady b,.pendingPaymentReady small{display:block}.pendingPaymentReady b{color:#1c503f;font-size:11px}.pendingPaymentReady small{color:#567267;margin-top:3px;font-size:10px;line-height:1.4}.pendingPaymentReady>strong{color:#082c6c;white-space:nowrap;font:800 14px Manrope,sans-serif}.checkPaymentButton{color:#123b74;cursor:pointer;background:#fff;border:1px solid #aebed3;border-radius:10px;width:100%;min-height:46px;margin-top:11px;font-size:11px;font-weight:800;display:block}.checkPaymentButton:disabled{opacity:.6;cursor:wait}.paidCheckHint{color:#7b8697;text-align:center;margin-top:6px;font-size:10px;line-height:1.4;display:block}.paymentHelp{color:#168a5b;text-align:center;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;padding:0;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;display:block}.paymentHelp:disabled{opacity:.55;cursor:wait}.manualNote{color:#8991a0;text-align:center;margin-top:10px;font-size:9px;display:block}.successIcon{color:#168a5b;background:#dff6eb;border-radius:50%;place-items:center;width:68px;height:68px;margin:14px auto 19px;font-size:32px;font-weight:800;display:grid}.downloadAfterPay{background:#082c6c;margin-top:24px}.backPay{color:#667085;cursor:pointer;background:0 0;border:0;margin:12px auto 0;font-size:11px;display:block}.privateDownloadLink{color:#146b4b;text-align:center;background:#effaf5;border:1px solid #b8d8ca;border-radius:9px;margin:14px 0 4px;padding:12px 14px;font-size:11px;font-weight:800;text-decoration:none;display:block}.handoffState{text-align:center;align-content:center;justify-items:center;min-height:390px;padding:18px 8px;display:grid}.handoffShield{color:#16835e;background:linear-gradient(145deg,#dff6eb,#edf9f4);border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:16px;font-size:30px;font-weight:800;display:grid;box-shadow:0 12px 30px #16835e24}.handoffLoader{gap:7px;margin:25px 0 13px;display:flex}.handoffLoader i{background:#0b3d7d;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite handoffPulse}.handoffLoader i:nth-child(2){animation-delay:.15s}.handoffLoader i:nth-child(3){animation-delay:.3s}.handoffWait{color:#435168;font-size:10px}.handoffFacts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.handoffFacts span{color:#365172;background:#f0f5fb;border-radius:20px;padding:7px 9px;font-size:8px;font-weight:700}@keyframes handoffPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media print{html,body,.paper,.paper *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.paper{background:#f1f1f1!important}.paperStack{display:block}.paperPage{break-after:page;page-break-after:always;overflow:hidden;height:297mm!important;min-height:297mm!important;margin:0!important}.paperPage:last-child{break-after:auto;page-break-after:auto}.measurePaper{display:none!important}.previewWatermark span{color:#082c6c33!important;border-color:#082c6c2e!important}.resumeHeading{color:#fff!important;background:#082c6c!important}.identity>h2,.identity>p,.contactGrid>div,.resumeCard,.skillGrid article,.referenceGrid article{background:#fff!important}}.secureSetup{background:#eef2f7;place-items:center;min-height:100vh;padding:24px;display:grid}.secureSetupCard{background:#fff;border-radius:18px;width:min(470px,100%);padding:34px;box-shadow:0 24px 70px #14213d26}.secureBadge{color:#082c6c;letter-spacing:1.5px;font-size:10px;font-weight:800}.secureSetupCard h1{margin:7px 0 10px;font:800 26px Manrope,sans-serif}.secureSetupCard p{color:#667085;font-size:13px;line-height:1.55}.secureSetupCard label{gap:7px;margin-top:22px;display:grid}.secureSetupCard label span{font-size:11px;font-weight:700}.secureSetupCard input{border:1px solid #d5dae4;border-radius:9px;padding:13px;font:13px DM Sans,sans-serif}.secureSetupCard button{color:#fff;cursor:pointer;background:#082c6c;border:0;border-radius:9px;width:100%;margin-top:14px;padding:14px;font-weight:800}.secureSetupCard small{color:#8a91a0;text-align:center;margin-top:15px;font-size:10px;display:block}.setupMessage{border-radius:8px;margin-top:15px;padding:12px;font-size:12px}.setupMessage.done{color:#176b49;background:#e5f7ee}.setupMessage.error{color:#9d3434;background:#fff0f0}.transactionField{gap:7px;margin-top:22px;display:grid}.transactionField span{font-size:11px;font-weight:700}.transactionField input{text-transform:uppercase;border:1px solid #d5dae4;border-radius:9px;width:100%;padding:13px}.paperFrame{width:210mm;height:297mm;position:relative}.paperFrame>.paper{transform-origin:0 0;margin:0;position:absolute;inset:0}.template-ats{background:#fff}.template-ats .resumeTop{display:block}.template-ats .portrait{display:none}.template-ats .identity{display:block}.template-ats .identity>h2,.template-ats .identity>p,.template-ats .contactGrid>div,.template-ats .resumeCard,.template-ats .skillGrid article,.template-ats .referenceGrid article{background:#fff;padding-left:0;padding-right:0}.template-ats .identity>h2{color:#121820;border-bottom:1.2mm solid #1a2029;padding-top:0;font-size:21pt}.template-ats .identity>p{padding-bottom:1mm}.template-ats .contactGrid{border-bottom:.3mm solid #343b45;grid-template-columns:1.5fr 1fr}.template-ats .resumeHeading{color:#121820;background:0 0;border-bottom:.55mm solid #1a2029;margin-top:4mm;padding:1.7mm 0;font-size:11pt}.template-ats .resumeCard h3,.template-ats .skillGrid h3,.template-ats .referenceGrid h3{color:#121820}.template-ats .skillGrid{grid-template-columns:repeat(3,1fr)}.template-modern{--navy:#082c6c}.template-graduate{background:#f7fbfa}.template-graduate .portrait{display:none}.template-graduate .resumeTop{display:block}.template-graduate .identity>h2{color:#fff;text-align:center;background:#087363;padding:5mm 4mm 3mm}.template-graduate .identity>p{text-align:center;padding:3mm 5mm}.template-graduate .contactGrid{grid-template-columns:1.5fr 1fr}.template-graduate .resumeHeading{background:#087363}.template-graduate .resumeCard h3,.template-graduate .skillGrid h3,.template-graduate .referenceGrid h3,.template-graduate .contactGrid b{color:#087363}.template-graduate .resumeCard,.template-graduate .skillGrid article,.template-graduate .referenceGrid article,.template-graduate .contactGrid>div{border:1px solid #dcebe7}.template-graduate .skillGrid{grid-template-columns:repeat(3,1fr)}@media (width<=1100px) and (width>=761px){.paperFrame>.paper{margin:0;transform:none}.paperFrame{width:210mm;height:297mm}}@media (width<=760px){.previewWrap{min-height:calc(100vh - 190px);padding:14px 12px 34px;overflow:auto}.previewHeader{width:100%;margin-bottom:10px}.paperStack{gap:16px}.paperFrame{margin:0 auto}.paperFrame>.paper{margin:0!important}.printHint{font-size:9px}.pageNumber{display:block!important}.tabs{grid-template-columns:repeat(3,1fr)}}.coverLetterPreview{background:#fff}.coverLetterPreview.template-modern{background:#f1f5fc}.coverLetterPreview.template-graduate{background:#f7fbfa}.coverLetterDocument{z-index:1;color:#121c30;height:100%;padding:9mm 12mm 8mm;font:10.5pt/1.38 Arial,sans-serif;display:block;position:relative;overflow:hidden}.coverLetterDocument .coverLetterAccent{background:#141a21;height:2.5mm;position:absolute;top:-6mm;left:-18mm;right:-18mm}.coverLetterPreview.template-modern .coverLetterAccent{background:#082c6c;height:3.5mm}.coverLetterPreview.template-graduate .coverLetterAccent{background:#087363}.coverLetterDocument header{color:#5a6678;overflow-wrap:anywhere;border-bottom:.5mm solid #141a21;flex-direction:column;margin:0 0 4mm;padding-bottom:4mm;font-size:9.2pt;line-height:1.25;display:flex}.coverLetterDocument header span:first-child{color:#141a21;margin-bottom:1.5mm;font-size:18pt;font-weight:700}.coverLetterPreview.template-modern .coverLetterDocument header span:first-child,.coverLetterPreview.template-modern .coverLetterDocument h2{color:#082c6c}.coverLetterPreview.template-graduate .coverLetterDocument header span:first-child,.coverLetterPreview.template-graduate .coverLetterDocument h2{color:#087363}.coverLetterDocument .coverDate{color:#5a6678;margin:0 0 3.5mm}.coverRecipient{overflow-wrap:anywhere;flex-direction:column;margin-bottom:4mm;line-height:1.25;display:flex}.coverLetterDocument h2{color:#141a21;margin:0 0 4mm;font-size:11.1pt;line-height:1.25}.coverLetterDocument>p{overflow-wrap:anywhere;margin:0 0 4mm}.coverLetterDocument footer{flex-direction:column;margin-top:5mm;line-height:1.4;display:flex}.coverLetterDocument footer span:last-child{margin-top:1.5mm;font-weight:700}.editorStatus{justify-items:end;gap:4px;display:grid}.draftState{color:#778196;font-size:8px;font-weight:700}.draftState.saved{color:#16805c}.draftState.error{color:#a64141}.draftRestoreNotice{color:#184f3d;background:#effaf5;border:1px solid #bfe7d5;border-radius:11px;align-items:center;gap:11px;max-width:760px;margin:13px auto 0;padding:11px 14px;display:flex}.draftRestoreNotice>span{color:#fff;background:#1d8c63;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.draftRestoreNotice div{flex:1;gap:2px;display:grid}.draftRestoreNotice b{font-size:11px}.draftRestoreNotice small{color:#547064;font-size:9px;line-height:1.4}.draftRestoreNotice button{color:#567166;cursor:pointer;background:0 0;border:0;font-size:20px}.reminderConsent{background:#f7faff;border:1px solid #d8e2f0;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:13px;display:grid}.reminderConsent input{accent-color:#082c6c;margin-top:2px}.reminderConsent span{gap:4px;display:grid}.reminderConsent b{color:#263852;font-size:11px}.reminderConsent small{color:#6d788b;font-size:9px;line-height:1.45}.reminderConsent em{color:#247154;font-size:8px;font-style:normal;font-weight:700;line-height:1.4}@media (width<=760px){.draftRestoreNotice{margin:10px 12px 0}.draftRestoreNotice small{font-size:8px}.editorStatus{max-width:145px}.draftState{text-align:right}.reminderConsent{padding:12px}}.editor{scrollbar-width:thin;scrollbar-color:#b8c3d3 transparent}.editorContents{border:0;min-width:0;margin:0;padding:0}.editorContents:disabled{opacity:.74}.paymentEditLock{color:#1c3558;background:#f8fbff;border:1px solid #d7e1ef;border-radius:12px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:grid}.paymentEditCopy{gap:4px;display:grid}.paymentEditLock b{font-size:12px}.paymentEditLock small{color:#617089;font-size:11px;line-height:1.45}.paymentEditActions{justify-content:flex-end;gap:8px!important;display:flex!important}.paymentEditLock button{color:#fff;cursor:pointer;background:#082c6c;border:1px solid #082c6c;border-radius:9px;min-height:42px;padding:9px 13px;font-size:10px;font-weight:800}.paymentEditLock button:disabled{cursor:wait;opacity:.7}.paymentEditLock .editResumeButton{color:#082c6c;background:#fff;border-color:#9bb5d8}.editorHead{gap:24px;padding:2px 2px 4px}.editorHead h1{letter-spacing:-.025em}.progressBar{background:#e8edf4;border-radius:999px;height:7px;overflow:hidden}.progressBar i{background:linear-gradient(90deg,#082c6c,#2c67b5);box-shadow:0 0 14px #2c67b54d}.templateChooser{background:linear-gradient(145deg,#f8faff,#f3f6fb);border-color:#d9e2ee;border-radius:18px;padding:20px;box-shadow:0 12px 30px #1720340d}.templateIntro{margin-bottom:16px}.templateIntro h2{font-size:19px}.templateIntro>span{background:#e7f7ef;border-radius:999px;padding:5px 9px;font-size:10px}.templateCards{gap:12px}.templateCards>button{border-radius:14px;gap:7px;min-height:150px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.templateCards>button:hover{border-color:#9fb3cf;transform:translateY(-2px);box-shadow:0 10px 22px #13294c14}.templateCards>button:focus-visible,.tabs button:focus-visible,.add:focus-visible,.groupTitle button:focus-visible,.photoButton:focus-within{outline-offset:2px;outline:3px solid #2c67b53d}.templateCards>button.active{border-color:#1d5baa;box-shadow:0 0 0 3px #1d5baa1f,0 12px 24px #082c6c14}.templateCards b{font-size:12px}.templateCards small{font-size:9.5px;line-height:1.4}.templateCards em{padding:4px 7px;font-size:7px;top:10px;right:10px}.templateMini{border-radius:2px;gap:3px;width:52px;height:67px;padding:7px;box-shadow:0 4px 10px #1d2b4114}.templateMini i{height:3px}.templateMini i:first-child{height:7px}.tabs{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:0;gap:7px;margin:0 -6px 24px;padding:10px 6px;position:sticky;top:0}.tabs button{border:1px solid #0000;border-radius:11px;min-height:58px;padding:10px 8px;font-size:12px;transition:color .18s,background .18s,border-color .18s}.tabs button:hover{color:#244f89;background:#f2f6fb}.tabs button.active{background:#eaf2fc;border-color:#d5e2f2;box-shadow:0 6px 14px #082c6c12}.tabs button.active:after{height:3px;bottom:5px;left:28%;right:28%}.fields{gap:20px}.field{gap:9px}.field>span,.photoField b{font-size:12px}.field>span em{color:#a33b3b;font-style:normal}.field input,.field textarea{background:#fbfcfe;border-color:#d5deea;border-radius:12px;min-height:48px;padding:13px 15px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.field textarea{min-height:108px}.field input:hover,.field textarea:hover{background:#fff;border-color:#aebdd1}.field input:focus,.field textarea:focus{background:#fff;border-color:#2c67b5;box-shadow:0 0 0 4px #2c67b51f}.photoField{background:linear-gradient(135deg,#f8faff,#f1f5fb);border:1px solid #e0e7f0;border-radius:16px;gap:18px;padding:18px}.photoButton{background:#edf3fc;border-width:2px;flex:none;width:76px;height:76px;transition:transform .18s,background .18s}.photoButton:hover{background:#e2ecfa;transform:scale(1.03)}.photoField small{margin-top:6px;font-size:11.5px}.group{background:#fff;border-color:#dae3ee;border-radius:16px;gap:16px;padding:20px;box-shadow:0 8px 22px #1720340b}.groupTitle{align-items:center;font-size:13px}.groupTitle button{background:#fff1f1;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700}.add{border-width:2px;border-radius:12px;min-height:48px;transition:background .18s,border-color .18s,transform .18s}.add:hover{background:#edf4fd;border-color:#5f83b6;transform:translateY(-1px)}.payment{border-radius:14px;margin-top:28px;padding:16px;box-shadow:0 8px 22px #18805c0f}.payment.incomplete{background:#fff9ea;border-color:#f0d7a3;box-shadow:0 8px 22px #9164140f}.payment.incomplete>span{background:#b47a17}.previewPlaceholder{opacity:.62;color:#69778b!important}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2c67b54d}@media (width>=1201px){.workspace{grid-template-columns:minmax(650px,58%) minmax(430px,42%);align-items:start}.editor{border-right-color:#d8e0ea;max-height:calc(100vh - 78px);padding:34px clamp(34px,3.2vw,58px) 52px;box-shadow:12px 0 38px #11223d0f}.editorHead h1{font-size:31px}.previewWrap{background:radial-gradient(circle at 50% 5%,#f8fafc 0,#edf1f6 46%,#e6ebf1 100%);max-height:calc(100vh - 78px);padding:24px clamp(18px,2.2vw,34px) 52px;position:sticky;top:78px}.previewHeader{width:100%;max-width:none;padding:0 2px}}@media (width>=761px) and (width<=1200px){.workspace{grid-template-columns:1fr}.editor{max-height:none;padding:34px clamp(28px,6vw,72px) 48px}.previewWrap{border-top:1px solid #d8e0ea;max-height:none;position:relative;top:auto}}@media (width<=760px){.templateChooser{border-radius:14px;padding:15px}.templateIntro{flex-direction:column;align-items:flex-start}.templateIntro h2{font-size:17px}.templateCards>button{min-height:94px;padding:13px}.templateCards b{font-size:11px}.templateCards small{font-size:9px}.templateMini{width:42px;height:56px}.tabs{margin-left:-8px;margin-right:-8px;padding:8px;top:62px}.tabs button{min-height:52px;font-size:10px}.fields{gap:17px}.field input,.field textarea{font-size:16px}.photoField{padding:14px}.photoButton{width:64px;height:64px}.group{padding:15px}.paymentEditLock{grid-template-columns:1fr;padding:15px}.paymentEditActions{grid-template-columns:1fr;width:100%;display:grid!important}.paymentEditLock button{width:100%;min-height:48px}}.tutorialGuide>summary{list-style:none}.tutorialGuide>summary::-webkit-details-marker{display:none}.tutorialIntro{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:0}.tutorialGuide[open] .tutorialIntro{margin-bottom:14px}.tutorialToggleIcon{color:#082c6c;background:#f4f7fb;border:1px solid #d5e0ee;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;font-style:normal;font-weight:700;line-height:1;transition:transform .2s,background .2s;display:grid}.tutorialGuide[open] .tutorialToggleIcon{background:#eaf2fc;transform:rotate(45deg)}.tutorialBody{animation:.2s ease-out revealTutorial}@keyframes revealTutorial{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.templateChooser.collapsed{padding:14px 16px}.templateChooser.collapsed .templateIntro{margin-bottom:10px}.templateChooser.collapsed .templateCards,.templateChooser.open .selectedTemplateSummary{display:none}.selectedTemplateSummary{color:#263852;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6e1ef;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px;display:flex;box-shadow:0 5px 16px #142c4f0d}.selectedTemplateSummary .templateMini{flex:none;margin:0}.selectedTemplateSummary b{font-size:12px;display:block}.selectedTemplateSummary small{color:#748095;margin-top:3px;font-size:9px;display:block}.templateChange{color:#164985;white-space:nowrap;cursor:pointer;background:#edf4fd;border:1px solid #cbd9eb;border-radius:9px;margin-left:auto;padding:8px 11px;font-size:10px;font-weight:800}.selectedTemplateSummary:hover,.templateChange:hover{background:#f5f9ff;border-color:#8faacb}.field>.fieldError,.field .fieldError{color:#a33b3b;align-items:center;gap:6px;font-size:10px;font-weight:700;line-height:1.35;display:flex}.field .fieldError:before{content:"!";border:1px solid;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{background:snow;border-color:#bd5555}.field input[aria-invalid=true]:focus,.field textarea[aria-invalid=true]:focus{border-color:#aa3f3f;box-shadow:0 0 0 4px #aa3f3f1f}.sectionActions{border-top:1px solid #e0e6ef;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.sectionActions button{color:#24446f;cursor:pointer;background:#f3f6fa;border:1px solid #cdd9e8;border-radius:11px;min-width:118px;min-height:46px;padding:11px 16px;font-size:12px;font-weight:800}.sectionActions button:last-child{color:#fff;background:#082c6c;border-color:#082c6c;margin-left:auto;box-shadow:0 7px 17px #082c6c2e}.sectionActions button:hover{transform:translateY(-1px)}.confirmDetails{background:#f7f9fc;border:1px solid #d8e2ef;border-radius:12px;margin:16px 0 12px;padding:14px}.confirmDetailsHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.confirmDetailsHead b,.confirmDetailsHead strong{color:#203754;font-size:13px;display:block}.confirmDetailsHead p{color:#6c7889;max-width:300px;margin:4px 0 0;font-size:10px;line-height:1.45}.confirmDetailsHead button,.confirmDetailsHead a{color:#174c8d;cursor:pointer;background:#e7effa;border:0;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800;text-decoration:none}.confirmDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.confirmDetailsGrid>div{background:#fff;border-radius:8px;min-width:0;padding:9px 10px}.confirmDetailsGrid dt,.confirmDetailsGrid small,.confirmDetailsGrid span:first-child{color:#7b8595;text-transform:uppercase;letter-spacing:.45px;margin:0 0 3px;font-size:9px;font-weight:700;display:block}.confirmDetailsGrid dd,.confirmDetailsGrid strong,.confirmDetailsGrid span:last-child{color:#25364f;overflow-wrap:anywhere;min-width:0;margin:0;font-size:11px;font-weight:700;display:block}.confirmDetailsConsent{color:#4f5d70;grid-template-columns:auto 1fr;align-items:start;gap:9px;margin:11px 0;font-size:11px;line-height:1.45;display:grid}.confirmDetailsConsent input{accent-color:#082c6c;width:18px;height:18px;margin:0}@media (width>=1201px){.editor{max-height:none;overflow:visible}}@media (width>=761px) and (width<=1200px){.mobileViewToggle{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #dae1eb;grid-template-columns:1fr 1fr;gap:6px;padding:8px clamp(24px,6vw,72px);display:grid;position:sticky;top:78px}.mobileViewToggle button{color:#68768b;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:46px;font-size:12px;font-weight:800}.mobileViewToggle button.active{color:#082c6c;background:#eaf1fb;box-shadow:inset 0 0 0 1px #d5e1f0}.workspace.mobile-preview .editor,.workspace.mobile-edit .previewWrap{display:none}.previewWrap{min-height:calc(100vh - 140px);padding-top:24px}.tabs{position:static;top:auto}}@media (width<=760px){.tutorialGuide{padding-top:14px;padding-bottom:14px}.tutorialIntro{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.tutorialIntro>div,.tutorialIntro>span:not(.tutorialToggleIcon){min-width:0}.tutorialIntro>span:not(.tutorialToggleIcon){grid-column:1/-1}.tutorialToggleIcon{grid-area:1/2}.tutorialGuide[open] .tutorialIntro{margin-bottom:12px}.templateChooser.collapsed{padding:12px}.selectedTemplateSummary{gap:9px;padding:9px}.templateChange{padding:8px;font-size:9px}.tabs{position:static;top:auto}.languageSwitch button{min-width:40px;height:40px;font-size:11px}.mobileViewToggle button{min-height:44px;padding:10px;font-size:12px}.mobileActionBar button{min-height:48px;padding:12px 10px;font-size:12px;line-height:1.2}.sectionActions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #dbe3ed;margin:22px -18px 0;padding:10px 18px;position:sticky;bottom:76px}.sectionActions button{flex:1;min-width:0;min-height:48px;font-size:12px}.confirmDetailsGrid{grid-template-columns:1fr}.confirmDetailsHead button,.confirmDetailsHead a{align-items:center;min-height:38px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.tutorialBody,.tutorialToggleIcon,.templateCards>button,.sectionActions button,.handoffLoader i{transition:none;animation:none}}@media (width<=420px){.confirmDetailsHead{flex-direction:column;align-items:stretch}.confirmDetailsHead p{max-width:none}.confirmDetailsHead button{align-self:flex-start}}@media (width<=760px){.checkoutOverlay{background:#061227b8;place-items:end center;padding:0}.checkoutCard{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));padding:27px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:22px 22px 0 0}.checkoutCard:before{content:"";background:#d8dee8;border-radius:999px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.closeCheckout{width:44px;height:44px;top:12px;right:12px}.secureEyebrow{margin-right:44px;font-size:11px}.checkoutTitle h2{margin-right:44px;font-size:22px}.checkoutTitle.centered h2{margin-right:0}.checkoutTitle span{font-size:11px}.checkoutTitle p{font-size:12px}.checkoutProgress{gap:5px;margin:15px 0 12px}.checkoutProgress li{grid-template-columns:21px 1fr;gap:5px;padding:7px 6px}.checkoutProgress li>span{width:21px;height:21px}.checkoutProgress li>span,.checkoutProgress li>b{font-size:11px}.orderLine{margin:11px 0}.orderLine>div small{font-size:11px;line-height:1.4}.confirmDetails{margin:12px 0 10px;padding:11px}.confirmDetailsHead{align-items:flex-start;gap:8px;margin-bottom:9px}.confirmDetailsHead p{font-size:11px}.confirmDetailsHead button,.confirmDetailsHead a{flex:none;min-height:40px}.confirmDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.confirmDetailsGrid>div{padding:8px 9px}.confirmDetailsGrid dt,.confirmDetailsGrid small,.confirmDetailsGrid span:first-child{font-size:11px}.confirmDetailsGrid dd,.confirmDetailsGrid strong,.confirmDetailsGrid span:last-child{font-size:12px}.confirmDetailsGrid>div:first-child,.confirmDetailsGrid>div:nth-child(3),.confirmDetailsGrid>div:nth-child(7){grid-column:1/-1}.confirmDetailsGrid>div:nth-child(7){background:#eef5fd;border:1px solid #c6d7ed}.toyyibMark{grid-template-columns:auto 1fr;gap:8px;padding:11px}.toyyibMark b{font-size:15px}.toyyibMark strong{font-size:9px}.toyyibMark>span{font-size:11px}.toyyibMark small{grid-column:1/-1;font-size:11px}.paymentAssurances{grid-template-columns:1fr;gap:5px}.paymentAssurances span{min-height:32px;padding:7px 9px;font-size:11px}.confirmDetailsConsent,.checkoutCard .policyConsent{font-size:11px;line-height:1.45}.confirmDetailsConsent input,.checkoutCard .policyConsent input{width:20px;height:20px;margin:0}.toyyibButton{min-height:54px;font-size:16px}.paymentCtaNote b{font-size:11px}.paymentCtaNote small,.paidCheckHint{font-size:11px;line-height:1.45}.pendingPaymentReady{grid-template-columns:auto 1fr}.pendingPaymentReady b{font-size:12px}.pendingPaymentReady small{font-size:11px}.privateDownloadLink{font-size:12px;line-height:1.45}.pendingPaymentReady>strong{grid-column:2}.handoffState{min-height:min(520px,82dvh)}}
