@font-face{font-family:Schoolbell;src:url(/fonts/schoolbell.ttf)format("truetype");font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick-hand.ttf)format("truetype");font-display:swap}@font-face{font-family:Comic Neue;src:url(/fonts/comic-neue.ttf)format("truetype");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.ttf)format("truetype");font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora.ttf)format("truetype");font-display:swap}:root{--cream:#fff9ed;--paper:#fffefb;--ink:#263248;--muted:#697286;--red:#cf3f45;--red-dark:#a92b31;--red-soft:#fff0ef;--gold:#e5ad32;--gold-soft:#fff6d9;--blue:#5f7fa0;--green:#4f8167;--line:#e6dcc8;--shadow:0 20px 60px #5339201f}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 10% 8%, #e5ad321f, transparent 26rem), radial-gradient(circle at 90% 30%, #5f7fa01a, transparent 28rem), var(--cream);color:var(--ink);margin:0;font-family:Nunito,Arial,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #5f7fa073}.site-shell{min-height:100vh}html.embedded-mode .site-shell{min-height:0}.site-header{align-items:center;gap:12px;width:min(1240px,100% - 32px);min-height:74px;margin:0 auto;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:14px 12px 15px 11px;place-items:center;width:42px;height:42px;font:700 27px/1 Patrick Hand,cursive;display:grid;transform:rotate(-2deg);box-shadow:0 5px #f1c557}.site-header p{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:900}.site-header span{color:var(--muted);margin-top:1px;font-size:12px;display:block}.opening-screen{text-align:center;border:2px solid var(--line);width:min(1160px,100% - 28px);box-shadow:var(--shadow);background:#fffefbf0;border-radius:32px 26px 36px 24px;margin:12px auto 50px;padding:clamp(16px,3vw,32px)}.opening-image-wrap{background:#fff;border-radius:22px 18px 26px 17px;overflow:hidden}.opening-image-wrap img{width:100%;display:block}.start-button{background:var(--red);color:#fff;cursor:pointer;min-width:220px;box-shadow:0 6px 0 var(--red-dark);border:0;border-radius:17px 14px 19px 13px;margin:25px auto 10px;padding:16px 32px;font-size:22px;font-weight:900;transition:transform .18s,box-shadow .18s}.start-button:hover{box-shadow:0 8px 0 var(--red-dark);transform:translateY(-2px)rotate(-.4deg)}.start-button:active{box-shadow:0 3px 0 var(--red-dark);transform:translateY(3px)}.start-button span{margin-left:12px}.opening-screen>p{max-width:650px;color:var(--muted);margin:14px auto 0}.maker-shell{width:min(1240px,100% - 28px);margin:8px auto 50px}.progress{grid-template-columns:repeat(4,1fr);max-width:820px;margin:16px auto 22px;display:grid;position:relative}.progress:before{content:"";z-index:0;background:#dfd6c7;height:3px;position:absolute;top:19px;left:12.5%;right:12.5%}.progress-step{z-index:1;color:#8d8b89;justify-items:center;gap:6px;font-size:13px;display:grid;position:relative}.progress-step span{background:var(--cream);border:3px solid #dfd6c7;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.progress-step.is-current{color:var(--red-dark)}.progress-step.is-current span{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 0 0 5px #cf3f451f}.progress-step.is-done{color:var(--green)}.progress-step.is-done span{background:var(--green);border-color:var(--green);color:#fff}.wizard-card{border:2px solid var(--line);box-shadow:var(--shadow);background:#fffefbf7;border-radius:30px 25px 34px 23px}.step-card{padding:clamp(22px,4vw,48px)}.narrow-card{width:min(880px,100%);margin:0 auto}.step-heading{max-width:790px;margin-bottom:34px}.step-heading h1{letter-spacing:-.02em;color:#293650;margin:5px 0 10px;font:700 clamp(34px,4vw,52px)/1.05 Patrick Hand,cursive}.step-heading p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.centered-heading{text-align:center;margin:0 auto 36px}.eyebrow{color:var(--red-dark);letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:900;display:inline-block}.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-title-row h2{margin:0 0 3px;font-size:24px}.section-title-row p{color:var(--muted);margin:0;font-size:14px}.mini-actions{flex-wrap:wrap;justify-content:end;gap:16px;display:flex}.text-button{color:var(--red-dark);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:5px 0;font-weight:800;text-decoration:underline;text-decoration-thickness:1px}.text-button:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}.template-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.template-card{background:#fff;border:3px solid #0000;border-radius:18px 15px 20px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 24px #342d241a}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #342d2424}.template-card.is-selected{border-color:var(--red);box-shadow:0 0 0 4px #cf3f451f,0 12px 28px #342d2421}.template-select{cursor:pointer;background:#fff;border:0;width:100%;padding:0;display:block;position:relative}.template-select img{aspect-ratio:1491/1055;object-fit:cover;width:100%;display:block}.selection-mark{width:35px;height:35px;color:var(--muted);background:#fffffff5;border:2px solid #d8d0c2;border-radius:50%;place-items:center;font-size:19px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.is-selected .selection-mark{background:var(--red);color:#fff;border-color:#fff}.template-meta{border-top:1px solid #eee7db;justify-content:center;align-items:center;padding:12px 14px;display:flex}.template-meta button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:800}.bottom-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:34px;display:flex}.bottom-actions.align-right{justify-content:flex-end}.primary-button,.secondary-button,.download-button{cursor:pointer;border:0;border-radius:14px 12px 16px 11px;padding:14px 22px;font-weight:900;transition:transform .16s,box-shadow .16s}.primary-button{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.primary-button:hover:not(:disabled){box-shadow:0 6px 0 var(--red-dark);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;background:#c7c5c0;box-shadow:0 4px #a7a59f}.secondary-button{color:var(--ink);border:2px solid var(--line);background:#fff}.secondary-button:hover:not(:disabled){transform:translateY(-2px)}.small-button{padding:11px 16px;font-size:14px}.choice-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.choice-card{cursor:pointer;background:#fff;border:3px solid #e8dfd1;border-radius:24px 19px 27px 18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:28px;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 8px 22px #342d2414}.choice-card:hover{border-color:var(--red);transform:translateY(-4px)}.choice-icon{background:var(--red-soft);width:62px;height:62px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:8px;font-size:33px;font-weight:500;display:grid}.choice-icon.muted{color:var(--blue);background:#edf3f7}.choice-card strong{font-size:19px}.choice-card small{color:var(--muted)}.logo-workspace,.spreadsheet-panel{max-width:720px;margin:0 auto}.upload-panel h2{margin:0 0 14px;font-size:21px}.file-drop{text-align:center;cursor:pointer;background:#fffcf5;border:3px dashed #d7cdbd;border-radius:22px 17px 24px 16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:25px;transition:background .18s,border-color .18s;display:flex}.file-drop:hover{background:var(--gold-soft);border-color:var(--gold)}.file-drop input{opacity:0;pointer-events:none;position:absolute}.file-drop>span{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:8px;font-size:25px;font-weight:900;display:grid}.file-drop strong{font-size:17px}.file-drop small{color:var(--muted);margin-top:5px}.logo-file-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;margin-top:15px;padding:12px;display:grid}.logo-file-row img{object-fit:contain;width:58px;height:45px}.logo-file-row strong,.logo-file-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.logo-file-row span{color:var(--green);margin-top:2px;font-size:12px}.logo-file-row button{color:var(--red-dark);cursor:pointer;background:0 0;border:0;font-weight:800}.size-panel{background:#f7f9fb;border-radius:17px;margin-top:24px;padding:20px}.size-panel h3{margin:0 0 12px;font-size:16px}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segmented button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:11px;padding:10px;font-weight:800}.segmented button.is-active{color:var(--red-dark);border-color:var(--red);background:var(--red-soft)}.privacy-note{text-align:center;color:var(--green);margin:22px auto 0;font-size:13px;font-weight:800}.privacy-note span{background:#e8f4ed;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:6px;display:inline-grid}.input-tabs{background:#f2ece2;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;width:min(720px,100%);margin-bottom:20px;padding:5px;display:grid}.input-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:13px 15px;font-weight:800}.input-tabs button.is-active{color:var(--red-dark);background:#fff;box-shadow:0 3px 12px #342d2417}.manual-panel{width:min(720px,100%)}.manual-panel label,.field-label{gap:7px;font-size:14px;font-weight:900;display:grid}.manual-panel textarea{resize:vertical;width:100%;color:var(--ink);background:#fff;border:2px solid #ded5c7;border-radius:15px;padding:17px;line-height:1.65}.manual-panel textarea::placeholder{color:#a5a3a0}.spreadsheet-drop{min-height:160px}.mapping-panel{border:2px solid var(--line);background:#fff;border-radius:18px;margin-top:18px;padding:22px}.mapping-head{border-bottom:1px solid #eee7dc;justify-content:space-between;align-items:end;gap:16px;padding-bottom:16px;display:flex}.mapping-head div span,.mapping-head div strong{display:block}.mapping-head div span{color:var(--muted);font-size:12px}.mapping-head div strong{text-overflow:ellipsis;white-space:nowrap;max-width:390px;margin-top:3px;overflow:hidden}.mapping-head label{gap:5px;font-size:12px;font-weight:800;display:grid}select{color:var(--ink);background:#fff;border:2px solid #ded5c7;border-radius:10px;padding:10px 34px 10px 11px}.mapping-mode{gap:10px;margin:18px 0;display:grid}.mapping-mode label{align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.mapping-mode input{width:18px;height:18px;accent-color:var(--red)}.column-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.import-preview{background:var(--gold-soft);border-radius:13px;justify-content:space-between;align-items:end;gap:20px;margin-top:20px;padding:16px;display:flex}.import-preview div span,.import-preview div strong{display:block}.import-preview div span{color:#8b6d21;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:900}.import-preview div strong{font-size:13px;line-height:1.55}.uploaded-result{background:#edf7f1;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding:14px 17px;display:flex}.uploaded-result div{color:var(--green);align-items:center;gap:8px;display:flex}.uploaded-result div span{background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.name-summary{background:#f6f3ed;border-radius:16px;align-items:center;gap:17px;width:min(720px,100%);margin-top:22px;padding:17px;display:flex}.count-badge{background:#fff;border-radius:13px;justify-items:center;min-width:88px;padding:10px;display:grid;box-shadow:0 3px 12px #342d2412}.count-badge strong{color:var(--red);font-size:30px;line-height:1}.count-badge span{color:var(--muted);margin-top:3px;font-size:12px}.name-summary>div:last-child>strong{font-size:14px}.name-summary p{color:var(--muted);margin:4px 0 0;font-size:12px}.name-summary .warning-text{color:#a25f06;font-weight:800}.form-error{color:#ad252b;margin:10px 0 0;font-size:13px;font-weight:800}.centered-error{text-align:center}.preview-heading{justify-content:space-between;align-items:end;gap:22px;max-width:none;display:flex}.summary-pills{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.summary-pills span{color:var(--muted);white-space:nowrap;background:#f3eee6;border-radius:999px;padding:8px 11px;font-size:12px}.summary-pills strong{color:var(--ink)}.preview-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);align-items:start;gap:26px;display:grid}.preview-column{min-width:0}.diploma-preview{aspect-ratio:1491/1055;background:#fff;border:2px solid #dfd6c9;border-radius:14px 11px 16px 10px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 36px #342d2424}.diploma-background{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.diploma-copy{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}.name-overlay{color:#202634;text-align:center;white-space:nowrap;width:100%;line-height:1.08}.subtitle-overlay{color:#474d58;text-align:center;white-space:nowrap;flex-direction:column;gap:.12em;width:100%;font-family:Nunito,sans-serif;font-weight:700;line-height:1.05;display:flex}.subtitle-overlay span{display:block}.logo-overlay{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute}.logo-overlay img{object-fit:contain;display:block}.preview-navigation{background:#f4f0e9;border-radius:14px;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-top:13px;padding:11px;display:grid}.preview-navigation>button{width:42px;height:42px;color:var(--red-dark);cursor:pointer;background:#fff;border:0;border-radius:50%;font-weight:900;box-shadow:0 3px 8px #342d241a}.preview-navigation>button:disabled{opacity:.35;cursor:not-allowed}.preview-navigation div{text-align:center}.preview-navigation strong,.preview-navigation span{display:block}.preview-navigation span{color:var(--muted);margin-top:2px;font-size:12px}.preview-options{gap:17px;display:grid}.option-block{border:2px solid var(--line);background:#fffcf6;border-radius:17px 14px 19px 13px;padding:18px}.option-title{align-items:start;gap:11px;margin-bottom:13px;display:flex}.option-title>span{background:var(--red);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.option-title h2{margin:0;font-size:17px}.option-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.font-list{gap:7px;display:grid}.font-list button{text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:11px;grid-template-columns:82px 1fr 24px;align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.font-list button.is-active{border-color:var(--red);background:var(--red-soft)}.font-list button>span{white-space:nowrap;font-size:25px;overflow:hidden}.font-list button strong,.font-list button small{display:block}.font-list button strong{font-size:13px}.font-list button small{color:var(--muted);margin-top:1px;font-size:10px}.font-list button i{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:grid}.full-button{width:100%;padding:11px}.download-panel{color:#fff;background:linear-gradient(120deg,#b72f36,#d94d51);border-radius:20px 16px 22px 15px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:22px;display:flex}.download-panel>div{align-items:center;gap:14px;display:flex}.download-icon{background:#ffffff29;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid}.download-panel h2,.download-panel p{margin:0}.download-panel h2{font-size:20px}.download-panel p{color:#ffffffd1;margin-top:3px;font-size:12px}.download-button{color:var(--red-dark);background:#fff;flex:none;box-shadow:0 4px #5c101459}.download-button:hover{transform:translateY(-2px)}.success-panel{color:var(--green);background:#eaf6ef;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin-top:15px;padding:13px 16px;display:flex}.success-panel span{background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.success-panel button{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:900;text-decoration:underline}.subtle-actions{justify-content:center}.modal-backdrop,.generation-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b202bc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:22px;width:min(1000px,100%);max-height:calc(100vh - 40px);padding:18px;position:relative;overflow:auto;box-shadow:0 28px 80px #00000059}.modal-card>img{border-radius:12px;width:100%;margin-bottom:16px;display:block}.modal-close{width:42px;height:42px;color:var(--red-dark);cursor:pointer;background:#fffffff0;border:0;border-radius:50%;font-size:28px;line-height:1;position:absolute;top:27px;right:27px;box-shadow:0 4px 13px #0000002e}.generation-card{text-align:center;background:#fff;border-radius:24px;width:min(440px,100%);padding:34px;box-shadow:0 28px 80px #00000059}.generation-card h2{margin:13px 0 4px;font:700 31px/1.1 Patrick Hand,cursive}.generation-card p{color:var(--muted);margin:0}.spinner{border:6px solid #f3dfdf;border-top-color:var(--red);border-radius:50%;width:54px;height:54px;margin:0 auto;animation:.8s linear infinite spin}.progress-bar{background:#eee8df;border-radius:999px;height:12px;margin:20px 0 12px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--red));height:100%;transition:width .15s;display:block}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{text-align:center;color:#817c73;width:min(1240px,100% - 28px);margin:0 auto;padding:20px 0 30px;font-size:12px}@media (width<=940px){.template-grid{grid-template-columns:repeat(2,1fr)}.preview-layout{grid-template-columns:1fr}.preview-options{grid-template-columns:1fr 1fr}.preview-heading{display:block}.summary-pills{justify-content:flex-start;margin-top:15px}}@media (width<=700px){.site-header{min-height:64px}.site-header span{display:none}.opening-screen{border-radius:21px;margin-top:4px;padding:10px}.opening-image-wrap{border-radius:14px}.start-button{width:calc(100% - 24px);min-width:0}.progress{margin-top:8px}.progress-step strong{font-size:10px}.progress-step span{width:34px;height:34px}.progress:before{top:16px}.step-card{border-radius:22px;padding:22px 15px}.step-heading{margin-bottom:25px}.step-heading h1{font-size:37px}.step-heading p{font-size:15px}.section-title-row{flex-direction:column;align-items:start}.mini-actions{justify-content:start}.template-grid{gap:12px}.template-meta{padding:9px}.template-meta button{font-size:11px}.selection-mark{width:29px;height:29px;top:6px;right:6px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:175px}.bottom-actions{flex-direction:column-reverse;align-items:stretch}.bottom-actions .primary-button,.bottom-actions .secondary-button{width:100%}.bottom-actions.align-right{flex-direction:column}.input-tabs{grid-template-columns:1fr}.mapping-head{flex-direction:column;align-items:stretch}.column-grid{grid-template-columns:1fr}.import-preview{flex-direction:column;align-items:stretch}.uploaded-result{flex-direction:column;align-items:flex-start}.name-summary{align-items:flex-start}.preview-options{grid-template-columns:1fr}.preview-navigation{grid-template-columns:40px 1fr 40px}.download-panel{flex-direction:column;align-items:stretch}.download-button{width:100%}.download-panel>div{align-items:flex-start}.modal-backdrop{padding:8px}.modal-card{padding:9px}.modal-close{top:16px;right:16px}}@media (width<=450px){.template-grid{grid-template-columns:1fr}.font-list button{grid-template-columns:75px 1fr 22px}.summary-pills span{font-size:10px}.download-icon{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}