.media-studio{padding:26px 4px 10px}.media-intro,.media-library-head,.media-generate-actions,.media-quote,.media-library-filters{justify-content:space-between;align-items:center;gap:16px;display:flex}.media-intro h2{letter-spacing:-.8px;margin:10px 0 22px;font-size:28px;font-weight:500}.media-kicker{color:#9a8cdd;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:flex}.media-generator{border:1px solid var(--border,#34333c);background:var(--surface,#19191f);border-radius:18px;padding:18px}.media-generator textarea{resize:vertical;background:0 0;border:0;width:100%;min-height:100px;padding:12px;font-size:16px}.media-settings{border-top:1px solid var(--border,#34333c);flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}.media-settings label,.media-inspector label,.media-sharing label{color:var(--text-muted,#aaa);flex-direction:column;gap:5px;font-size:12px;display:flex}.media-settings select,.media-inspector input,.media-inspector select,.media-sharing select,.media-sharing input{border:1px solid var(--border,#444);background:var(--surface,#22222a);color:inherit;border-radius:7px;padding:8px}.media-settings .media-check,.media-inspector .media-check{flex-direction:row;align-items:center}.media-generate-actions{margin-top:18px}.media-generate-actions p{color:var(--text-muted,#aaa);font-size:12px}.media-generate-actions button,.media-intro button,.media-library-head label{align-items:center;gap:8px;display:flex}.media-quote{background:#8070c922;border:1px solid #8070c955;border-radius:10px;margin-top:14px;padding:14px}.media-quote small{color:#a7a0b9;display:block}.media-activity p{border-bottom:1px solid var(--border,#34333c);gap:14px;padding:10px;font-size:13px;display:flex}.media-library-head{margin:28px 0 18px}.media-library-head h3{font-size:23px}.media-library-filters{flex-wrap:wrap;margin-bottom:20px}.media-library-filters button{border-radius:20px;padding:7px 12px;font-size:12px}.media-library-filters button[aria-pressed=true]{background:#9382d733}.media-library-filters input{border:1px solid var(--border,#444);background:0 0;border-radius:20px;padding:8px 14px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.media-asset-card,.media-project-card{border:1px solid var(--border,#38383e);text-align:left;background:var(--surface,#1c1c22);border-radius:12px;overflow:hidden}.media-asset-card strong,.media-asset-card a{text-overflow:ellipsis;white-space:nowrap;margin:12px;font-size:12px;display:block;overflow:hidden}.media-asset-card video,.media-asset-card img{object-fit:contain;background:#111;width:100%;height:180px}.media-audio-cover{background:linear-gradient(140deg,#35304b,#1c1c28);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:180px;display:flex}.media-audio-cover audio{width:95%;height:36px}.media-project-card{flex-direction:column;gap:20px;min-height:180px;padding:28px;display:flex}.media-project-card span{color:#aaa;justify-content:space-between;font-size:12px;display:flex}.omni-video-editor{z-index:1000;color:#eeedf6;background:#121219;flex-direction:column;font-family:inherit;display:flex;position:fixed;inset:0}.omni-video-editor header{border-bottom:1px solid #33313f;align-items:center;gap:12px;height:66px;padding:12px 18px;display:flex}.omni-video-editor button{cursor:pointer}.omni-video-editor button:disabled{opacity:.4;cursor:default}.omni-video-editor header>input{min-width:100px;color:inherit;background:0 0;border:0;flex:1}.omni-video-editor header>span[role=status]{color:#aaa;font-size:11px}.media-editor-mark{letter-spacing:2px;font-size:14px;font-weight:700}.media-editor-mark small{color:#b29be9;letter-spacing:3px;font-size:8px;display:block}.media-editor-main{flex:1;grid-template-columns:230px 1fr 235px;min-height:0;display:grid}.media-editor-assets,.media-inspector{border-right:1px solid #33313f;padding:16px;font-size:12px;overflow:auto}.media-inspector{border-left:1px solid #33313f;flex-direction:column;gap:10px;display:flex}.media-editor-assets h3,.media-inspector h3{color:#ccc;margin-bottom:16px;font-size:13px}.media-editor-assets>button,.media-editor-assets>label{align-items:center;gap:7px;width:100%;margin-bottom:8px;padding:10px;display:flex}.media-bin-item{border:1px solid #33313f;border-radius:7px}.media-bin-item img{object-fit:cover;width:40px;height:30px}.media-bin-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.media-preview-area{background:radial-gradient(#272532,#14141b);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;overflow:hidden}.media-preview-frame{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.media-preview{background:#101018;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 60px #0006;container-type:inline-size}.media-preview-layer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.media-preview-copy{text-align:center;white-space:pre-wrap;width:85%;font-family:Arial,sans-serif;position:absolute;transform:translate(-50%,-50%)}.media-playback{align-items:center;gap:12px;width:100%;padding:16px 0;font-size:11px;display:flex}.media-playback input{accent-color:#b09aea;flex:1}.media-timeline{--hf-bg-base:#1a1922;--hf-text-primary:#eeedf6;background:#1a1922;border-top:1px solid #3b374a;height:260px;min-height:180px;overflow:hidden}.media-timeline-label{white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:11px;display:block;overflow:hidden}.media-clip-actions{gap:12px;padding:12px;display:flex}.media-inspector textarea{background:#22222a;border:1px solid #444;min-height:70px;padding:8px}.media-editor-error,.media-render-notice{color:#fff;background:#59472c;padding:8px 18px;font-size:12px}.media-editor-error button{margin-left:12px;text-decoration:underline}.media-sharing{background:#262330;border:1px solid #65587e;border-radius:12px;flex-direction:column;gap:14px;width:370px;max-height:80vh;padding:22px;display:flex;position:absolute;top:80px;right:30px;overflow:auto;box-shadow:0 16px 100px #0009}.media-sharing>div{align-items:center;gap:10px;display:flex}.media-sharing>div>span{flex:1}@media (width<=900px){.media-editor-main{grid-template-columns:150px 1fr 165px}.media-intro h2{font-size:22px}.media-generator{padding:10px}}@media (width<=640px){.media-intro{align-items:flex-start}.media-intro>button{font-size:11px}.media-settings{gap:8px}.media-settings label{flex:1;min-width:100px}.media-generate-actions{align-items:flex-start}.media-grid{grid-template-columns:1fr}.media-library-filters input{width:100%}}