.poster{max-width:1100px;margin:24px auto;padding:24px;background:#f5f7f8;border:1px solid #dce2e5;border-radius:16px;color:#172c35}.poster [hidden]{display:none!important}.poster__trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:13px}.poster__trust span{background:#e3efeb;padding:5px 9px;border-radius:20px}.poster__drop{display:grid;gap:10px;padding:18px;border:2px dashed #829c9b;border-radius:10px;cursor:pointer}.poster input,.poster select{max-width:100%;min-width:0;font:inherit}.poster__drop small{font-size:12px}.poster__preview{display:flex;justify-content:center;margin:16px 0 8px;background:#e4e9ec;padding:8px;border-radius:8px}.poster canvas{display:block;max-width:100%;max-height:350px;object-fit:contain;width:auto;height:auto}.poster__stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;font-size:14px}.poster [data-dpi].low{color:#9b4600;text-decoration:underline;text-decoration-style:dotted}.poster__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.poster__controls label{display:grid;gap:6px;font-size:14px}.poster__controls input[type=number],.poster select{width:100%;padding:10px;border:1px solid #95a7ad;border-radius:6px;background:white;min-height:44px}.poster__controls .poster__check{display:flex;align-items:center;gap:8px;min-height:44px}.poster button{min-height:48px;border:0;border-radius:8px;background:#176958;color:white;font:inherit;font-weight:700;padding:12px 20px;cursor:pointer}.poster button:disabled{opacity:.6;cursor:wait}.poster__hint{font-size:14px;line-height:1.6;margin:12px 0 0}.poster [data-status]:empty{display:none}.poster [data-error]{color:#9b2300}
@media(max-width:600px){.poster{margin:16px 12px;padding:14px}.poster__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster canvas{max-height:250px}.poster button{width:100%}.poster__drop{padding:12px}.poster__drop input{width:100%}}