*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body)}header{height:78px;padding:10px max(20px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}header img{width:190px;height:58px;object-fit:contain}.back{color:var(--green);font-weight:800}.intro{max-width:1280px;margin:auto;padding:64px 24px 34px}.intro p{margin:0;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.intro h1{font-size:clamp(2.3rem,6vw,5.6rem);line-height:.95;max-width:900px;margin:.5rem 0 1rem}.intro span{color:var(--ink-soft);font-size:1.1rem}.poster-steps{display:flex;gap:.7rem;list-style:none;padding:0;margin:1.5rem 0 0;flex-wrap:wrap}.poster-steps li{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;font-weight:750}.poster-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff}.maker{max-width:1280px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,.9fr);gap:28px;align-items:start}form,.preview{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}label{display:grid;gap:7px;margin-bottom:16px;color:var(--ink-soft);font-size:.8rem;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--ink);background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(22,122,107,.18);border-color:var(--focus)}video,#photo{width:100%;max-height:330px;object-fit:contain;background:#0c1715;border-radius:12px;margin-bottom:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{min-height:44px;border:1px solid var(--green);border-radius:10px;background:#fff;color:var(--green);font-weight:900;cursor:pointer;padding:10px 16px}.primary,#download{width:100%;background:var(--green);color:#fff}.primary:hover,#download:hover{background:var(--green-deep)}.primary:disabled{opacity:.48;cursor:not-allowed}form small{display:block;color:var(--ink-soft);margin-top:12px}.preview{position:sticky;top:16px}.preview canvas{width:100%;max-height:70vh;object-fit:contain;background:#e9ece9;border-radius:14px;display:block;margin-bottom:14px}.poster-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.poster-actions button{width:100%}.selection-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:18px 0 10px}.selection-heading span{color:var(--green);font-weight:850}.media-pool{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.media-pool button{position:relative;min-height:0;padding:0;aspect-ratio:1;border:3px solid transparent;overflow:hidden;background:var(--paper)}.media-pool button.selected{border-color:var(--gold)}.media-pool button.selected:after{content:attr(data-order);position:absolute;right:5px;top:5px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green-deep);font-weight:900}.media-pool img{width:100%;height:100%;object-fit:cover}.media-rule{font-size:.78rem;line-height:1.45;color:var(--ink-soft);margin:0 0 18px}@media(max-width:800px){.maker{grid-template-columns:1fr}.two{grid-template-columns:1fr}.preview{position:static}.intro{padding-top:38px}header img{width:150px}.poster-steps{display:grid}}@media(max-width:520px){.media-pool{grid-template-columns:repeat(3,1fr)}}