.video-compose{display:grid;gap:22px}.compose-notice{margin:0;padding:16px 18px;border:1px solid #c7e5f7;border-radius:14px;background:#eff9ff;color:#22516b;line-height:1.7}.compose-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px}.compose-main,.compose-settings{min-width:0;display:flex;flex-direction:column;gap:16px}.compose-settings{padding:20px;border:1px solid #d9e9f4;border-radius:16px;background:#f7fbff}.compose-settings h2,.compose-result h2{margin:0;font-size:18px}.compose-hint{margin:0;color:#61758b;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.compose-preview{display:block;max-width:100%;width:100%;max-height:460px;object-fit:contain;background:#14283a;border-radius:12px}.compose-files{margin:0;padding:0;display:grid;gap:10px;list-style:none}.compose-file{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #d9e9f4;background:#f7fbff;border-radius:12px;padding:12px}.compose-file span{flex:1 1 100%;overflow-wrap:anywhere;font-size:13px;color:#34546b}.compose-file .btn{padding:7px 11px;font-size:12px}.compose-progress{width:100%;accent-color:#2697dc}.compose-status{font-size:14px;line-height:1.7}.compose-status.has-error{color:#a3392f}.compose-result{display:grid;gap:15px;border-top:1px solid #dce9f3;padding-top:22px}.video-compose [hidden]{display:none!important}.compose-result .btn{justify-self:start}.compose-main textarea{width:100%;min-height:190px;resize:vertical;line-height:1.7}