@font-face{font-family:"BodoniT";font-weight:900;src:url(assets/Bodoni-96-900.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"BodoniS";font-weight:800;src:url(assets/Bodoni-96-800.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"BodoniN";font-weight:700;src:url(assets/Bodoni-28-700.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Pinyon";font-weight:400;src:url(assets/Pinyon.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Montserrat";font-weight:700;src:url(assets/Montserrat-700.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Anton";font-weight:400;src:url(assets/Anton.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Playfair Display";font-weight:900;src:url(assets/Playfair-900.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Playball";font-weight:400;src:url(assets/Playball.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Cinzel";font-weight:700;src:url(assets/Cinzel-700.woff2?v=8) format("woff2");font-display:block}
@font-face{font-family:"Montserrat";font-weight:600;src:url(assets/Montserrat-600.woff2?v=8) format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:800;src:url(assets/Montserrat-800.woff2?v=8) format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";font-weight:900;src:url(assets/Montserrat-900.woff2?v=8) format("woff2");font-display:block}
:root{--navy:#0B1838;--navy2:#132650;--gold:#D9AE55;--gold2:#F3D486;--blush:#F6D9D3;--ink:#1b1b2b;--card:#ffffff}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:600;color:var(--ink);background:#f7f2ee;line-height:1.4}
.top{display:flex;align-items:center;gap:12px;padding:14px 16px 16px;background:radial-gradient(120% 160% at 50% 0%,#1b3166 0%,var(--navy) 60%);color:#fff}
.top .logo{width:58px;height:auto;flex:none}
.top h1{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:.04em;color:var(--gold2);line-height:1.15}
.top h1 span{display:block;font-weight:600;color:#fff;font-size:.95rem;letter-spacing:.18em}
.top .tag{margin:4px 0 0;font-size:.78rem;opacity:.8}
main{max-width:1100px;margin:0 auto;padding:8px 14px 24px}
h2{font-size:1rem;margin:18px 0 10px;color:var(--navy);display:flex;align-items:center;gap:8px}
h2 b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--gold2);font-size:.85rem}
.templates{padding:0 0 4px}
.group{margin:4px 2px 6px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a6a3a}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.tpl{min-width:0;border:2px solid transparent;border-radius:12px;background:var(--card);padding:4px;cursor:pointer;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.08);font:inherit;color:inherit}
.tpl canvas{width:100%;height:auto;border-radius:9px;display:block;background:#ddd}
.tpl span{display:block;font-size:.66rem;font-weight:700;margin:5px 0 2px;line-height:1.15;min-height:2.3em;overflow-wrap:anywhere}
.tpl[aria-checked="true"]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,174,85,.3)}
.work{display:grid;gap:8px}
.preview-wrap{padding:6px 0 4px}
.preview-box{display:flex;justify-content:center}
#poster{display:block;width:auto;height:auto;max-width:100%;max-height:62vh;border-radius:12px;box-shadow:0 6px 24px rgba(11,24,56,.25);touch-action:auto;background:#0B1838;cursor:default}
#poster.unlocked{touch-action:none;cursor:grab}
.photo-tools{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.zoom{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--navy)}
.zoom input{width:150px;accent-color:var(--gold)}
.hint{text-align:center;font-size:.78rem;color:#6b6b7b;margin:6px 0 0}
.field{display:block;font-size:.85rem;font-weight:700;color:var(--navy);margin:0 0 12px}
.field label{display:block}
.field small{font-weight:500;color:#777}
.field input,.field select{display:block;width:100%;margin-top:5px;font:inherit;font-weight:500;font-size:16px;padding:12px;border:1.5px solid #d9d0c8;border-radius:10px;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,174,85,.25)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.date-row{grid-template-columns:1fr auto;align-items:end}
.date-row .btn{margin-bottom:12px}
.more{background:#fff;border-radius:12px;padding:10px 12px;margin:4px 0 6px;border:1px solid #eadfd6}
.more summary{cursor:pointer;font-weight:700;font-size:.88rem;color:var(--navy);padding:4px 0}
.more[open] summary{margin-bottom:10px}
.check{display:flex;gap:8px;align-items:center;font-size:.85rem;margin:6px 0 12px}
.check input{width:20px;height:20px;accent-color:var(--navy)}
.btn{font:inherit;font-weight:700;border-radius:12px;border:0;padding:14px 18px;font-size:1rem;cursor:pointer}
.btn.small{padding:10px 12px;font-size:.85rem}
.btn.primary{background:var(--navy);color:#fff;width:100%}
.btn.gold{background:linear-gradient(180deg,#F3D486,#C99536);color:#2a1a00;width:100%}
.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.btn:active{transform:translateY(1px)}
.actions{display:grid;gap:10px}
.privacy{font-size:.75rem;color:#777;margin:4px 0 0}
.modal{position:fixed;inset:0;background:rgba(5,10,25,.82);z-index:20;display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none}
.sheet{background:#fff;border-radius:16px;padding:16px;max-width:520px;width:100%;max-height:92vh;overflow:auto;position:relative;text-align:center}
.sheet img{width:100%;height:auto;border-radius:10px;max-height:62vh;object-fit:contain}
.mtitle{font-weight:700;color:var(--navy);margin:2px 0 10px}
.mhint{font-size:.85rem;color:#444}
.close{position:absolute;top:6px;right:10px;border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:#333}
.foot{text-align:center;font-size:.75rem;color:#888;padding:16px}
@media (min-width:880px){
  .work{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
  .preview-wrap{position:sticky;top:10px}
  #poster{max-height:72vh}
  .tgrid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
.flabel{display:block}
.swatches{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.sw{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d9d0c8,0 1px 3px rgba(0,0,0,.15);cursor:pointer;padding:0;font:700 16px/1 Montserrat,sans-serif}
.sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--gold),0 0 0 5px rgba(217,174,85,.3)}
.sw:focus-visible,.tpl:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.preview-box{position:relative}
.busy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(11,24,56,.55);border-radius:12px;color:#fff;font-weight:800;text-align:center;padding:20px;font-size:.95rem}
.spin{width:44px;height:44px;border-radius:50%;border:5px solid rgba(255,255,255,.3);border-top-color:#F3D486;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.note{font-size:.8rem;color:#8a4b00;background:#fff6e0;border-radius:8px;padding:8px 10px;margin:8px 0 0;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{font:inherit;font-size:.78rem;font-weight:800;padding:7px 11px;border-radius:999px;border:1.5px solid #d9c49a;background:#fffaf0;color:var(--navy);cursor:pointer}
.logos{display:grid;gap:2px}
.bonus-fields{padding:4px 0 0 4px}
@media (min-width:880px){.tgrid{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* v5 flow: choose → details → poster + download at the bottom */
.photo-field .btn.wide{width:100%;margin-top:6px}
.photo-status{font-size:.82rem;font-weight:700;border-radius:8px;padding:8px 10px;margin:8px 0 0}
.photo-status.working{background:#eef2fb;color:#1E2F6B}
.photo-status.done{background:#eaf6ec;color:#1d5b2a}
.photo-field .check{margin:10px 0 0}
.preview-wrap{background:#fff;border:1px solid #eadfd6;border-radius:16px;padding:6px 12px 14px;margin-top:6px;scroll-margin-top:8px}
.preview-wrap .actions{margin-top:12px}
.see-poster{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:10;background:var(--navy);color:var(--gold2);font-weight:800;font-size:.95rem;text-decoration:none;padding:12px 22px;border-radius:999px;box-shadow:0 6px 18px rgba(11,24,56,.35)}
.see-poster:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (min-width:880px){.see-poster{display:none!important}.preview-wrap{margin-top:0}}
.field .check{display:flex}
main{padding-bottom:70px}

.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.stsw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;border:1.5px solid #e4d9c7;background:#fff;cursor:pointer;font:700 .74rem/1.15 Montserrat,system-ui,sans-serif;color:var(--navy)}
.stsw i{display:block;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.18)}
.stsw[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,174,85,.35);background:#fffaf0}
.photo-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.photo-tools .zoom{flex:1;min-width:160px}
.photo-tools .zoom input{flex:1}