@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#20342d;background:#f7f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 24px}header{border-bottom:1px solid #e5e7dd;background:#fff}.nav{height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{display:flex;align-items:center;flex:0 0 auto}.logo img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700;color:#46544d}.nav-links a:hover{color:#14854f}.hero{text-align:center;padding:54px 0 32px}.eyebrow{color:#ab5552;letter-spacing:2.5px;text-transform:uppercase;font-size:11px;font-weight:800}h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,4.3vw,57px);line-height:1.12;letter-spacing:-1px;margin:16px 0}h1 span{color:#b32e3b}.intro{max-width:670px;margin:0 auto;line-height:1.7;color:#67716c;font-size:16px}.generator{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:28px;align-items:start;padding:12px 0 72px}.panel{border-radius:20px;background:#fff;box-shadow:0 5px 35px #173c2410;border:1px solid #e8eae4;padding:25px}.step{font-size:14px;font-weight:800;color:#283c32;display:flex;gap:9px;align-items:center;margin:0 0 12px}.num{display:inline-grid;place-items:center;background:#e7f0e9;color:#176443;border-radius:100%;width:26px;height:26px;font-size:12px}input{width:100%;height:55px;border:1px solid #d2ddd4;background:#fdfefd;border-radius:12px;padding:0 16px;font-size:21px;font-weight:600;color:#25382b;outline:0}input:focus{border-color:#258654;box-shadow:0 0 0 3px #a0e3b040}.help{font-size:12px;color:#828e86;margin:8px 0 24px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{min-width:0;background:#fff;border:2px solid #e9ede6;border-radius:13px;padding:8px;cursor:pointer;display:block;text-align:center;transition:border-color .2s,background .2s,transform .2s}.choice:hover{border-color:#b1d9b5;transform:translateY(-2px)}.choice.chosen{border-color:#1c8e57;background:#f0f8f1;box-shadow:0 0 0 2px #e2f0e5}.choice-image{display:block;border-radius:8px;aspect-ratio:1/1;background:radial-gradient(circle,#eeeae2,#e2dfd5);padding:5px}.choice-image svg{display:block;width:100%;height:100%;filter:drop-shadow(1px 2px 1px #5555)}.choice-text{display:grid;gap:4px;padding-top:6px}.choice-text strong{font-size:11px;line-height:1.22;color:#354539}.choice-text small{font-size:9px;line-height:1.15;color:#879087;min-height:22px}.preview-panel{position:sticky;top:20px}.preview-container{aspect-ratio:1/.99;display:grid;place-items:center;border-radius:16px;background:radial-gradient(ellipse at 45% 35%,#e9e1d1,#d5c8b5);position:relative;overflow:hidden}.preview-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 7px,#fff2 8px);opacity:.35}.preview-container>svg{height:88%;width:88%;filter:drop-shadow(3px 7px 5px #554b42aa);position:relative;z-index:1}.placeholder{color:#69766f;padding:20px}.preview-heading{text-align:center;margin:0 0 15px}.preview-heading h2{font-family:Playfair Display,Georgia,serif;font-size:23px;margin:0 0 4px}.preview-heading p{font-size:13px;color:#7d8c7c;margin:0}.preview-badge{position:absolute;bottom:12px;right:12px;background:#fffffff1;border-radius:40px;padding:7px 12px;font-size:11px;color:#536251;font-weight:700}.action-heading{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:800;margin:22px 0 12px}button.download{width:100%;border-radius:12px;cursor:pointer;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid #1b8f59;background:#178d54;color:#fff;font-size:15px}button.download.secondary{margin-top:10px;border:1px solid #c9d8ce;background:#fff;color:#28543b}button.download:disabled{opacity:.48;cursor:wait}button.download:not(:disabled):hover{filter:brightness(.94)}#notice{min-height:18px;font-size:12px;color:#6a7f6b;margin:13px 0 0;text-align:center}#notice.error{color:#b92f48}.tiny{font-size:11px;color:#858b80;text-align:center;margin:14px auto 0;line-height:1.45}.info{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;border-top:1px solid #e5e9e2;padding:30px 0 45px;color:#697669;font-size:13px}.info strong{color:#324735}.footer{background:#21392d;color:#fff;padding:27px 0;text-align:center;font-size:12px}@media(max-width:1100px){.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.generator{grid-template-columns:minmax(0,1fr) minmax(310px,390px)}.choice-image{aspect-ratio:1.8/1}}@media(max-width:760px){.shell{padding:0 15px}.nav{height:62px}.nav-links{gap:14px;font-size:12px}.logo img{width:145px}.hero{padding:35px 0 25px}.generator{grid-template-columns:1fr;padding-bottom:36px}.panel{padding:17px}.preview-panel{position:static}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-image{aspect-ratio:1}.preview-container{max-height:440px}.intro{font-size:14px}.info{gap:12px;font-size:11px}}@media(max-width:490px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-image{aspect-ratio:1/1}.choice-text small{display:block}.nav-links a:last-child{display:none}}.print-note{border:1px solid #e6d5ae;background:#fff9eb;color:#675029;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;margin:0 0 14px}.preview-container[data-design=candy]{aspect-ratio:.8;max-height:none}.preview-container[data-design=candy]>svg{width:96%;height:96%;filter:drop-shadow(1px 2px 1px #554b4233)}.color-controls{display:flex;gap:24px;margin:16px 0}.color-controls label{display:flex;align-items:center;gap:10px}.color-controls input{width:44px;height:36px;padding:2px}.hole-control{display:flex;align-items:center;gap:9px;margin:12px 0}.hole-control input{width:18px;height:18px}.preview-container svg{width:100%;max-height:230px}.choice-image svg{width:100%;height:85px}.choice-image{height:115px!important;aspect-ratio:auto!important;display:flex;align-items:center;justify-content:center}.choice-image svg{height:100px!important}.preview-container{min-height:230px!important;height:260px!important}