.bd-poster{overflow-wrap:anywhere}.bd-poster *{box-sizing:border-box;min-width:0}
.bd-poster-grid{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:24px;align-items:start}
.bd-poster-form{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.bd-poster label{display:block;margin:0 0 15px;color:var(--text2);font-size:.9rem}.bd-poster input,.bd-poster textarea,.bd-poster select{display:block;margin-top:6px;width:100%;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font:inherit}.bd-poster input[type=color]{height:44px;padding:4px}
.bd-poster-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bd-poster-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.bd-poster-actions button{white-space:normal;min-height:44px}
.bd-poster-status{padding:12px;background:var(--surface2);border-radius:8px}.bd-poster-status.error{color:var(--danger)}
.bd-poster-preview{padding:18px;background:var(--surface2);border:1px solid var(--border);border-radius:12px}.bd-poster-preview canvas{display:block;width:100%;max-width:620px;height:auto;margin:auto;box-shadow:0 6px 24px #0002}
.bd-poster-preview p{margin:12px 0;color:var(--text3);font-size:.85rem}.bd-poster small{display:block;color:var(--text3);margin:5px 0 12px}.bd-poster button:disabled{opacity:.5;cursor:wait}
@media(max-width:950px){.bd-poster-grid{grid-template-columns:1fr}.bd-poster-preview canvas{max-width:500px}}@media(max-width:500px){.bd-poster-form,.bd-poster-preview{padding:12px}.bd-poster-actions>button{flex:1 1 130px}}