.video-done{display:none}.video-full{width:100%;min-height:44px;margin-top:12px}.video-range-row{display:flex;align-items:center;gap:12px}.video-range-row input[type=range]{flex:1;min-width:0}.video-range-row input[type=number]{width:72px}.video-range-row output{width:48px;text-align:right;font-variant-numeric:tabular-nums}.video-crop-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-option-grid button{min-height:48px;padding:10px;justify-content:flex-start;gap:9px;text-align:left}.video-option-grid button[aria-pressed=true]{background:#30454f;color:var(--neon);border-color:#43d9ff88}.video-option-grid svg{width:21px;height:21px;flex-shrink:0}.video-more-grid{display:flex;gap:2px;padding:2px 0 15px;border-bottom:1px solid #ffffff16}.video-more-grid button{flex:1;min-width:0;padding:10px 2px;flex-direction:column;gap:10px;min-height:70px;font-size:11px}.video-more-grid svg{width:23px;height:23px}.video-more-list{display:grid;margin-top:8px}.video-more-list button{justify-content:flex-start;padding:13px 8px;text-align:left;min-height:48px;gap:12px}.video-more-list svg{width:23px;height:23px;flex-shrink:0}.video-layer-list{display:grid;gap:6px}.video-layer-list>div{display:flex;gap:3px;border:1px solid #ffffff1a;border-radius:9px;overflow:hidden}.video-layer-list button{min-height:45px;padding:7px;flex-shrink:0}.video-layer-list button:first-child{flex:1;min-width:0;justify-content:flex-start;text-align:left;gap:8px}.video-layer-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.video-layer-list small{display:block;color:var(--muted);font-size:10px}.video-layer-list svg{width:20px;height:20px;flex-shrink:0}
@media(max-width:800px){
 body.video-selection .rail .nav-item{display:none}
 body.video-selection .rail>.header-tools{display:flex;position:relative;flex:1;min-width:0;width:100%;height:64px;padding:0;margin:0}
 .rail .context-toolbar.video-edit-toolbar{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;width:100%;max-width:100%;height:64px;overflow-x:auto;overflow-y:hidden;padding:0 50px 0 0;margin:0;gap:1px;border:0;background:transparent;box-shadow:none;scrollbar-width:none;scroll-padding-right:50px;backdrop-filter:none}
 .rail .context-toolbar.video-edit-toolbar::-webkit-scrollbar{display:none}
 .rail .context-toolbar.video-edit-toolbar>button{height:64px;min-height:64px;min-width:64px;flex:0 0 auto;padding:6px;gap:8px;font-size:10px;flex-direction:column;order:0;white-space:nowrap}
 .rail .context-toolbar.video-edit-toolbar>button svg{width:24px;height:24px}
 body.video-selection .video-done{display:flex;position:absolute;right:0;top:10px;width:44px;height:44px;border-radius:50%;background:#34434d;color:#81e7ff;border:1px solid #ffffff1c;box-shadow:0 0 0 5px #252e36,0 3px 12px #0004;z-index:2}
 .video-done svg{width:24px;height:24px}
 #quickPanel .video-more-grid button{font-size:11px}.video-more-list button{font-size:14px}
}
@media(max-width:800px) and (max-height:620px){body.video-selection .rail>.header-tools,.rail .context-toolbar.video-edit-toolbar,.rail .context-toolbar.video-edit-toolbar>button{height:54px;min-height:54px}.rail .context-toolbar.video-edit-toolbar>button{gap:4px}body.video-selection .video-done{top:5px}}
/* Desktop shows eight primary tools; the remaining tools live in More. */
.video-overflow-list{display:none}
@media(min-width:801px){
 .header-tools .video-edit-toolbar>.video-overflow-action{display:none}
 .video-overflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #ffffff16}
 .video-overflow-list>button{justify-content:flex-start;gap:8px;min-height:40px;padding:8px;text-align:left;font-size:12px;border-radius:8px}
 .video-overflow-list>button:hover{background:#2d414b;color:var(--neon)}
 .video-overflow-list>button svg{width:20px;height:20px;flex-shrink:0}
}