@font-face{font-family:Poster;src:url('assets/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poster;src:url('assets/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Poster;src:url('assets/Poppins-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#17283e;background:#f5f6f8;font-synthesis:none;--blue:#093d81;--navy:#0a2b57;--muted:#7a8796;--border:#e4e8ed;--gold:#dca835}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:22px}.brand-symbol{display:flex;flex-direction:column;font-size:28px;letter-spacing:-2px;font-weight:900;color:#0b428a;line-height:1}.brand-symbol span{font-size:9px;letter-spacing:3px;margin-top:5px}.brand-divider{height:35px;width:1px;background:#dce2e9}.brand-title{font-size:17px;font-weight:650;letter-spacing:-.3px}.brand-title small{display:block;font-size:11px;font-weight:400;letter-spacing:.1px;color:var(--muted);margin-top:5px}.topbar-right{display:flex;gap:28px;align-items:center}.private-badge{font-size:11px;color:#6d7c8d;display:flex;align-items:center;gap:8px}.private-badge i,.live-dot{width:6px;height:6px;background:#529a7f;border-radius:50%;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:active{transform:translateY(1px)}.button svg,.privacy-note svg,.upload-icon svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #082d6810}.primary:hover{background:#062e65}.workspace{display:grid;grid-template-columns:386px minmax(0,1fr);min-height:calc(100vh - 88px);max-width:1800px;margin:auto}.editor{background:#fff;border-right:1px solid var(--border);padding:32px 30px 20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#a07d36}.editor-heading h1{font-size:29px;line-height:1.18;letter-spacing:-1px;margin:12px 0}.editor-heading p{font-size:12px;line-height:1.7;color:#7b8796;margin:0;max-width:290px}.control-section{padding-top:25px;margin-top:24px;border-top:1px solid var(--border)}h2{font-size:13px;font-weight:650;display:flex;align-items:center;gap:10px;margin:0 0 19px}.step{font-size:9px;font-weight:700;background:#f1f4f8;color:#7a899d;border:1px solid #e4eaf1;border-radius:5px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.section-note{margin-left:auto;font-size:10px;font-weight:400;color:#939caa;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label{display:block;font-size:11px;font-weight:600;margin:16px 0 7px;color:#526177}input[type=text],input[type=tel],select{width:100%;height:42px;background:#fff;border:1px solid #dfe5eb;border-radius:6px;padding:0 12px;color:#293a50;font-size:12px;outline:none}input:hover,select:hover{border-color:#bacadd}input:focus,select:focus{border-color:#4074b3;box-shadow:0 0 0 3px #4074b312}input[type=range]{width:100%;height:5px;margin:7px 0 13px;accent-color:var(--blue);cursor:pointer;box-shadow:none}.field-row{display:grid;grid-template-columns:.95fr 1.15fr;gap:12px}.upload-zone{position:relative;min-height:121px;border:1px dashed #bacbde;background:#f8fafd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;margin:0 0 21px;transition:.2s}.upload-zone:hover,.upload-zone.dragging{background:#edf4ff;border-color:var(--blue)}.upload-zone:focus-within{outline:3px solid #6595ca}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{height:30px;width:30px;border-radius:7px;background:#edf2fa;display:grid;place-items:center;color:#366297;margin-bottom:9px}.upload-zone strong{font-size:11px;color:#3c597d}.upload-zone small{font-weight:400;color:#8b98a8;font-size:10px;margin-top:6px}.slider-label{display:flex;justify-content:space-between;align-items:center}.slider-label label{margin:0}.slider-label output{font-size:10px;color:#7b899a}.position-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:7px}.photo-actions{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.quiet{background:#fff;border-color:var(--border);color:#50647c;padding:8px 11px;font-size:10px}.quiet:hover{background:#f1f5fa}.quiet svg{height:13px;width:13px}.text-button{border:0;background:none;color:#6e7f94;font-size:10px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--blue)}.hint{font-size:10px;line-height:1.6;color:#909baa;margin:14px 0 0}.export-section{margin-top:21px;padding-top:22px}.export-section label{margin-top:0}.export-button{width:100%;margin-top:12px;justify-content:flex-start;padding:14px 17px}.export-button span{margin-left:auto;font-size:17px;font-weight:400}.privacy-note{font-size:10px;color:#94a0ae;display:flex;gap:6px;align-items:center;justify-content:center;margin:13px 0 0}.privacy-note svg{height:11px;width:11px}.editor-footer{border-top:1px solid var(--border);margin-top:26px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-footer span{font-size:9px;color:#8b98a8}.preview-area{padding:28px 42px 25px;background:radial-gradient(ellipse at 50% 50%,#eef1f5,#e6ebf1);min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;color:#8a97a7;font-size:10px;max-width:900px;margin:0 auto 24px}.preview-toolbar>div{display:flex;align-items:center;gap:10px}.preview-toolbar strong{color:#596b82;font-weight:600}.live-dot{width:5px;height:5px}.preview-separator{color:#bdc6d2;margin:0 3px}.aspect-badge{border:1px solid #cfd8e3;border-radius:4px;padding:5px 8px;font-size:9px;color:#7d8b9b}.poster-stage{display:flex;justify-content:center;padding:0 0 22px}.poster-paper{width:min(100%,624px);background:white;box-shadow:0 18px 50px #142c4d20,0 3px 9px #142c4d12;line-height:0}.poster-paper canvas{display:block;width:100%;height:auto;touch-action:pan-y;outline-offset:5px}.poster-paper canvas.dragging{cursor:grabbing;touch-action:none}.preview-caption{display:flex;justify-content:space-between;gap:15px;max-width:624px;margin:auto;color:#8b99aa;font-size:10px}.preview-caption>span:first-child{font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:6px}.preview-caption i{width:4px;height:4px;border-radius:50%;background:#c9a758}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#102c4b;color:#fff;font-size:12px;border-radius:9px;box-shadow:0 6px 30px #102c4b30;z-index:10;max-width:calc(100vw - 30px)}[hidden]{display:none!important}dialog{border:1px solid var(--border);border-radius:14px;max-width:400px;padding:28px;color:#263a52;box-shadow:0 20px 80px #0e244840}dialog::backdrop{background:#10274660}dialog h2{font-size:19px;margin:0 0 12px}dialog p{font-size:13px;color:#748298;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}:focus-visible{outline:3px solid #75a9e2;outline-offset:3px}@media(min-width:1400px){.workspace{grid-template-columns:410px minmax(0,1fr)}.editor{padding-left:42px;padding-right:42px}.preview-area{padding-top:33px}.poster-paper{width:min(100%,660px)}}@media(max-width:1050px){.topbar{padding:0 24px}.private-badge{display:none}.workspace{grid-template-columns:340px minmax(0,1fr)}.editor{padding:27px 23px}.preview-area{padding:25px}.preview-toolbar>div>span:last-child{display:none}.preview-caption>span:last-child{display:none}}@media(max-width:740px){.topbar{height:73px;padding:0 17px;gap:12px}.brand{gap:12px}.brand-title{font-size:14px}.brand-title small{font-size:9px}.brand-symbol{font-size:24px}.brand-divider{height:29px}.topbar .button{font-size:10px;padding:10px 11px;gap:6px}.topbar .button svg{height:14px;width:14px}.workspace{display:flex;flex-direction:column}.preview-area{order:-1;padding:18px 24px}.preview-toolbar{margin-bottom:14px}.poster-paper{width:min(100%,360px)}.poster-stage{padding-bottom:13px}.preview-caption{max-width:360px}.editor{border-right:0;padding:28px 24px}.editor-heading h1{font-size:27px}.editor-heading h1 br{display:none}.editor-heading p{max-width:none}.control-section{margin-top:23px}.field-row{grid-template-columns:1fr 1fr}.topbar-right{gap:0}}