.certificate-builder-page{min-height:100vh;padding:22px;background:#fff}.certificate-builder-layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:370px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.certificate-tools{position:-webkit-sticky;position:sticky;top:88px;padding:20px;border:1px solid #d7e5ef;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(32,71,101,.11)}.certificate-brand{padding-bottom:15px;border-bottom:1px solid #e5edf3}.certificate-brand small{display:block;color:#718697;font-size:.64rem;font-weight:950;letter-spacing:.13em}.certificate-brand strong{display:block;color:#173f66}.certificate-tools h1{display:flex;align-items:center;gap:10px;color:#153d60;font-size:1.55rem}.certificate-tools h1 span{font-size:1.8rem}.certificate-tools>p{color:#667d8f;line-height:1.5}.certificate-tools label{display:block;margin-top:12px;color:#35526a;font-size:.77rem;font-weight:900}.certificate-tools input,.certificate-tools select,.certificate-tools textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #cbdce7;border-radius:11px;background:#f9fcfe;font:inherit;color:#183b56}.certificate-tools textarea{resize:vertical}.certificate-style-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 10px;gap:0 10px;margin-top:4px}.certificate-decor-grid{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px}.certificate-quick-icons{margin-top:14px}.certificate-quick-icons small{font-weight:900;color:#35526a}.certificate-quick-icons>div{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-top:8px}.certificate-quick-icons button{min-height:48px;border:1px solid #d8e5ee;border-radius:13px;background:linear-gradient(180deg,#fff,#f7fbfd);font-size:1.55rem;cursor:pointer;box-shadow:0 3px 8px rgba(43,75,96,.07)}.certificate-check{display:flex!important;align-items:center;gap:8px}.certificate-check input{width:auto;margin:0}.certificate-actions{display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;margin-top:16px}.certificate-actions button{min-height:45px;border:0;border-radius:11px;background:#173f66;color:#fff;font-weight:900;cursor:pointer}.certificate-actions .secondary{background:#eef3f7;color:#294c67}.certificate-message{padding:10px;border-radius:10px;background:#eef8f0;color:#35664a;font-size:.8rem;font-weight:800}.certificate-preview{padding:15px;border:1px solid #dce8ef;border-radius:26px;background:linear-gradient(180deg,#f2f9ff,#fff7fb)}.certificate-preview-bar{display:flex;justify-content:space-between;padding:2px 4px 13px;color:#617689;font-size:.8rem;font-weight:900}.certificate-preview-bar b{padding:6px 10px;border:1px solid #d8e5ee;border-radius:999px;background:#fff}.certificate-paper{--rim-colour:#c9962c;position:relative;box-sizing:border-box;width:min(100%,920px);min-height:650px;margin:0 auto 24px;padding:50px 62px 42px;overflow:hidden;border:10px solid var(--rim-colour);border-radius:24px;background:radial-gradient(circle at 50% 18%,#fffef9,#fff);box-shadow:0 22px 50px rgba(31,60,82,.14);text-align:center}.certificate-paper:after,.certificate-paper:before{content:"";position:absolute;pointer-events:none}.certificate-paper:before{inset:14px;border:2px solid color-mix(in srgb,var(--rim-colour) 55%,white);border-radius:14px}.certificate-paper:after{inset:23px;border:1px dashed color-mix(in srgb,var(--rim-colour) 48%,white);border-radius:11px}.certificate-paper.frame-double{border-style:double;border-width:14px}.certificate-paper.frame-ribbon{border-width:8px;border-radius:12px}.certificate-paper.frame-ribbon:before{inset:18px;border-width:4px;border-style:double}.certificate-paper.frame-confetti{border-width:7px;border-style:dotted}.certificate-paper.frame-confetti:before{inset:16px;border:4px dashed color-mix(in srgb,var(--rim-colour) 60%,white)}.certificate-paper.frame-scallop{border:12px solid var(--rim-colour);border-radius:42px}.certificate-paper.frame-scallop:before{inset:17px;border:5px dotted color-mix(in srgb,var(--rim-colour) 70%,white);border-radius:30px}.certificate-paper.frame-minimal{border-width:4px;border-radius:6px}.certificate-paper.frame-minimal:before{inset:12px;border:1px solid var(--rim-colour);border-radius:3px}.certificate-paper.frame-minimal:after{display:none}.certificate-paper.frame-bold{border-width:18px;border-radius:18px}.certificate-paper.frame-bold:before{inset:10px;border:4px solid white}.certificate-paper.text-classic h2,.certificate-paper.text-classic h3{font-family:Georgia,Times New Roman,serif}.certificate-paper.text-modern h2,.certificate-paper.text-modern h3{font-family:Arial,Helvetica,sans-serif;font-weight:950;letter-spacing:.015em}.certificate-paper.text-playful h2,.certificate-paper.text-playful h3{font-family:Trebuchet MS,Arial,sans-serif;font-weight:900;letter-spacing:.035em}.certificate-paper.text-elegant h2,.certificate-paper.text-elegant h3{font-family:Brush Script MT,Segoe Script,cursive;font-weight:700;letter-spacing:.02em}.certificate-hero-scene{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:22px;margin:4px auto 16px}.certificate-hero-scene .scene-side{font-size:2.35rem}.certificate-hero-scene .scene-main{display:grid;place-items:center;min-width:112px;min-height:112px;font-size:5.4rem;line-height:1}.certificate-hero-scene .scene-main img{width:100px;height:100px;object-fit:cover}.visual-medallion .scene-main{border:5px double var(--rim-colour);border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(42,70,88,.12)}.visual-medallion .scene-main img{border-radius:50%}.visual-sticker .scene-main{padding:10px;border:6px solid white;border-radius:30px;background:linear-gradient(135deg,#fff4b7,#ffdff0);box-shadow:0 8px 0 color-mix(in srgb,var(--rim-colour) 65%,white),0 12px 24px rgba(42,70,88,.12);transform:rotate(-2deg)}.visual-sticker .scene-main img{border-radius:18px}.visual-badge .scene-main{-webkit-clip-path:polygon(50% 0,61% 14%,79% 9%,86% 27%,100% 36%,91% 53%,96% 72%,77% 79%,68% 97%,50% 88%,32% 97%,23% 79%,4% 72%,9% 53%,0 36%,14% 27%,21% 9%,39% 14%);clip-path:polygon(50% 0,61% 14%,79% 9%,86% 27%,100% 36%,91% 53%,96% 72%,77% 79%,68% 97%,50% 88%,32% 97%,23% 79%,4% 72%,9% 53%,0 36%,14% 27%,21% 9%,39% 14%);background:linear-gradient(135deg,var(--rim-colour),#fff2b8);padding:18px}.visual-picture .scene-main{padding:8px;border:5px solid white;border-radius:18px;background:#fff;box-shadow:0 0 0 3px var(--rim-colour),0 10px 22px rgba(42,70,88,.15)}.visual-picture .scene-main img{width:132px;height:96px;border-radius:10px}.visual-plain .scene-main{background:transparent}.certificate-paper h2{position:relative;z-index:2;margin:12px auto 8px;color:#173f66;font-size:2.5rem;letter-spacing:.055em}.certificate-presented{position:relative;z-index:2;margin:16px 0 3px;color:#778b99;font-weight:800}.certificate-paper h3{position:relative;z-index:2;margin:0;color:#8b5d17;font-size:2.8rem}.certificate-divider{position:relative;z-index:2;display:grid;grid-template-columns:auto 130px auto;justify-content:center;align-items:center;grid-gap:12px;gap:12px;margin:18px auto;font-size:1.45rem}.certificate-divider i{height:2px;background:var(--rim-colour)}.certificate-award-message{position:relative;z-index:2;max-width:650px;margin:0 auto;color:#3f566a;font-size:1.3rem;line-height:1.55;font-weight:700}.certificate-signoff{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;max-width:620px;margin:46px auto 0}.certificate-signoff>div{border-top:2px solid color-mix(in srgb,var(--rim-colour) 50%,#aebfcb);padding-top:8px}.certificate-signoff b{display:block;color:#173f66}.certificate-signoff small{color:#7a8c9a}.certificate-corner{position:absolute;z-index:3;font-size:2.8rem}.certificate-corner.tl{top:26px;left:30px}.certificate-corner.tr{top:26px;right:30px}.certificate-corner.bl{bottom:28px;left:30px}.certificate-corner.br{bottom:28px;right:30px}.certificate-star{position:absolute;z-index:1;font-size:1.65rem;opacity:.72}.s1{left:17%;top:20%}.s2{right:18%;top:25%}.s3{left:12%;bottom:26%}.s4{right:12%;bottom:30%}.theme-rainbow{background:linear-gradient(135deg,#fff8fb,#eefaff,#fff9dc)}.theme-gold{background:radial-gradient(circle at center,#fffef7,#fff8dc)}.theme-pink{background:linear-gradient(135deg,#fff7fb,#fff)}.theme-blue,.theme-navy,.theme-sky{background:linear-gradient(135deg,#f6fbff,#fff)}.theme-calm,.theme-green,.theme-mint,.theme-teal{background:linear-gradient(135deg,#f5fff9,#fff)}.theme-purple,.theme-science{background:linear-gradient(135deg,#faf6ff,#fff)}.theme-birthday,.theme-orange,.theme-peach{background:linear-gradient(135deg,#fff8ef,#fff)}.theme-art,.theme-celebration,.theme-graduation,.theme-sport,.theme-sunshine{background:linear-gradient(135deg,#fff9da,#f9efff,#effaff)}@media(max-width:1050px){.certificate-builder-layout{grid-template-columns:1fr}.certificate-tools{position:relative;top:auto}.certificate-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.certificate-builder-page{padding:12px}.certificate-style-grid{grid-template-columns:1fr}.certificate-paper{padding:38px 28px;min-height:auto;border-width:8px}.certificate-paper h2{font-size:1.8rem}.certificate-paper h3{font-size:2.1rem}.certificate-award-message{font-size:1.05rem}.certificate-hero-scene{gap:12px}.certificate-hero-scene .scene-main{min-width:88px;min-height:88px;font-size:4rem}.certificate-hero-scene .scene-side{font-size:1.7rem}.certificate-signoff{gap:20px}.certificate-corner{font-size:1.9rem}}