@font-face{font-family:Prompt;src:url('/fonts/Prompt-Regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:Prompt;src:url('/fonts/Prompt-Bold.woff2');font-weight:700;font-display:swap}@font-face{font-family:Kanit;src:url('/fonts/kanit/Kanit-SemiBold.woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Sarabun;src:url('/tool-fonts/Sarabun.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:NotoSerifThai;src:url('/tool-fonts/NotoSerifThai.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Srisakdi;src:url('/tool-fonts/Srisakdi.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:Mali;src:url('/tool-fonts/Mali.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:Charm;src:url('/tool-fonts/Charm.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:ChakraPetch;src:url('/tool-fonts/ChakraPetch.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:SpaceGrotesk;src:url('/tool-fonts/SpaceGrotesk.ttf');font-weight:300 700;font-display:swap}@font-face{font-family:Orbitron;src:url('/tool-fonts/Orbitron.ttf');font-weight:400 900;font-display:swap}@font-face{font-family:BebasNeue;src:url('/tool-fonts/BebasNeue.ttf');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f2f4f6;color:#233244;font:12px/1.7 Prompt,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;border-radius:8px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #507da0;outline-offset:4px}a{color:inherit;text-decoration:none}input,textarea,select{min-width:0}h1,h2,h3,p{margin:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{max-width:1530px;margin:auto;padding:0 34px}.header{display:flex;justify-content:space-between;align-items:center;height:74px;border-bottom:1px solid #d9e0e8}.brand{font:800 20px Arial;display:flex;align-items:center;gap:9px;letter-spacing:-.5px}.brandmark{width:29px;height:29px;display:grid;place-items:center;background:#25465d;color:#e7d49f;border-radius:8px}.brandmark svg{width:18px}.brand>span:last-child{color:#9a8048}.nav{display:flex;gap:25px;align-items:center;font-size:10px}.languages{display:flex;gap:4px;border:1px solid #c6d2df;padding:3px;background:#fff;border-radius:8px}.languages span,.languages button{font:10px Arial;padding:4px 8px}.languages span{border-radius:5px;background:#e4ecf4;color:#355b78}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 22px}h1{font-size:28px;font-weight:700;letter-spacing:-.7px}.intro p{font-size:11px;color:#506882;margin-top:6px}.introactions{display:flex;gap:7px;flex-wrap:wrap}.outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #afc0d2;background:#fff;padding:8px 11px;font-size:10px;border-radius:8px}.outline svg{width:14px;height:14px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #19394f;background:#254c66;color:#fff;padding:9px 14px;font-size:11px;border-radius:9px}.primary svg{width:15px;height:15px}.outline:hover:not(:disabled){background:#e7eef6}.primary:hover:not(:disabled){background:#183c57}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.editor{min-width:0;border:1px solid #ccd7e2;border-radius:16px;overflow:hidden;background:#fff}.editorbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;background:#fafbfd;border-bottom:1px solid #d5dee8}.editorbar>span{display:flex;align-items:center;gap:7px;font-size:11px}.editorbar>span svg{width:15px;color:#738cac}.editoractions{display:flex;gap:6px;align-items:center}.small{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b9c9db;background:#f6f9fd;padding:5px 8px;border-radius:6px;font-size:9px;white-space:nowrap}.small svg{width:13px;height:13px}.small.danger{border-color:#d9bcc1;background:#fff6f5;color:#995361}.zoom{font:10px Arial;padding:5px 7px;border:1px solid #b6c6d8;background:#fff;border-radius:6px;width:67px}.canvasarea{padding:20px 23px 25px;overflow:auto;background:radial-gradient(#a6b4c633 .7px,transparent .7px) 0 0/9px 9px,#e8edf2;min-height:300px}.ruler{display:flex;justify-content:space-between;max-width:1123px;margin:0 auto 8px;color:#7d8fa8;font:8px Arial;border-bottom:1px solid #c2ccda;padding-bottom:5px}.sceneholder{position:relative;margin:auto;box-shadow:0 8px 24px #1c35551a}.scene{position:absolute;left:0;top:0;width:1123px;height:794px;background:#fff;transform-origin:top left;overflow:hidden;isolation:isolate}.backgroundframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;z-index:0}.guides{position:absolute;inset:0;pointer-events:none;z-index:1}.guides:before,.guides:after{content:'';position:absolute;border-color:#6294bd50;border-style:dashed}.guides:before{top:0;bottom:0;left:50%;border-width:0 0 0 1px}.guides:after{left:0;right:0;top:50%;border-width:1px 0 0}.layer{position:absolute;z-index:2;transform:translate(-50%,-50%);text-align:center;line-height:1.45;cursor:move;touch-action:none;user-select:none;border:1px solid transparent;white-space:pre;box-sizing:content-box;min-height:1em}.layer.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.layer:hover{outline:1px dashed #7c9eba99;outline-offset:3px}.layer.selected{outline:2px solid #4a7fa7;outline-offset:4px;background:#75a7cf08}.layer.selected:after{content:attr(data-label);position:absolute;left:-4px;top:-22px;font:11px Prompt;color:#fff;background:#4a7fa7;padding:2px 6px;white-space:nowrap;border-radius:3px}.layer img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.recipientnav{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#fafbfd;border-top:1px solid #d5dee8;gap:12px;font-size:10px}.recipientnav>div{display:flex;align-items:center;gap:10px;min-width:0}.recipientnav button{width:23px;height:23px;background:#fff;border:1px solid #bdcddd;border-radius:6px;font:16px Arial}.recipientnav strong{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.recipientnav>span{color:#678098;font:10px Arial;white-space:nowrap}.templatebar{padding:17px;border-top:1px solid #e2e8f0}.labelrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.labelrow h2{font-size:11px;font-weight:400}.labelrow>span{font-size:8px;color:#647e98}.templates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}.template{border:1px solid #c9d2dd;background:#fff;padding:5px;border-radius:9px;text-align:left;min-width:0}.template[aria-pressed=true]{border-color:#4e7390;box-shadow:0 0 0 1px #4e7390}.template img{display:block;width:100%;aspect-ratio:1.414;object-fit:contain;background:#fff;border:1px solid #f0efea}.template span{display:block;font-size:8px;margin:5px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerpanel{padding:15px 17px 17px;border-top:1px solid #e2e8f0}.layerlist{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.layerchip{border:1px solid #c6d2df;background:#f7faff;font-size:9px;padding:5px 8px;border-radius:6px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerchip[aria-pressed=true]{background:#e4eef8;border-color:#7a9ab7;color:#234d70}.layerchip.off{opacity:.45}.inspector{border:1px solid #ccd7e2;border-radius:15px;overflow:hidden;background:#fff}.inspectorhead{padding:17px 18px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.inspectorhead svg{width:16px;color:#6e89a6}.tabs{display:flex;gap:3px;background:#edf1f7;padding:4px;border-radius:9px;margin:14px 15px 0}.tabs button{font-size:9px;padding:8px 5px;flex:1}.tabs button[aria-selected=true]{background:#fff;color:#284f70;box-shadow:0 1px 3px #0001}.panel{padding:17px 18px}.setting{border-bottom:1px solid #dde5ef;margin-bottom:16px;padding-bottom:16px}.setting:last-child{margin:0;padding:0;border:0}.label{display:block;font-size:10px;font-weight:700;margin-bottom:7px}.field{display:block;width:100%;border:1px solid #b4c5d8;background:#f9fbfe;padding:8px 9px;border-radius:7px;font-size:10px;line-height:1.7}.textarea{min-height:85px;resize:vertical}.tokens{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tokens button{border:1px solid #c7d5e6;background:#f1f6fc;border-radius:5px;font-size:8px;padding:3px 8px}.row{display:flex;gap:8px;align-items:start}.row>div{flex:1;min-width:0}.colorfield{padding:4px;width:100%;height:34px;border:1px solid #b4c5d8;border-radius:7px;background:#fff}.switchline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;margin-top:13px}.switch{appearance:none;width:29px;height:17px;border-radius:15px;position:relative;background:#b4c5d8;margin:0;cursor:pointer;flex-shrink:0}.switch:before{content:'';position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:#4f779c}.switch:checked:before{transform:translateX(12px)}.hint{font-size:8px;line-height:1.9;color:#5c7590;margin-top:7px}.inspectorfoot{padding:11px 18px;background:#edf3f9;border-top:1px solid #d5e1ed;color:#56728e;display:flex;align-items:center;gap:6px;font-size:8px}.inspectorfoot svg{width:12px;height:12px}.peoplelist{max-height:215px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b6c8dc transparent;margin-top:10px}.person{display:flex;gap:8px;align-items:center;width:100%;border:1px solid #e0e7f0;background:#fff;text-align:left;padding:7px 9px;margin-bottom:5px;font-size:10px;border-radius:7px}.person[aria-current=true]{background:#e9f1f9;border-color:#96b3cc}.person>span{font:9px Arial;color:#7289a3}.person strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter{font:10px Arial;color:#547497}.upload{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:19px 12px;border:1px dashed #93abc4;background:#f3f7fc;border-radius:10px;color:#486c8c}.upload svg{width:23px;height:23px}.upload strong{font-size:11px;font-weight:400}.upload span{font-size:8px}.warning{padding:10px 13px;border:1px solid #d9b47f;background:#fff7e9;color:#8d612f;font-size:10px;border-radius:8px;white-space:pre-line;margin-bottom:15px;line-height:1.8}.keyhelp{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#637f9a;margin:16px 0}.content{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:30px 0;margin-top:38px;border-top:1px solid #cbd8e5}.content h2{font-size:20px;letter-spacing:-.4px;font-weight:400;margin-bottom:22px}.content ol{counter-reset:step;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.content li{position:relative;padding-left:37px;font-size:11px}.content li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font:11px Arial;background:#e3edf7;color:#476e93}.content strong{font-weight:400}.content p{font-size:10px;line-height:2;color:#536d87;margin-top:5px}.faq details{border-bottom:1px solid #cbd8e5;padding:13px 0}.faq summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:'+';font:20px Arial;color:#6b88a7}.faq details[open] summary:after{content:'−'}.related{padding:23px 0;border-top:1px solid #cbd8e5;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#56718c}.related div{display:flex;gap:8px;flex-wrap:wrap}.related a{background:#fff;border:1px solid #bdcddd;border-radius:7px;padding:7px 12px}.footer{padding:25px 0;border-top:1px solid #cbd8e5;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#5c7691}.footer .brand{font-size:16px}.modal{border:1px solid #b6c8dc;border-radius:17px;padding:25px;background:#fff;color:#263c52;width:calc(100% - 32px);max-width:460px;box-shadow:0 24px 100px #142d4c44}.modal::backdrop{background:#152c4499;backdrop-filter:blur(5px)}.modal h2{font-size:21px;font-weight:400;margin-bottom:10px}.modal p{font-size:10px;line-height:1.9;color:#56738f;margin:10px 0 18px;white-space:pre-line}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.importmodal{max-width:650px}.importtools{display:flex;gap:8px;margin:0 0 13px}.importmodal textarea{min-height:130px;resize:vertical}.importpreview{max-height:210px;overflow:auto;margin-top:13px;border:1px solid #d1dce9;border-radius:8px}.importpreview:empty{display:none}.importpreview table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.importpreview th,.importpreview td{padding:7px 9px;border-bottom:1px solid #e1e8f1}.importpreview th{background:#edf3fa;position:sticky;top:0}.importpreview .bad{color:#9b4054}progress{width:100%;accent-color:#3d749f;margin-top:15px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;transition:.2s;z-index:150;background:#254a67;color:#fff;padding:11px 18px;border-radius:9px;font-size:11px;max-width:90vw;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.printarea{display:none}[hidden]{display:none!important}.busy{cursor:progress}.busy .layer{pointer-events:none}@media(max-width:1100px){.shell{padding:0 23px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.intro{align-items:start}.intro h1{font-size:25px}.introactions{justify-content:end;max-width:400px}.canvasarea{padding:17px}.panel{padding:16px}.templates{gap:6px}.labelrow>span{font-size:7px}.content{gap:35px}}@media(max-width:760px){.shell{padding:0 15px}.header{height:65px}.brand{font-size:18px}.nav>a{display:none}.nav{gap:10px}.intro{padding:22px 0 18px;flex-direction:column;gap:13px}.intro h1{font-size:23px}.intro p{font-size:10px}.introactions{width:100%;max-width:none;justify-content:start;gap:5px}.introactions .outline{font-size:8px;padding:8px 7px;gap:4px}.introactions .outline svg{width:12px}.introactions .primary{font-size:9px;padding:8px 10px;margin-left:auto}.workspace{display:flex;flex-direction:column;gap:20px}.editor,.inspector{width:100%}.editorbar{padding:11px 12px;gap:7px;flex-wrap:wrap}.editorbar>span{font-size:10px}.editoractions{gap:4px}.editoractions .small{font-size:8px;padding:5px 6px}.canvasarea{padding:13px 10px 17px}.recipientnav{padding:10px 12px;flex-wrap:wrap;font-size:9px;gap:7px}.recipientnav>div{gap:7px}.recipientnav strong{max-width:210px}.recipientnav>span{font-size:9px;padding-left:76px}.templatebar{padding:13px 12px}.templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.template span{font-size:8px}.labelrow>span{display:none}.layerpanel{padding:13px 12px}.layerchip{font-size:8px;padding:5px 7px}.panel{padding:17px}.tabs button{font-size:10px}.keyhelp{font-size:8px;flex-direction:column;gap:5px}.content{grid-template-columns:1fr;gap:35px;margin-top:28px;padding-top:25px}.content h2{font-size:18px}.related{align-items:start;flex-direction:column;gap:12px}.related a{font-size:9px}.footer{flex-wrap:wrap;gap:12px}.modal{padding:22px}.importtools{flex-wrap:wrap}.importpreview{font-size:9px}.modal .row{font-size:10px;gap:15px}}
@media print{body>*{display:none!important}body>.printarea{display:block!important}.printarea .scene{display:block;position:relative;left:auto;top:auto;transform:none!important;width:297mm!important;height:210mm!important;break-after:page;page-break-after:always;box-shadow:none}.printarea.portrait .scene{width:210mm!important;height:297mm!important}.printarea .scene:last-child{break-after:auto;page-break-after:auto}.printarea .layer{outline:none!important;border-color:transparent!important;background:none!important;cursor:default}.printarea .layer:after,.printarea .guides{display:none!important}.printarea.nobg .backgroundframe{visibility:hidden}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

body{padding-bottom:10px}body>.shell{padding-top:4px}.appactions{display:flex;justify-content:flex-end;margin:0 0 14px}.workspace{margin-top:0}
@media(max-width:760px){.appactions .introactions{width:100%;max-width:none}}

@media print{body{padding:0!important;margin:0!important}}
/* Template-first workspace: background, recipients, preview. */
body{color:#172a3b;background:#f3f5f8;font-size:13px}.appactions{justify-content:space-between;gap:12px;padding:10px 0 18px}.outline,.small{color:#243f55;border-color:#b0c0cf}.primary{background:#234f69}.workspace{gap:22px;grid-template-columns:minmax(0,1fr) 360px}.design-start{border:1px solid #ced9e4;border-radius:16px;background:#fff;padding:20px;margin-bottom:22px}.design-start .labelrow{margin-bottom:16px}.design-start h2{font-size:16px;font-weight:700}.design-start .labelrow>span{font-size:11px;color:#50677b}.design-choices{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.templates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.template{padding:6px;border:1px solid #c3d0dc;border-radius:10px;background:#f9fbfd;transition:border-color .15s,box-shadow .15s}.template img{aspect-ratio:1.414;object-fit:contain;width:100%;height:auto;border-radius:4px}.template span{display:block;font-size:10px;padding:8px 3px 3px;color:#334e64}.template[aria-pressed=true]{border:2px solid #315d7d;box-shadow:0 0 0 3px #e1edf7}.upload-card{border:2px dashed #91aabf;border-radius:12px;background:#f0f6fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;color:#234f69;min-height:142px;background-size:cover;background-position:center}.upload-card:hover{border-color:#285e82;background-color:#e7f1f8}.upload-card.active{border-style:solid;border-color:#315d7d;box-shadow:0 0 0 3px #e1edf7}.upload-card svg{width:28px;height:28px;margin-bottom:4px}.upload-card strong{font-size:13px}.upload-card span{font-size:10px}.uploaded-name{max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#325b77;font-weight:700}.inspector{position:sticky;top:12px}.tabs button{font-size:11px;padding:10px 6px}.panel{padding:20px}.panel .label{font-size:11px;color:#253e50}.field{font-size:12px;background:#fbfcfe;border-color:#b7c9d8}.peoplelist{max-height:210px}.person{padding:9px 10px}.person strong{font-size:12px}.person[aria-current=true]{background:#e8f2fa;border-color:#a5bed2}.optional-settings,.position-settings{border-top:1px solid #d5dfe8;margin-top:15px}.optional-settings summary,.position-settings summary{font-size:12px;font-weight:600;color:#34536a;cursor:pointer;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}.optional-settings summary::after,.position-settings summary::after{content:'+';font:20px Arial;color:#537997}.optional-settings[open] summary::after,.position-settings[open] summary::after{content:'−'}.optional-settings .setting,.position-settings .setting{margin:0;border:0;padding:0 0 16px}.optional-settings [data-add]{width:100%;margin-bottom:16px}.optional-palette{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.optional-palette .small{padding:8px 12px;font-size:11px;background:#f4f8fb}.layerpanel .labelrow h2{font-size:13px;font-weight:700}.layerlist{border-top:1px solid #dde5ec;padding-top:14px}.editoractions #addtext,.editoractions #addlogo{font-size:10px}.recipientnav strong{font-size:12px}.keyhelp{font-size:10px;line-height:1.8}.canvasarea{background:#e9eef4}.templatebar .labelrow{flex-wrap:wrap;gap:6px}.panel:has(#peoplelist)>.setting{border-bottom:0;margin-bottom:0;padding-bottom:0}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.design-choices{grid-template-columns:190px minmax(0,1fr)}.design-start{padding:16px}.template span{font-size:9px}.design-start .labelrow>span{font-size:10px}}
@media(max-width:760px){.appactions{align-items:flex-start}.appactions>.outline{font-size:10px;white-space:nowrap;padding:8px}.appactions .introactions{justify-content:flex-end;width:auto;gap:5px}.appactions .introactions button{padding:8px;font-size:10px}.appactions .introactions svg{display:none}.design-start{padding:16px;margin-bottom:18px}.design-start h2{font-size:15px}.design-choices{grid-template-columns:1fr}.upload-card{min-height:120px}.templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template span{font-size:10px}.workspace{display:flex;flex-direction:column;gap:18px}.inspector{order:-1;position:static;width:100%}.editor{width:100%}.tabs button{font-size:11px}.peoplelist{max-height:145px}.canvasarea{max-height:none}.optional-palette{gap:7px}.optional-palette .small{font-size:10px;padding:8px}.keyhelp{display:block}.keyhelp>span{display:block;margin-top:7px}}
@media print{body{padding:0!important;margin:0!important}}
@media(prefers-reduced-motion:reduce){.template{transition:none}}
.paper-quick{display:flex;align-items:center;gap:9px;margin-left:auto}.paper-quick label{font-size:11px;color:#34536a;white-space:nowrap}.paper-quick select{width:auto;font-size:11px;padding:8px 10px;background:#f5f9fc;border:1px solid #b4c7d7;border-radius:8px}.custom-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #dbe5ec;font-size:11px}.custom-controls .field{width:auto;max-width:100%;font-size:11px}.custom-controls #removebg{margin:0!important}.custom-controls #bginfo{margin:0;color:#567080;font-size:10px;max-width:100%;overflow-wrap:anywhere}.design-start>.labelrow{align-items:center;gap:12px}.design-start>.labelrow>span{margin-right:auto}@media(max-width:760px){.paper-quick{margin-left:0;width:100%;margin-top:5px;justify-content:space-between}.paper-quick select{max-width:75%;font-size:10px}.custom-controls{gap:9px}.custom-controls #bginfo{width:100%}}
.element-actions{padding-top:16px;border-top:1px solid #d7e1e9;margin-top:8px}.element-actions .small{padding:8px 12px;font-size:11px}
.dpi-setting{margin:18px 0 12px}.dpi-setting .hint{margin-top:9px}.modal #printprogress{flex-basis:100%;margin:8px 0 0}.modal:has(#printprogress) .actions{flex-wrap:wrap}#exportinfo,#printinfo{overflow-wrap:anywhere}
.modal{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}

/* The main page owns workspace scrolling; the preview never creates a nested scroll area. */
html.embedded{overflow:hidden}.canvasarea{overflow:visible}.sceneholder{position:relative;overflow:clip}.sceneholder>#scene{position:absolute;left:0;top:0}.peoplelist{max-height:none;overflow:visible}@media(max-width:760px){.peoplelist{max-height:none}}
/* Compact background picker follows the certificate preview. */
.editor>.design-start{margin:0;padding:15px 16px 13px;border:0;border-top:1px solid #b9c9da;border-radius:0;background:#f6f9fd}.editor>.design-start .labelrow{margin-bottom:12px;gap:6px 12px}.editor>.design-start h2{font-size:14px;color:#182e43}.editor>.design-start .labelrow>span{font-size:10px;color:#4b6178}.editor>.design-start .design-choices{grid-template-columns:180px minmax(0,1fr);gap:12px}.editor>.design-start .templates{gap:7px}.editor>.design-start .template{padding:5px;border-color:#8ba1b8;background:white}.editor>.design-start .template span{font-size:9px;padding:6px 2px 2px;color:#263d53}.editor>.design-start .template[aria-pressed=true]{border:2px solid #1c609b;box-shadow:0 0 0 2px #cee3f7}.editor>.design-start .upload-card{min-height:112px;padding:12px 8px;gap:5px;border-color:#5c83a8;background-color:#e9f2fc;color:#16456e}.editor>.design-start .upload-card svg{width:23px;height:23px;margin:0}.editor>.design-start .upload-card strong{font-size:11px}.editor>.design-start .upload-card span{font-size:9px}.editor>.design-start .template-size{font-size:9px!important;line-height:1.7;color:#113d65;font-weight:700;white-space:normal}.editor>.design-start .uploaded-name{max-width:155px}.template-guide{margin-top:11px}.template-dimensions{display:flex;flex-wrap:wrap;gap:6px}.template-dimensions>span{font-size:9px;border:1px solid #b5c6d8;background:#fff;border-radius:5px;padding:3px 7px;color:#3f556e}.template-dimensions>span.current{border-color:#527fa8;background:#e3effb;color:#123e65;font-weight:700}.template-guide>p{font-size:9px;line-height:1.8;margin:6px 0 0;color:#52677e}.editorbar{flex-wrap:wrap;gap:10px;padding:12px 14px;background:#f2f6fb;border-color:#a9bed2}.editorbar>span{color:#1a3852}.editoractions{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.editorbar .custom-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0;padding:0;border:0;font-size:10px;max-width:100%}.editorbar .custom-controls label{white-space:nowrap;color:#263e55;font-size:10px}.editorbar .custom-controls .field{width:155px;min-width:0;max-width:155px;padding:6px;font-size:10px;background:#fff;border-color:#829db7}.editorbar .custom-controls #removebg{padding:6px 8px;white-space:nowrap;font-size:10px}.editorbar>.background-info{flex-basis:100%;text-align:right;font-size:9px;margin:0;color:#445f79;overflow-wrap:anywhere}.editor .paper-quick{gap:7px}.editor .paper-quick label{font-size:10px}.editor .paper-quick select{font-size:10px;padding:6px 8px;background:white;border-color:#8ba3ba}
/* Stronger control boundaries, with a distinct blue download action. */
body{color:#172c41}.field{color:#192f45;background:#fff;border-color:#8fa5bc}.outline,.small,.layerchip{color:#203d59;background:#edf3fa;border-color:#8fa7bf;box-shadow:0 1px 2px #1437560a}.outline:hover:not(:disabled),.small:hover:not(:disabled),.layerchip:hover:not(:disabled){color:#123f66;background:#dceaf8;border-color:#4d769e}.optional-palette .small{background:#eaf2fb;border-color:#8aa7c3;color:#21486d}.layerchip[aria-pressed=true]{background:#265f91;border-color:#1c4972;color:#fff}.tabs{background:#e4ecf5}.tabs button{color:#344d66}.tabs button[aria-selected=true]{background:#fff;color:#174d79;box-shadow:0 1px 4px #17375120}.person{border-color:#d4dfeb;color:#243e56}.person[aria-current=true]{background:#dfedfc;border-color:#6390b9;color:#173b5c}.primary{background:#285775;border-color:#173d58;color:#fff}#exportbutton,#startexport{background:#126dca;border-color:#0856a4;color:#fff;box-shadow:0 2px 4px #126dca22}#exportbutton:hover:not(:disabled),#startexport:hover:not(:disabled){background:#0959ab;border-color:#064587}#removebg,#deletelayer{color:#8a332c;background:#fff3f1;border-color:#c88d87}#removebg:hover:not(:disabled),#deletelayer:hover:not(:disabled){background:#ffe4e0;border-color:#a8544c}.zoom{border-color:#8ba3bb;color:#274663;background:#fff}.optional-settings summary,.position-settings summary{color:#284d70}.outline:disabled,.small:disabled,.editorbar select:disabled{opacity:.5;box-shadow:none}.editor>.design-start .upload-card.active{border-color:#28659d;background-color:#e6f1fc}
@media(max-width:1150px){.editor>.design-start .design-choices{grid-template-columns:1fr}.editor>.design-start .upload-card{min-height:78px;display:grid;grid-template-columns:27px 1fr;gap:3px 10px;text-align:left;align-items:center;justify-items:start}.editor>.design-start .upload-card svg{grid-row:1/5}.editor>.design-start .upload-card strong,.editor>.design-start .upload-card>span{grid-column:2}.editor>.design-start .uploaded-name{max-width:100%}.editorbar .custom-controls{flex-wrap:wrap}.editor>.design-start .templates{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.editorbar>span{width:100%}.editoractions{width:100%;justify-content:flex-start}.editorbar .custom-controls{flex-basis:100%;gap:7px;justify-content:flex-start}.editorbar .custom-controls label{flex-basis:100%;font-size:11px}.editorbar .custom-controls .field{flex:1;width:auto;max-width:none;font-size:10px}.editorbar .custom-controls #removebg{font-size:10px}.editorbar>.background-info{text-align:left}.editor>.design-start{padding:14px 12px}.editor>.design-start h2{font-size:13px}.editor>.design-start .labelrow>span{display:block;width:100%;font-size:9px}.editor>.design-start .templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.editor>.design-start .template span{font-size:9px}.editor .paper-quick{margin-top:5px;width:100%}.editor .paper-quick select{max-width:73%;font-size:9px}.template-dimensions>span{font-size:9px}.template-guide>p{font-size:9px}.template-size{font-size:10px!important}}
.editor>.design-start .template img{height:62px;max-height:62px;object-fit:contain;aspect-ratio:auto;background:#fbfcfe}
.template-guide>.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.editor>.design-start .template-size{font-size:10px!important}.template-dimensions>span,.template-guide>p{font-size:10px}.template-guide>p{color:#405972}@media(max-width:760px){.editoractions #zoom{order:1}.editoractions #customcontrols{order:2}}