/* VaultStream media studio: native media ratios, mobile-first touch controls. */
.studio{display:grid;gap:18px;min-width:0}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.studio-heading h2{font-size:clamp(27px,3.2vw,38px);margin:5px 0 8px;letter-spacing:-.045em}.studio-heading p{font-size:13px;line-height:1.5;color:#b1c0ce;margin:0}.studio-heading .btn{flex-shrink:0}.studio-upload{padding:22px}.studio-upload form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.studio-upload form>label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#d8e0eb}.studio-upload input,.studio-upload select,.studio-modal select,.studio-filters input,.studio-filters select{background:#111b28;border:1px solid #42556c;border-radius:9px;color:#f1f4fa;color-scheme:dark;padding:10px;min-height:44px;width:100%;min-width:0}.studio-upload input[type=file]{font-size:12px}.studio-upload fieldset{grid-column:1/-1;border:1px solid #34485c;border-radius:10px;min-width:0}.studio-upload legend{font-size:13px;font-weight:700;padding:0 8px}.studio-checks{max-height:160px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;padding:8px}.studio-checks label{display:flex;gap:9px;align-items:start;background:#182638;border:1px solid #3c4f63;border-radius:7px;padding:10px;font-size:12px;cursor:pointer}.studio-checks input{width:18px;height:18px;min-height:0;flex-shrink:0;accent-color:#e9bf68}.studio-checks small{display:block;font-size:11px;color:#aab8c9;margin-top:3px}.studio-submit{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;gap:18px}.studio-submit p{max-width:660px;font-size:12px;color:#aabaca;line-height:1.6}.studio-submit .btn{flex-shrink:0}.studio-progress{grid-column:1/-1;color:#eac477}.studio-layout{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:20px}.studio-navigation{align-self:start;border:1px solid #35475a;border-radius:12px;background:#151f2d;padding:15px}.studio-navigation h3{margin:0 0 12px;font-size:14px}.studio-navigation nav{display:grid;gap:5px;margin-bottom:15px}.studio-folder{border:1px solid transparent;background:transparent;border-radius:8px;color:#cfdae7;padding:10px;text-align:left;min-height:44px;display:flex;gap:9px;align-items:center;cursor:pointer;font-size:13px;min-width:0}.studio-folder:hover{background:#29394e}.studio-folder.active{background:#304159;border-color:#657994}.studio-folder span{color:#e3c373}.studio-folder small{margin-left:auto;color:#abb7c7}.studio-shelf{min-width:0}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #354558;margin-bottom:15px}.studio-toolbar>div:first-child{display:flex;gap:10px;align-items:center}.studio-toolbar h3{margin:0;font-size:22px}.studio-toolbar span{color:#aebac9;font-size:12px}.studio-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.studio-filters input{max-width:190px}.studio-filters select{max-width:150px}.studio-grid.grid{columns:235px;column-gap:12px}.studio-card{display:inline-block;width:100%;vertical-align:top;break-inside:avoid;margin:0 0 12px;border:1px solid #384a5d;background:#182331;border-radius:12px;overflow:hidden}.studio-poster{position:relative;aspect-ratio:var(--ratio,16 / 9);background:#0a111a;display:grid;place-items:center;color:#aab8c7}.studio-poster img{display:block;width:100%;height:100%;object-fit:contain}.studio-length{position:absolute;right:8px;bottom:8px;background:#08121bc9;padding:4px 7px;border-radius:5px;color:#fff;font-size:11px}.studio-info{padding:12px 12px 6px}.studio-info strong{font-size:14px;display:block;overflow-wrap:anywhere}.studio-info small{display:block;font-size:11px;color:#a2b3c6;margin-top:6px;line-height:1.5}.studio-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px 13px}.studio-actions .btn{font-size:11px;min-height:37px}.studio-empty{padding:36px 12px;color:#aabaca;text-align:center;border:1px dashed #3d5062;border-radius:11px}.studio-grid.list{display:grid;gap:9px}.studio-grid.list .studio-card{display:grid;grid-template-columns:minmax(95px,140px) minmax(0,1fr);margin:0}.studio-grid.list .studio-poster{grid-row:1/3}.studio-grid.list .studio-actions{grid-column:2}.studio-modal{display:grid;grid-template-columns:1fr 1.3fr;gap:15px}.studio-modal section{border:1px solid #364759;border-radius:11px;padding:14px;background:#121d2a}.studio-modal h3{font-size:14px}.studio-modal p{color:#aab8c8;font-size:12px;line-height:1.5}.studio-modal form{display:grid;gap:9px;margin-bottom:22px}.studio-user{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #35485b;font-size:13px}.studio-user small{display:block;color:#aab6c7;font-size:11px;margin-top:3px}.studio-user .btn{flex-shrink:0}
@media(max-width:1050px){.studio-upload form{grid-template-columns:1fr 1fr}.studio-upload form>label:first-child{grid-column:1/-1}}
@media(max-width:760px){.studio-layout{grid-template-columns:1fr}.studio-navigation nav{display:flex;overflow-x:auto;gap:7px}.studio-folder{flex-shrink:0}.studio-toolbar{align-items:start;flex-direction:column}.studio-filters{width:100%}.studio-filters input{flex:1;max-width:none}.studio-modal{grid-template-columns:1fr}}
@media(max-width:550px){.studio-heading{flex-direction:column;align-items:stretch}.studio-heading .btn{width:100%}.studio-upload{padding:14px}.studio-upload form{grid-template-columns:1fr}.studio-upload form>label:first-child{grid-column:1}.studio-upload fieldset{grid-column:1}.studio-submit{grid-column:1;display:grid}.studio-submit .btn{width:100%;min-height:48px}.studio-grid.grid{columns:150px;column-gap:8px}.studio-toolbar h3{font-size:19px}.studio-actions .btn{min-height:42px}.studio-grid.list .studio-card{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:340px){.studio-grid.grid{columns:1}}

.studio-user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.studio-user-actions .btn{white-space:normal;min-height:40px}@media(max-width:550px){.studio-user{align-items:start;flex-direction:column}.studio-user-actions{width:100%}.studio-user-actions .btn{flex:1 1 125px}}