.app-shell{background:var(--background);flex-direction:column;height:100dvh;min-height:670px;display:flex;overflow:hidden}.studio-header{background:var(--card);border-bottom:1px solid var(--border);z-index:5;flex:none;justify-content:space-between;align-items:center;gap:24px;height:78px;padding:0 27px;display:flex}.studio-brand{align-items:center;gap:11px;min-width:190px;display:flex}.studio-brand__icon{color:#d1ab70;background:var(--primary);border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.studio-brand>div:last-child{flex-direction:column;line-height:1.3;display:flex}.studio-brand strong{font:32px/1 var(--font-display);color:var(--primary)}.studio-brand span{color:var(--muted-foreground);margin-top:3px;font-size:10px;font-weight:600}.header-center{color:#657986;white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.header-center svg{color:#a7b3b7}.header-center__dot{background:#b49061;border-radius:50%;width:6px;height:6px}.header-actions{align-items:center;gap:10px;display:flex}.header-actions .header-import,.header-actions .primary-action{height:38px;padding-inline:14px;font-size:12px;font-weight:700}.primary-action{box-shadow:0 3px 8px #16374b20}.autosave-note{color:#85979d;white-space:nowrap;align-items:center;gap:7px;margin-left:10px;font-size:11px;display:flex}.autosave-note span,.caption-live{background:#70aa91;border-radius:50%;width:6px;height:6px;display:inline-block}.studio-grid{flex:1;grid-template-columns:320px minmax(0,1fr) 284px;min-height:0;display:grid}.editor-panel,.people-panel{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.editor-panel{border-left:1px solid var(--border)}.people-panel{border-right:1px solid var(--border)}.panel-head{padding:26px 24px 21px}.panel-kicker{color:#a68457;letter-spacing:.035em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.panel-kicker span{color:#a2b0b6;letter-spacing:.08em;direction:ltr;font-size:10px}.panel-head h1{letter-spacing:-.035em;color:#203d4e;margin:10px 0 2px;font-size:22px;font-weight:800}.panel-head p,.people-head p{color:#80919b;margin:0;font-size:11px;line-height:1.8}.editor-tabs{background:#f0f4f4;border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;margin:0 23px 13px;padding:4px;display:grid}.editor-tabs button{color:#82939b;border-radius:7px;gap:7px;height:34px;font-size:11px;font-weight:700}.editor-tabs button[aria-pressed=true]{color:#1b4257;background:#fff;box-shadow:0 1px 5px #15374716}.editor-scroll,.people-scroll{scrollbar-width:thin;scrollbar-color:#d9e2e5 transparent;flex:1;min-height:0;overflow:auto}.editor-fields{padding:1px 23px 20px}.form-section{border-top:1px solid #e8edee;padding:18px 0 20px}.form-section:first-child{border-top:0;padding-top:11px}.section-title{align-items:center;gap:9px;margin-bottom:17px;display:flex}.section-title__icon{color:#5d8187;background:#edf2f2;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.section-title h2{color:#28475a;margin:0;font-size:12px;font-weight:800;line-height:1.45}.section-title p{color:#9baab0;margin:0;font-size:10px}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:13px;display:flex}.field label{color:#476071;font-size:10px;font-weight:700}.field input,.field textarea{width:100%;box-shadow:none;color:#294456;background:#fbfcfc;border-color:#dfe7e8;border-radius:6px;padding-inline:11px;font-size:11px;font-weight:600}.field input{height:36px}.field textarea{resize:vertical;min-height:82px;padding-block:8px;line-height:1.75}.field input::placeholder,.field textarea::placeholder{color:#abb9be;font-weight:400}.field-hint{color:#9aabb0;margin:-2px 0 0;font-size:10px;line-height:1.7}.occasion-presets{flex-wrap:wrap;gap:5px;margin:-3px 0 14px;display:flex}.occasion-presets button{color:#728993;background:#fff;border-color:#e0e9e9;border-radius:5px;height:25px;padding-inline:8px;font-size:9px;font-weight:600}.occasion-presets button[aria-pressed=true]{color:#315d66;background:#e9f1f0;border-color:#b5cdcc}.editor-footer{border-top:1px solid var(--border);color:#92a1a6;flex:none;align-items:center;gap:8px;height:45px;padding:0 24px;font-size:10px;display:flex}.footer-star{color:#c7a777;font-size:16px}.preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-toolbar{background:#f7f9f9;border-bottom:1px solid #e2e9ea;flex:none;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.preview-title{align-items:center;gap:10px;display:flex}.preview-title__mark{border:2px solid #b19465;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #b1946524}.preview-title div{flex-direction:column;display:flex}.preview-title strong{color:#284455;font-size:12px;font-weight:800}.preview-title div span{color:#9baab0;font-size:10px}.paper-badge{color:#6f8791;direction:ltr;background:#fff;border:1px solid #dce5e5;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:700}.paper-badge span{color:#c4a87e;margin-inline:3px}.preview-stage{background-color:#ecf1f1;background-image:radial-gradient(#c7d3d665 .8px,#0000 .8px);background-size:17px 17px;flex:1;justify-content:center;align-items:center;min-height:0;padding:32px 34px;display:flex;position:relative;overflow:auto}.preview-stage__ambient{pointer-events:none;background:radial-gradient(#fff8 0,#0000 64%);position:absolute;inset:0}.certificate-wrap{z-index:1;width:min(100%,890px);position:relative}.preview-paper{aspect-ratio:297/210;background:#fff;width:100%;box-shadow:0 24px 52px #25465724,0 4px 14px #25465714}.preview-caption{color:#8b9da4;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px 0;font-size:10px;font-weight:600;display:flex}.preview-caption>span:first-child{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.preview-caption>span:last-child{white-space:nowrap;direction:ltr}.preview-bottom{background:#f7f9f9;border-top:1px solid #dee7e8;flex:none;justify-content:space-between;align-items:center;gap:12px;height:68px;padding:0 32px;display:flex}.preview-bottom__info{color:#68808b;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.preview-bottom__info svg{color:#a78962}.preview-bottom button{background:#fff;height:35px;font-size:11px;font-weight:700}.people-head{padding:26px 20px 17px}.people-head__title{align-items:center;gap:8px;margin:10px 0 1px;display:flex}.people-head h2{color:#284455;margin:0;font-size:20px;font-weight:800}.count-badge{color:#68818c;background:#edf2f3;border-radius:5px;place-items:center;min-width:19px;height:19px;font-size:10px;font-weight:700;display:grid}.people-actions{border-bottom:1px solid #e8edee;flex-direction:column;gap:8px;padding:0 19px 17px;display:flex}.people-actions .people-upload,.people-actions .people-add{justify-content:flex-start;width:100%;height:37px;font-size:11px;font-weight:700}.people-actions .people-upload{color:#2b5d6b;background:#f5f9f9;border-color:#b6cbd0}.people-upload svg:last-child{margin-inline-start:auto}.people-actions .people-add{color:#607984}.people-actions .example-link{color:#9a805d;align-self:flex-start;height:24px;padding:0;font-size:10px}.people-backups{flex-wrap:wrap;gap:5px;margin-top:1px;display:flex}.people-backups button{color:#607e88;height:27px;padding-inline:6px;font-size:10px}.people-actions .people-install{color:#466d6e;background:#eef5f3;border-color:#d5e7e0;justify-content:flex-start;width:100%;height:36px;margin-top:5px;font-size:11px;font-weight:700}.people-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:28px;display:flex}.people-empty__icon{color:#8fa7a9;background:#f0f5f4;border:1px solid #e2ebea;border-radius:13px;place-items:center;width:51px;height:51px;margin-bottom:15px;display:grid}.people-empty strong{color:#3e5868;font-size:12px}.people-empty p{color:#95a5aa;margin:7px 0 0;font-size:10px;line-height:1.9}.people-list{border-bottom:1px solid #e8edee;max-height:250px;padding:10px 12px;overflow:auto}.people-list .person-row{text-align:right;border-radius:7px;justify-content:flex-start;gap:9px;width:100%;min-width:0;height:53px;padding:7px;display:flex}.person-row[aria-pressed=true]{background:#edf4f3}.person-row__avatar{color:#45647a;width:34px;height:34px;font:19px var(--font-display);background:#e2eaf0;border-radius:7px;flex:none;place-items:center;display:grid}.person-row[aria-pressed=true] .person-row__avatar{color:#2b676b;background:#d5e7e5}.person-row__text{flex-direction:column;flex:1;align-items:flex-start;min-width:0;line-height:1.5;display:flex}.person-row__text strong,.person-row__text small{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.person-row__text strong{color:#344f5f;font-size:10px}.person-row__text small{color:#9aabb0;font-size:9px}.person-row__arrow{color:#9eafb3;flex:none}.person-details{padding:17px 19px 23px}.person-details__head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.person-details__head h3{color:#375366;margin:0;font-size:11px;font-weight:800}.person-details__head button{color:#a4afb2;width:26px;height:26px}.person-details .field{margin-bottom:12px}.people-footer{border-top:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:5px;min-height:45px;padding:0 16px;display:flex}.people-footer span{color:#97a7aa;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.people-footer span svg{color:#6fa28d}.people-footer button{color:#9c7373;height:27px;padding:0 5px;font-size:9px}.template-panel{padding:9px 21px 26px}.template-intro{border-top:1px solid #e8edee;padding:18px 2px 16px}.template-intro h2{color:#2d4b5d;margin:0 0 4px;font-size:13px;font-weight:800}.template-intro p{color:#90a1a8;margin:0;font-size:10px;line-height:1.7}.template-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.template-grid .template-option{text-align:right;background:#fff;border:1px solid #e5ebeb;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto;padding:5px 5px 8px;display:flex;position:relative;overflow:hidden}.template-grid .template-option:hover{background:#f9fbfb}.template-grid .template-option[aria-pressed=true]{border-color:#8caaab;box-shadow:0 0 0 2px #78a5a428}.template-option__visual{aspect-ratio:1.42;background:var(--thumb-bg);justify-content:center;align-items:center;width:100%;padding:9px;display:flex}.template-option__mini{border:2px double var(--thumb-accent);width:100%;height:100%;color:var(--thumb-accent);font:18px var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.template-option__mini i{background:var(--thumb-accent);opacity:.55;width:38%;height:2px;display:block}.template-option__mini i:nth-of-type(2){width:50%;height:3px}.template-option__mini i:nth-of-type(3){width:30%}.template-option__visual--royal{--thumb-bg:#f8f2e5;--thumb-accent:#ac884d}.template-option__visual--azure{--thumb-bg:#1b4058;--thumb-accent:#c6a678}.template-option__visual--sage{--thumb-bg:#e8eee8;--thumb-accent:#5b806e}.template-option__visual--rose{--thumb-bg:#f2e6e4;--thumb-accent:#945d69}.template-option__visual--slate{--thumb-bg:#293b48;--thumb-accent:#bccbd0}.template-option__visual--sand{--thumb-bg:#f1e9da;--thumb-accent:#52748a}.template-option__detail{flex-direction:column;gap:1px;padding:6px 3px 0;display:flex}.template-option__detail strong{color:#354f60;font-size:10px;line-height:1.35}.template-option__detail small{color:#9aabb0;font-size:9px;line-height:1.45}.template-option__check{color:#2d6b6b;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;left:10px}.design-note{color:#668085;background:#f1f5f4;border-radius:8px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;display:flex}.design-note svg{color:#a6885f;flex:none}.design-note p{margin:0;font-size:10px;line-height:1.8}@media (max-width:1190px){.studio-grid{grid-template-columns:290px minmax(0,1fr) 255px}.preview-stage{padding-inline:24px}.autosave-note,.header-center{display:none}}@media (max-width:900px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.studio-grid{grid-template-columns:minmax(0,1fr) 280px;display:grid}.editor-panel{border-left:0;border-bottom:1px solid var(--border);grid-area:1/1}.preview-pane{grid-area:2/1/auto/-1;min-height:500px}.people-panel{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/2}.editor-scroll,.people-scroll{max-height:460px}}@media (max-width:620px){.studio-header{gap:12px;height:auto;min-height:68px;padding:11px 15px}.studio-brand{min-width:0}.studio-brand__icon{width:36px;height:36px}.studio-brand strong{font-size:27px}.studio-brand span{white-space:nowrap;font-size:8px}.header-actions{gap:5px}.header-actions .header-import{display:none}.header-actions .primary-action{padding-inline:10px;font-size:10px}.studio-grid{flex-direction:column;display:flex}.preview-pane{order:0;min-height:0}.editor-panel{order:1}.people-panel{border-right:0;order:2}.preview-toolbar{height:57px;padding-inline:17px}.preview-stage{min-height:280px;padding:24px 15px 18px}.preview-caption{padding-top:10px}.preview-bottom{height:60px;padding:0 14px}.preview-bottom__info,.preview-bottom button{font-size:10px}.editor-scroll,.people-scroll{max-height:none;overflow:visible}.editor-footer{display:none}.people-list{max-height:250px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-head{padding-top:22px}}
.certificate{--cert-bg:#f8f5ed;--cert-ink:#233b4b;--cert-accent:#ae8d5a;--cert-muted:#71818a;--cert-border:#c2a678;aspect-ratio:297/210;background:var(--cert-bg);width:100%;height:100%;color:var(--cert-ink);font-family:var(--font-display);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:400;position:relative;overflow:hidden;container-type:inline-size}.certificate:before,.certificate:after{content:"";pointer-events:none;z-index:0;position:absolute}.certificate:before{background:radial-gradient(circle at 50% -30%, color-mix(in srgb, var(--cert-accent) 13%, transparent), transparent 64%);inset:0}.certificate:after{opacity:.34;background:repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--cert-accent) 7%, transparent) 8px 9px);inset:0}.certificate__frame{z-index:1;border:max(1px, .16cqw) solid var(--cert-border);position:absolute;inset:4.2% 3.1%}.certificate__frame:before{content:"";border:max(1px, .055cqw) solid color-mix(in srgb, var(--cert-accent) 60%, transparent);pointer-events:none;position:absolute;inset:.75cqw}.certificate__frame:after{content:"";background:var(--cert-bg);border-block:max(1px, .08cqw) solid var(--cert-accent);pointer-events:none;width:11cqw;height:.7cqw;position:absolute;top:-.48cqw;left:50%;transform:translate(-50%)}.certificate__corner{z-index:2;border-color:var(--cert-accent);pointer-events:none;width:4.6cqw;height:4.6cqw;position:absolute}.certificate__corner--tr{border-top:.26cqw solid;border-right:.26cqw solid;top:1.4cqw;right:1.4cqw}.certificate__corner--tl{border-top:.26cqw solid;border-left:.26cqw solid;top:1.4cqw;left:1.4cqw}.certificate__corner--br{border-bottom:.26cqw solid;border-right:.26cqw solid;bottom:1.4cqw;right:1.4cqw}.certificate__corner--bl{border-bottom:.26cqw solid;border-left:.26cqw solid;bottom:1.4cqw;left:1.4cqw}.certificate__content{text-align:center;z-index:2;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:3.5cqw 6.5cqw 2.8cqw;display:flex;position:relative}.certificate__top{flex-direction:column;align-items:center;line-height:1.35;display:flex}.certificate__ornament{color:var(--cert-accent);margin-bottom:.45cqw;font-family:Georgia,serif;font-size:3.4cqw;line-height:1}.certificate__organization{color:var(--cert-ink);font-size:clamp(11px,2.05cqw,38px)}.certificate__eyebrow{font-family:var(--font-sans);letter-spacing:.02em;color:var(--cert-muted);margin-top:.35cqw;font-size:clamp(7px,1.04cqw,18px)}.certificate__main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding-block:1cqw;display:flex}.certificate__rule{width:16cqw;color:var(--cert-accent);align-items:center;gap:1cqw;margin-bottom:.6cqw;font:1.3cqw Georgia,serif;display:flex}.certificate__rule:before,.certificate__rule:after{content:"";background:var(--cert-accent);opacity:.72;flex:1;height:1px}.certificate__heading{font-family:var(--font-display);color:var(--cert-ink);margin:0 0 .55cqw;font-size:clamp(18px,4.25cqw,80px);font-weight:400;line-height:1.45}.certificate__intro{color:var(--cert-muted);margin:0;font-size:clamp(9px,1.65cqw,31px);line-height:1.7}.certificate__recipient{color:var(--cert-accent);overflow-wrap:anywhere;max-width:100%;margin:.15cqw 0 0;font-size:clamp(18px,4.35cqw,82px);line-height:1.5}.certificate__position{font-family:var(--font-sans);color:var(--cert-muted);margin:0 0 .5cqw;font-size:clamp(7px,1.28cqw,23px);line-height:1.35}.certificate__occasion{margin:.1cqw 0 .45cqw;font-size:clamp(10px,1.9cqw,34px);line-height:1.45}.certificate__message{max-width:64cqw;color:var(--cert-ink);overflow-wrap:anywhere;margin:0;font-size:clamp(9px,1.6cqw,30px);line-height:1.65}.certificate__bottom{grid-template-columns:1fr 1fr 1fr;align-items:end;width:100%;padding-inline:.6cqw;display:grid}.certificate__date,.certificate__signature{text-align:right;flex-direction:column;align-items:flex-start;font-size:clamp(8px,1.36cqw,25px);line-height:1.4;display:flex}.certificate__date span,.certificate__signature span{font-family:var(--font-sans);color:var(--cert-muted);font-size:clamp(7px,1.02cqw,19px)}.certificate__date strong,.certificate__signature strong{color:var(--cert-ink);font-weight:400}.certificate__signature{text-align:left;align-items:flex-end}.certificate__seal{border:.12cqw solid var(--cert-accent);width:4.8cqw;height:4.8cqw;color:var(--cert-accent);opacity:.88;border-radius:50%;justify-self:center;place-items:center;display:grid}.certificate__seal span{border:.07cqw dashed var(--cert-accent);border-radius:50%;place-items:center;width:3.8cqw;height:3.8cqw;font:2.4cqw Georgia,serif;display:grid}.certificate--azure{--cert-bg:#153a53;--cert-ink:#faf4e6;--cert-accent:#d8b477;--cert-muted:#b4c6cb;--cert-border:#ad8d60}.certificate--azure:before{background:radial-gradient(at 50% 42%,#385a6f 0,#0000 70%),linear-gradient(125deg,#0000 15%,#173d574d 50%,#0000 85%)}.certificate--azure:after{opacity:.35;background:repeating-linear-gradient(45deg,#0000 0 14px,#d3b68018 14px 15px),repeating-linear-gradient(-45deg,#0000 0 14px,#d3b68010 14px 15px)}.certificate--royal{--cert-bg:#fbf8f0;--cert-ink:#314458;--cert-accent:#a4844b;--cert-muted:#74838c;--cert-border:#b59561}.certificate--royal:after{opacity:.25;background:radial-gradient(circle,#b998651d 1px,#0000 2px) 0 0/19px 19px}.certificate--sage{--cert-bg:#f0f4ef;--cert-ink:#344f48;--cert-accent:#648875;--cert-muted:#718c7e;--cert-border:#83a391}.certificate--sage:after{opacity:.28;background:repeating-linear-gradient(120deg,#0000 0 24px,#6d947b24 24px 25px,#0000 25px 48px)}.certificate--rose{--cert-bg:#f8eeeb;--cert-ink:#573e4c;--cert-accent:#9f6574;--cert-muted:#8d7780;--cert-border:#b9848d}.certificate--rose:after{opacity:.22;background:radial-gradient(circle at 6% 8%,#b9848d55 0 18%,#0000 18.5%),radial-gradient(circle at 94% 92%,#b9848d55 0 18%,#0000 18.5%)}.certificate--slate{--cert-bg:#263c48;--cert-ink:#f3f3ef;--cert-accent:#c3d1d0;--cert-muted:#aebdc0;--cert-border:#a1b5b8}.certificate--slate:after{opacity:.3;background:repeating-linear-gradient(0deg,#0000 0 11px,#b9cdd41c 11px 12px)}.certificate--sand{--cert-bg:#f4edde;--cert-ink:#344e5d;--cert-accent:#527c91;--cert-muted:#7e888b;--cert-border:#7e9ca6}.certificate--sand:after{opacity:.35;background:repeating-conic-gradient(from 45deg,#6a8da521 0deg 90deg,#0000 90deg 180deg) 0 0/28px 28px}.print-pages{display:none}@media print{@page{size:A4 landscape;margin:0}html,body{width:297mm;background:#fff!important;margin:0!important;padding:0!important}.app-shell,[data-sonner-toaster]{display:none!important}.print-pages{display:block!important}.print-page{page-break-after:always;break-after:page;width:297mm;height:210mm;display:block;overflow:hidden}.print-page:last-child{page-break-after:auto;break-after:auto}.print-page .certificate{width:297mm;height:210mm}}