#podcast-promo{width:min(1100px,calc(100% - 28px));max-height:94dvh;padding:0;border:1px solid #d1e3e6;border-radius:22px;background:#f3f8fa;color:#163e50;overflow:auto;box-shadow:0 28px 90px #102f4b44}
#podcast-promo::backdrop{background:#0b243bb3;backdrop-filter:blur(5px)}
.promo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid #d7e5e9;background:white}.promo-header p{font-size:13px;color:#25847e;margin:0 0 6px}.promo-header h2{font-size:24px;margin:0}.promo-header button{font-size:28px;flex:0 0 44px;height:44px;border:0;border-radius:10px;background:#eef4f6;color:#254e61}
.promo-workspace{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);gap:26px;padding:26px}.promo-options{min-width:0}.promo-options>label{display:grid;gap:9px;font-weight:700;margin-bottom:18px}.promo-options input:not([type=range]),.promo-options select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdd3db;border-radius:9px;font:inherit;background:white;color:#214a5c}.promo-options input[type=range]{width:100%;min-height:32px;accent-color:#137e83}.promo-options fieldset{border:1px solid #d0e1e5;padding:15px;border-radius:14px;margin:0 0 14px}.promo-options legend{font-weight:700;padding:0 6px}.promo-point{display:flex;gap:12px;align-items:end}.promo-point label{flex:1;min-width:0;font-size:14px}.promo-point input{margin-top:6px}.promo-options button{min-height:44px;padding:10px 14px;border:1px solid #b8d4d8;border-radius:9px;background:white;color:#175a66;font:inherit;cursor:pointer}.promo-options button:disabled{opacity:.5;cursor:not-allowed}.promo-options button:focus-visible,.promo-options a:focus-visible{outline:3px solid #19a79d;outline-offset:3px}.promo-hint{font-size:13px;line-height:1.7;color:#5d7987}.promo-actions{display:flex;flex-wrap:wrap;gap:10px}.promo-actions #promo-record{background:#146d78;color:white;border-color:#146d78}#promo-status{line-height:1.6;font-size:15px;min-height:24px}.promo-stage{display:flex;align-items:flex-start;justify-content:center;min-width:0}.promo-stage canvas{display:block;width:auto;max-width:100%;max-height:74dvh;height:auto;border-radius:16px;box-shadow:0 12px 35px #173c5029;background:#0d2c40}#promo-video{display:block;max-width:100%;max-height:360px;margin:12px 0;border-radius:12px;background:#102b3a}#promo-duration{font-weight:700;color:#16757c;font-size:14px}.promo-options [hidden]{display:none!important}
.promo-actions{position:sticky;top:0;z-index:2;background:#f3f8fa;padding:10px 0}.promo-options{max-height:calc(94dvh - 155px);overflow:auto;padding-right:8px;scrollbar-gutter:stable}.promo-stage canvas{max-height:calc(94dvh - 155px)}
@media(max-width:760px){#podcast-promo{width:calc(100% - 14px);max-height:96dvh}.promo-header{padding:16px}.promo-header h2{font-size:19px}.promo-workspace{grid-template-columns:1fr;padding:16px;gap:18px}.promo-stage{grid-row:1}.promo-stage canvas{max-height:48dvh}.promo-options{max-height:none;overflow:visible;padding-right:0}.promo-options input:not([type=range]),.promo-options select{font-size:16px}.promo-point button{font-size:13px;padding:9px}.promo-header p{font-size:12px}}

#promo-generate{background:#146d78;color:white;border-color:#146d78}#promo-generation-status{color:#146d78;font-weight:700;line-height:1.6}