.media-hub-drop.has-selection{padding:18px}.media-hub-card{gap:16px;width:100%;display:grid}.media-hub-topbar{background:#02080f8c;border:1px solid #5f81ac2e;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.media-hub-file-meta,.media-hub-top-actions{align-items:center;gap:10px;min-width:0;display:flex}.media-hub-file-name{text-align:left;gap:3px;min-width:0;display:grid}.media-hub-file-name strong{color:#eef6ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-hub-file-name small,.media-hub-ready{color:#8294aa;font-size:11px}.media-hub-workspace{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:18px;display:grid}.media-hub-preview-panel,.media-hub-controls{background:#ffffff05;border:1px solid #5f81ac2e;border-radius:18px;min-width:0;padding:16px}.media-hub-preview-panel{align-content:start;gap:12px;display:grid}.media-hub-controls{align-content:start;gap:15px;display:grid}.media-hub-preview-head,.media-hub-action-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-hub-preview-head strong,.media-hub-action-head strong{color:#eff7ff;font-size:13px}.media-hub-preview-head span,.media-hub-action-head small{color:#798da6;font-size:11px}.media-hub-action-head{flex-direction:column;align-items:flex-start;gap:3px}.media-hub-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-hub-action-button{color:#bdcad9;min-height:54px;font:inherit;text-align:left;cursor:pointer;background:#060e18b8;border:1px solid #5b79a03d;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;font-size:11px;font-weight:750;display:grid}.media-hub-action-button:hover,.media-hub-action-button.is-selected{color:#f2fbff;background:#36b9d814;border-color:#4acde88a;box-shadow:inset 0 0 0 1px #4acde80a}.media-hub-action-button:disabled{cursor:default;opacity:.62}.media-hub-action-icon{color:#69dce9;background:#41cbdd12;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.media-hub-action-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.media-hub-settings{gap:14px;padding-top:2px;display:grid}.media-hub-run{width:100%;min-height:50px}.media-preview-stage{background:radial-gradient(circle at 50% 30%,#4cc4e10f,#0000 45%),#050d16;border:1px solid #5f81ac29;border-radius:16px;place-items:center;width:100%;min-height:330px;display:grid;position:relative;overflow:hidden}.media-preview-stage video{display:block}.media-preview-badge{z-index:4;color:#dffcff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030d14d1;border:1px solid #55dae647;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.media-preview-overlay{z-index:5;color:#a9b9ca;text-align:center;background:#03090fbd;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:12px;display:flex;position:absolute;inset:0}.media-preview-error{color:#d2dce7}.media-preview-spinner{border:2px solid #6adae82e;border-top-color:#6adae8;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite media-preview-spin}@keyframes media-preview-spin{to{transform:rotate(360deg)}}.audio-live-preview{background:linear-gradient(#145d6214,#0000 60%),#061017;border:1px solid #45cdc62e;border-radius:16px;gap:14px;width:100%;padding:16px;display:grid}.audio-live-preview audio{width:100%;min-height:42px}.audio-waveform{cursor:pointer;touch-action:none;background:linear-gradient(#0000 49.5%,#73d6db1f 50%,#0000 50.5%),#02090ed6;border:1px solid #4ec2c724;border-radius:13px;align-items:center;gap:2px;height:150px;display:flex;position:relative;overflow:hidden}.audio-waveform-bar{z-index:2;pointer-events:none;background:linear-gradient(#69e3e2e0,#488dd28c);border-radius:2px;flex:1 1 0;min-width:1px;position:relative}.audio-waveform-placeholder{background:repeating-linear-gradient(90deg,#5ec5cc38 0 2px,#0000 2px 7px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 18%,#000 48% 52%,#0000 82%);mask-image:linear-gradient(#0000 18%,#000 48% 52%,#0000 82%)}.audio-wave-selection,.audio-wave-fade,.media-timeline-selection{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0}.audio-wave-selection{background:#4cdda614;border-left:1px solid #7af5d3e6;border-right:1px solid #7af5d3e6;box-shadow:inset 0 0 0 1px #4cdda60f}.audio-wave-fade.left{background:linear-gradient(90deg,#040b10e0,#040b1014);left:0}.audio-wave-fade.right{background:linear-gradient(270deg,#040b10e0,#040b1014);right:0}.audio-playhead,.media-timeline-playhead{z-index:4;pointer-events:none;background:#f2fbff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffffff57}.audio-preview-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.audio-preview-info span{color:#74899e;background:#ffffff05;border:1px solid #527b9724;border-radius:10px;gap:2px;padding:8px 10px;font-size:10px;display:grid}.audio-preview-info b{color:#dff7fa;font-size:12px}.video-live-preview{background:radial-gradient(circle at 50% 35%,#3242561f,#0000 44%),#02060b;border-radius:14px;place-items:center;width:100%;max-width:100%;min-height:460px;display:grid;overflow:hidden}.video-live-preview-inner{background:#000;border-radius:12px;place-items:center;width:min(100%,900px);max-height:560px;transition:aspect-ratio .18s,width .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 48px #00000052}.video-live-preview video{object-fit:contain;transform-origin:50%;width:100%;max-width:none;height:100%;max-height:none;transition:transform .18s;display:block}.video-live-preview video.is-quarter-turn{height:auto;position:absolute;top:50%;left:50%}.media-timeline{cursor:pointer;background:repeating-linear-gradient(90deg,#879dbc1a 0 1px,#0000 1px 10%),#02080ebf;border:1px solid #6984a824;border-radius:10px;height:38px;position:relative;overflow:hidden}.media-timeline-selection{background:#8569ff21;border-left:1px solid #a188ffe6;border-right:1px solid #a188ffe6}.media-timeline-time{color:#74879d;justify-content:space-between;font-size:10px;display:flex}.media-3d-preview{background:radial-gradient(circle at 50% 42%,#50ddbe17,#0000 36%),linear-gradient(#0f242ba6,#03090ef5);border:1px solid #4dc9ba33;border-radius:16px;width:100%;min-height:430px;position:relative;overflow:hidden}.media-3d-axis{z-index:3;color:#9bd4dc;pointer-events:none;background:#030e16b8;border:1px solid #68b1c238;border-radius:14px;width:72px;height:72px;padding:5px;position:absolute;top:12px;left:12px;box-shadow:0 8px 20px #00000026}.media-3d-axis text{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:900}.media-3d-canvas{cursor:grab;touch-action:none;width:100%;height:430px;display:block}.media-3d-canvas:active{cursor:grabbing}.media-3d-meta{z-index:3;color:#7f9fa5;pointer-events:none;justify-content:space-between;gap:10px;font-size:9px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.media-hub-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.media-hub-summary>div{color:#788da5;background:#ffffff04;border:1px solid #5f81ac26;border-radius:11px;gap:2px;padding:9px 10px;font-size:10px;display:grid}.media-hub-summary strong{color:#e3f4ff;font-size:12px}.media-hub-note{color:#74889e;margin:0;font-size:10px;line-height:1.5}@media (max-width:860px){.media-hub-workspace{grid-template-columns:1fr}.media-preview-stage,.video-live-preview{min-height:300px}.media-3d-preview,.media-3d-canvas{height:360px;min-height:360px}}@media (max-width:560px){.media-hub-drop.has-selection{padding:10px}.media-hub-preview-panel,.media-hub-controls{padding:12px}.media-hub-topbar{flex-direction:column;align-items:flex-start}.media-hub-top-actions{flex-wrap:wrap;width:100%}.media-hub-action-grid,.audio-preview-info,.media-hub-summary{grid-template-columns:1fr}.audio-waveform{height:120px}.video-live-preview{min-height:240px}.media-3d-preview,.media-3d-canvas{height:300px;min-height:300px}}@media (prefers-reduced-motion:reduce){.media-preview-spinner{animation:none}.video-live-preview video,.video-live-preview-inner{transition:none}}