@font-face{font-family:Manrope;src:url('manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f8f7f4;color:#242329;font-family:Manrope,system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.upload-button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2879f8;outline-offset:4px}[hidden]{display:none!important}.top{max-width:1280px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e5e0}.brand{text-decoration:none;color:inherit;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.brand small{font-weight:500;color:#8b8790;margin-left:5px;letter-spacing:0}.mark{background:#242329;color:#fff;border-radius:15px;font-size:24px;width:43px;height:43px;text-align:center}.status{color:#7b7780;font-size:12px}main{max-width:1280px;margin:auto;padding:36px}.intro{display:flex;justify-content:space-between;align-items:center;margin:10px 0 35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8b8590}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.1;margin:18px 0}h1 span{color:#2879f8}.intro p:last-child{color:#817b86;max-width:560px;line-height:1.8}.intro-icon{font-size:90px;color:#8ba46c;padding:0 30px}h2{letter-spacing:-.8px;font-size:24px;margin:12px 0}.welcome{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.welcome-copy{border-radius:32px;background:#e7eddc;padding:35px;overflow:hidden;position:relative;min-height:480px}.pill{font-size:9px;letter-spacing:1.4px;font-weight:800;border:1px solid #ffffffaa;border-radius:30px;padding:9px 12px;display:inline-block}.welcome-copy h2{font-size:48px;line-height:1.05;margin:27px 0 16px;letter-spacing:-2px}.welcome-copy p{max-width:260px;color:#68735c;line-height:1.8}.sample{position:absolute;right:28px;bottom:35px;width:235px;transform:rotate(9deg)}.sample-card{padding:24px;background:#fffdf7;border-radius:5px;box-shadow:0 18px 35px #52653b25}.sample-card small{font-size:8px;letter-spacing:1px}.sample-card strong{display:block;font-size:30px;line-height:1.1;margin:24px 0;color:#695979}.sample-card span{font-size:8px;letter-spacing:1px}.sample-tag{background:#d8cce4;border-radius:12px;padding:15px;font-size:12px;position:absolute;right:-8px;bottom:-22px;transform:rotate(-18deg)}.start-card{border-radius:32px;background:#fff;padding:38px;display:flex;flex-direction:column;gap:14px;border:1px solid #eeece7}.start-card p{color:#827b88;line-height:1.8;margin:0}.round-icon{width:50px;height:50px;border-radius:18px;background:#eee7f5;color:#79648d;font-size:30px;text-align:center}.start-card small{font-size:11px;line-height:1.8;color:#8a8490}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700;margin:12px 0}input,textarea,select{background:#f7f6f3;border:1px solid #e6e2e9;border-radius:12px;padding:13px;color:#242329;max-width:100%;width:100%}textarea{resize:vertical}input[type=color]{height:48px;padding:7px}input[type=range]{padding:0}label small{font-weight:400;color:#8a8490}.primary,.secondary,.upload-button{border:0;border-radius:15px;padding:15px 19px;font-weight:700;min-height:46px}.primary{background:#2879f8;color:#fff;display:flex;justify-content:space-between;gap:16px}.secondary{background:#f0edf3;color:#695b76}.project-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-bar h2{overflow-wrap:anywhere}.upload-button{background:#eee7f5;color:#79648d;flex-shrink:0}.editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.preview-card,.controls{background:#fff;border:1px solid #ede9e3;border-radius:27px;padding:22px;min-width:0}.preview-heading,.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8b8490}.preview-heading .pill{background:#f2f0f5;border:0}.stage{background:#eeece8;border-radius:20px;min-height:400px;margin:20px 0;display:flex;align-items:center;justify-content:center;padding:20px}.stage img{max-width:100%;max-height:65vh;object-fit:contain;box-shadow:0 10px 30px #25212c16}#empty{text-align:center;max-width:260px;color:#8c8393}.empty-icon{font-size:65px;color:#b7a9c3}.muted{font-size:12px;color:#8a8490;line-height:1.7}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{flex-direction:row;align-items:center}.check input{width:auto}.controls .primary,.controls .secondary{width:100%;margin-top:12px}.compatibility{font-size:11px;line-height:1.8;background:#faf7ee;padding:13px;border-radius:12px;color:#7e7256}#message{padding:12px 0;color:#675278;min-height:44px}footer{border-top:1px solid #e7e5e0;padding:23px 0;color:#99929d;font-size:10px;display:flex;justify-content:space-between;letter-spacing:1px}@media(max-width:800px){.top{padding:20px}.brand small,.status,.intro-icon{display:none}main{padding:20px}.welcome{grid-template-columns:1fr}.welcome-copy{min-height:370px;padding:26px}.welcome-copy h2{font-size:40px}.welcome-copy p{max-width:190px;font-size:12px}.sample{width:165px;right:22px;bottom:40px}.sample-card{padding:17px}.sample-card strong{font-size:23px}.start-card{padding:25px}.editor{grid-template-columns:1fr}.stage{min-height:270px;padding:12px}.preview-footer{flex-wrap:wrap}.intro{margin-top:0}h1{letter-spacing:-1.4px}.controls{padding:23px}.project-bar{gap:15px}}@media(prefers-reduced-motion:no-preference){button,.upload-button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.96)}button:active{transform:translateY(1px)}}
@media(max-width:800px){.welcome-copy{min-height:0}.welcome-copy p{max-width:100%}.sample{position:relative;right:auto;bottom:auto;margin:25px 15px 25px auto;width:180px}.welcome-copy h2{max-width:100%}}

.library-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:24px 0}.template-card{background:white;border:1px solid #e6e2e9;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}.template-card img{width:100%;height:180px;object-fit:contain;background:#eeece8;border-radius:14px}.template-card h3,.template-card p{margin:0}.template-card p{color:#817b86}.template-card a{overflow-wrap:anywhere;color:#2879f8}#publishForm{max-width:650px}
/* BILLBOARD paid-template previews stay visibly watermarked in the editor. */
.stage{position:relative}.preview-watermark{position:absolute;inset:-15%;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);align-items:center;justify-items:center;transform:rotate(-24deg);opacity:.48}.preview-watermark span{font-size:clamp(10px,2.5vw,15px);font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #17131e,0 0 3px #17131e;white-space:nowrap}.preview-footer #downloadFinished{background:#242329;color:#fff;text-decoration:none}
.project-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-actions a{text-decoration:none}
.layer-picker{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;font-size:12px;font-weight:700}.layer-count{font-size:11px;color:#6d5a7d;background:#eee7f5;border-radius:99px;padding:6px 10px}.layer-detail{min-height:38px;padding:9px 11px;margin:9px 0 15px;border-radius:12px;background:#f8f6fa;color:#77717e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}

/* Clear, compact call-to-action for the selected design */
.project-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;margin:0 0 22px;border:1px solid #ece5f0;border-radius:26px;background:radial-gradient(ellipse at 5% 0%,#fff 0,#fff9 42%,transparent 70%),linear-gradient(115deg,#f2effb,#fff3ec);box-shadow:0 12px 34px #40344a0b}
.project-heading{min-width:0;flex:1}.project-heading .eyebrow{margin:0 0 8px;color:#7b65b2}.project-bar h2{font-size:clamp(25px,3vw,34px);line-height:1.12;letter-spacing:-1.1px;margin:0;overflow-wrap:anywhere}.project-subtitle{margin:9px 0 12px;color:#77717e;font-size:13px;line-height:1.55}.project-layer-summary{display:inline-flex;align-items:center;gap:7px;color:#65517f;background:#fff;border:1px solid #ece4f4;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.project-layer-summary:before{content:"";width:7px;height:7px;border-radius:50%;background:#47b78c;box-shadow:0 0 0 3px #47b78c20}
.project-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.project-actions a,.project-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;border-radius:15px;text-decoration:none;white-space:nowrap}.project-actions .primary{background:#2879f8;box-shadow:0 8px 18px #2879f83a}.project-actions .secondary{background:#fff;color:#55436f;border:1px solid #e8e0ee}
@media(max-width:800px){.project-bar{flex-direction:column;align-items:stretch;gap:18px;padding:21px 19px;border-radius:23px}.project-bar h2{font-size:clamp(25px,7vw,32px)}.project-subtitle{font-size:13px}.project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}.project-actions a,.project-actions button{width:100%;min-width:0;min-height:50px;padding:0 10px;font-size:12px;white-space:normal;text-align:center}.project-actions:has(#backBillboard[hidden]){grid-template-columns:1fr}}
@media(max-width:380px){.project-actions a,.project-actions button{font-size:11px;padding-inline:7px}}

.image-actions{display:grid;gap:12px;margin:16px 0}.image-actions small{color:#666;line-height:1.5}
#signatureDialog{width:min(640px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #ddd;border-radius:20px;padding:24px;color:#242329}
#signatureDialog::backdrop{background:#0008}#signatureCanvas{display:block;width:100%;height:auto;touch-action:none;border:1px dashed #999;background:#fff;border-radius:10px}
.signature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#signatureDialog p{line-height:1.5}
.stage{overflow:hidden}