/* Bounce Mix / Clip Export: compact studio-console layout, responsive to mobile. */
#modalBackdrop .modal:has(.bzdr-bounce){
 width:min(95vw,675px);max-width:675px;max-height:min(90dvh,960px);padding:13px 16px 16px;
 background:linear-gradient(165deg,#33383c,#1d2225 55%,#171b1e);
 border:1px solid #626a70;border-radius:7px;
 box-shadow:0 16px 60px #000b;color:#e9edf0;
}
#modalBackdrop .modal:has(.bzdr-bounce) .modal-top{
 height:auto;min-height:37px;align-items:center;
 padding:0 0 9px;border-bottom:1px solid #70787c;
}
#modalBackdrop .modal:has(.bzdr-bounce) .modal-top strong{font-size:15px;letter-spacing:.05em}
.bzdr-bounce{display:grid;gap:7px;font-size:12px;color:#e0e6e9}
.bzdr-bounce .bzdr-bounce-preset{display:flex;align-items:center;gap:12px;padding:6px 8px 8px;background:#272e31;border:1px solid #434d51}
.bzdr-bounce .bzdr-bounce-preset>label{font-size:12px;font-weight:600}
.bzdr-bounce-preset select{flex:1}
.bzdr-bounce-line{display:grid;grid-template-columns:minmax(118px,30%) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:1px 4px}
.bzdr-bounce-line>label:first-child{text-align:right;font-size:12px;white-space:normal;color:#cbd5db;font-weight:500}
.bzdr-bounce input:not([type=checkbox],[type=radio]),.bzdr-bounce select{
 min-width:0;width:100%;height:34px;border:1px solid #657278;background:#181f23;
 border-radius:3px;color:#f0f4f7;padding:5px 9px;font:inherit;
}
.bzdr-bounce input:focus-visible,.bzdr-bounce select:focus-visible{outline:2px solid #79bee9;outline-offset:1px}
.bzdr-bounce option{background:#242a2f;color:#f0f4f7}
.bzdr-bounce-section{border:1px solid #4d585d;border-radius:3px;padding:0 8px 10px;display:grid;gap:5px}
.bzdr-bounce-section h3{margin:0 -8px 5px;padding:7px 10px;background:#555e62;color:#f4f6f8;text-transform:none;font-size:12px;line-height:1.1;font-weight:600}
.bzdr-bounce .bzdr-check{display:inline-flex;gap:7px;align-items:center;justify-content:flex-start;font-size:12px;color:#d1dce1;min-height:29px}
.bzdr-bounce .bzdr-check input{width:17px;height:17px;accent-color:#69adca;flex:none}
.bzdr-bounce .bzdr-bounce-location{display:grid;gap:4px;padding:0 3px 2px 21px}
.bzdr-bounce-location label{display:flex;align-items:center;gap:8px;min-height:29px}
.bzdr-bounce-location input{width:17px;height:17px;flex:none;accent-color:#69adca}
.bzdr-bounce-location span{font-size:11px;color:#96a8b3}
.bzdr-bounce-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 5px 3px;border-top:1px solid #4a555a}
.bzdr-bounce-foot span{font-size:11px;color:#a9bbc5;text-align:right}
.bzdr-bounce .bzdr-bounce-note{margin:2px 4px;color:#afc1cb;font-size:11px;line-height:1.45}
.bzdr-bounce .bzdr-bounce-error{margin:4px 0;padding:8px 10px;border:1px solid #bd7474;border-radius:4px;background:#472c2c;color:#ffe0e0;overflow-wrap:anywhere}
.bzdr-bounce .modal-buttons{margin:6px 0 0;display:flex;justify-content:flex-end;gap:8px}
.bzdr-bounce .modal-buttons button{height:39px;min-height:39px;min-width:112px;flex:none;font-size:12px}
.bzdr-bounce .modal-buttons .primary{background:#3e85b0}
@media(max-width:580px){
 #modalBackdrop .modal:has(.bzdr-bounce){width:calc(100vw - 22px);max-height:calc(100dvh - 50px);padding:10px 11px}
 .bzdr-bounce{gap:7px;font-size:12px}
 .bzdr-bounce-line{grid-template-columns:minmax(90px,35%) minmax(0,1fr);gap:7px;padding:0}
 .bzdr-bounce-line>label:first-child{font-size:11px}
 .bzdr-bounce-line>.bzdr-check{grid-column:2}
 .bzdr-bounce input:not([type=checkbox],[type=radio]),.bzdr-bounce select{height:39px;font-size:12px}
 .bzdr-bounce-section{padding:0 8px 7px}
 .bzdr-bounce-section h3{margin-bottom:3px}
 .bzdr-bounce-foot{align-items:flex-start;gap:7px}
 .bzdr-bounce-foot span{max-width:65%;text-align:right}
 .bzdr-bounce .modal-buttons{position:sticky;bottom:-10px;background:#222a2e;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:3}
}
@media(orientation:landscape) and (max-height:500px){
 #modalBackdrop .modal:has(.bzdr-bounce){max-height:calc(100dvh - 12px);padding:8px 12px}
 .bzdr-bounce{gap:4px}.bzdr-bounce-line{min-height:30px}
 .bzdr-bounce-section{gap:2px;padding-bottom:4px}
}
