.media-studio{--ms-bg: #101012;--ms-surface: #17171a;--ms-surface-2: #202024;--ms-border: #2a2a2f;--ms-text: #f5f5f3;--ms-muted: #98989f;--ms-accent: #55a8ff;width:100%;box-sizing:border-box;overflow:hidden;color:var(--ms-text);background:var(--ms-bg);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.media-studio *,.media-studio *:before,.media-studio *:after{box-sizing:border-box}.media-studio button,.media-studio select,.media-studio textarea{font:inherit}.media-studio-head{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 14px;gap:12px;border-bottom:1px solid var(--ms-border);background:var(--ms-surface)}.media-studio-brand,.media-studio-actions,.media-studio-meta,.media-studio-buttons{display:flex;align-items:center}.media-studio-brand{min-width:0;gap:10px}.media-studio-brand>div{display:grid;min-width:0;gap:2px}.media-studio-brand strong{font-size:13px;letter-spacing:-.01em}.media-studio-brand span:not(.media-studio-mark){color:var(--ms-muted);font-size:10.5px;font-weight:650}.media-studio-mark{width:10px;height:10px;flex:none;border-radius:50%;background:var(--ms-accent);box-shadow:0 0 0 4px #55a8ff1f}.media-studio-actions{justify-content:flex-end;gap:8px}.media-studio-settings{position:relative;flex:none}.media-studio-settings-trigger{display:grid;width:42px;height:42px;padding:0;place-items:center;border:0;border-radius:12px;color:var(--ms-muted);background:transparent;cursor:pointer;transition:color .18s ease,background .18s ease}.media-studio-settings-trigger svg{width:19px;height:19px}.media-studio-settings-trigger:hover{color:var(--ms-text);background:#303036}.media-studio-settings-trigger[data-open=true]{color:var(--ms-text);background:transparent}.media-studio-settings-trigger:disabled{opacity:.45;cursor:wait}.media-studio-settings-menu{position:absolute;z-index:12;top:calc(100% + 9px);right:0;width:238px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:var(--ms-text);background:#1b1b1f;box-shadow:0 16px 38px #00000061}.media-studio-settings-title,.media-studio-setting-auto{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-studio-settings-title{margin-bottom:12px}.media-studio-settings-title strong{font-size:11px}.media-studio-settings-title span{color:var(--ms-muted);font-size:10px;font-weight:700}.media-studio-setting{display:grid;gap:6px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.media-studio-setting>span,.media-studio-setting-auto span{color:var(--ms-muted);font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.media-studio-setting-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.media-studio-setting-options button{min-height:26px;padding:0 4px;border:0;border-radius:7px;color:#aaaab1;background:#26262b;font-size:9.5px;font-weight:750;cursor:pointer}.media-studio-setting-options button:hover{color:#fff;background:#313137}.media-studio-setting-options button[data-active=true]{color:#151518;background:linear-gradient(145deg,#fff,#e9e9ed);box-shadow:0 2px 5px #0000003d}.media-studio-setting-auto{padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.media-studio-setting-auto strong{color:#d9d9dd;font-size:10px}.media-studio-history{max-width:170px;height:32px;padding:0 28px 0 10px;border:1px solid var(--ms-border);border-radius:8px;outline:0;color:#c9c9ce;background:var(--ms-surface-2);font-size:11px;cursor:pointer}.media-studio-switch{position:relative;display:inline-flex;padding:4px;border:0;border-radius:14px;background:#303034;isolation:isolate}.media-studio-switch:before{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(145deg,#fff,#e9e9ed);box-shadow:0 3px 8px #0000003d,inset 0 1px #fffffffa;content:"";transform:translate(0);transition:transform .32s cubic-bezier(.22,1,.36,1),background .2s ease}.media-studio-switch[data-mode=video]:before{transform:translate(100%)}.media-studio-switch button{position:relative;z-index:1;min-width:62px;height:30px;padding:0 10px;border:0;border-radius:11px;color:var(--ms-muted);background:transparent;font-size:11px;font-weight:700;cursor:pointer;transition:color .18s ease}.media-studio-switch button:hover{color:var(--ms-text)}.media-studio-switch button[data-active=true]{color:#151518;background:transparent}.media-studio-canvas{position:relative;display:grid;width:100%;max-height:min(56vh,540px);min-height:240px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(85,168,255,.08),transparent 42%),#09090b}.media-studio-canvas>img,.media-studio-canvas>video{display:block;width:100%;height:100%;object-fit:contain;background:#09090b}.media-studio-empty{display:grid;width:min(100%,520px);place-items:center;gap:9px;padding:28px;color:var(--ms-muted);text-align:center}.media-studio-empty strong{color:#dedee2;font-size:13px}.media-studio-empty>span:last-child{font-size:11px;line-height:1.5}.media-studio-empty-visual{position:relative;display:grid;width:min(100%,360px);aspect-ratio:16 / 9;margin-bottom:8px;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#17171a,#0b0b0d 72%);box-shadow:0 12px 32px #0000003d}.media-studio-empty[data-mode=image] .media-studio-empty-visual{width:min(74%,250px);aspect-ratio:4 / 3;background:linear-gradient(145deg,#242428,#111114)}.media-studio-empty-play,.media-studio-preview-play{display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#1769d4f0;box-shadow:0 8px 24px #00000057}.media-studio-empty-play{width:48px;height:48px;padding-left:3px;font-size:15px}.media-studio-empty-controls{position:absolute;right:12px;bottom:10px;left:12px;display:flex;align-items:center;gap:6px}.media-studio-empty-controls i{height:3px;flex:1;border-radius:99px;background:#ffffff40}.media-studio-empty-controls i:before{display:block;width:24%;height:100%;border-radius:inherit;background:#ffffffc2;content:""}.media-studio-empty-controls b{width:4px;height:4px;border-radius:50%;background:#ffffff94}.media-studio-image-placeholder{display:grid;width:54px;height:54px;place-items:center;color:#a9a9b0}.media-studio-image-placeholder svg{width:100%;height:100%}.media-studio-preview-play{position:absolute;z-index:2;width:58px;height:58px;padding:0 0 0 4px;cursor:pointer;font-size:18px;transition:transform .2s ease,background .2s ease}.media-studio-preview-play:hover{background:#1769d4;transform:scale(1.06)}.media-studio-loader{position:absolute;width:28px;height:28px;border:2px solid rgba(255,255,255,.14);border-top-color:var(--ms-accent);border-radius:50%;animation:mediaStudioSpin .8s linear infinite}@keyframes mediaStudioSpin{to{transform:rotate(360deg)}}.media-studio-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background:#ffffff14}.media-studio-progress i{display:block;height:100%;background:var(--ms-accent);transition:width .35s ease}.media-studio-timeline{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 14px;border-top:1px solid var(--ms-border);border-bottom:1px solid var(--ms-border);background:var(--ms-surface)}.media-studio-play{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid #37373d;border-radius:50%;color:#fff;background:#242428;font-size:10px;cursor:pointer}.media-studio-play:disabled{opacity:.35;cursor:default}.media-studio-track{position:relative;display:flex;min-width:0;height:34px;gap:3px;padding:3px;border-radius:7px;background:#111113}.media-studio-clip{position:relative;min-width:36px;height:28px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:4px;color:#d8d8dc;background:#303036;cursor:pointer}.media-studio-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.media-studio-clip span{position:relative;z-index:1;display:block;overflow:hidden;padding:0 7px;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.media-studio-clip[data-active=true]{border-color:var(--ms-accent);box-shadow:inset 0 0 0 1px var(--ms-accent)}.media-studio-clip[data-status=queued],.media-studio-clip[data-status=running]{background:linear-gradient(90deg,#242428,#36363c,#242428);background-size:200% 100%;animation:mediaStudioShimmer 1.3s linear infinite}.media-studio-clip[data-status=failed]{border-color:#e65b64;background:#e65b642e}@keyframes mediaStudioShimmer{to{background-position:-200% 0}}.media-studio-track-empty{display:flex;width:100%;gap:3px}.media-studio-track-empty span{flex:1;border-radius:4px;background:#29292e;opacity:.6}.media-studio-playhead{position:absolute;z-index:3;top:-4px;bottom:-4px;width:1px;pointer-events:none;background:#fff;transition:left .08s linear}.media-studio-playhead:before{position:absolute;top:-1px;left:-3px;width:7px;height:5px;border-radius:2px;background:#fff;content:""}.media-studio-time{min-width:64px;color:var(--ms-muted);font-family:IBM Plex Mono,monospace;font-size:9.5px;text-align:right}.media-studio-foot{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:9px 14px;gap:12px;background:var(--ms-surface)}.media-studio-meta{min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.media-studio-meta span{max-width:min(48vw,420px);overflow:hidden;color:#dedee2;font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.media-studio-meta small{color:var(--ms-muted);font-size:9.5px}.media-studio-buttons{flex:none;gap:7px}.media-studio-buttons button,.media-studio-composer button{min-height:30px;padding:0 12px;border:1px solid #37373d;border-radius:8px;color:#dddde1;background:#222226;font-size:10.5px;font-weight:750;cursor:pointer}.media-studio-buttons button.is-primary,.media-studio-composer button{border-color:#377fc6;color:#fff;background:#1769d4}.media-studio-buttons button:disabled{opacity:.55;cursor:wait}.media-studio-error{padding:9px 14px;border-top:1px solid rgba(230,91,100,.3);color:#ffabb1;background:#e65b6414;font-size:11px;line-height:1.45}.media-studio-composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--ms-border);background:var(--ms-surface)}.media-studio-composer textarea{flex:1;min-height:68px;resize:vertical;border:1px solid var(--ms-border);border-radius:9px;outline:0;padding:10px;color:var(--ms-text);background:#111113}.rvs-light .media-studio{--ms-bg: #fff;--ms-surface: #fff;--ms-surface-2: #f1f1ef;--ms-border: #e4e4e0;--ms-text: #171719;--ms-muted: #76767d;--ms-accent: #1769d4}.rvs-light .media-studio-canvas{background:#171719}.rvs-light .media-studio-head,.rvs-light .media-studio-timeline,.rvs-light .media-studio-foot{background:#fff}.rvs-light .media-studio-switch,.rvs-light .media-studio-track{background:#f1f1ef}.rvs-light .media-studio-switch{background:#ececea}.rvs-light .media-studio-switch:before{background:linear-gradient(145deg,#fff,#ececea)}.rvs-light .media-studio-switch button[data-active=true]{color:#171719;background:transparent}.rvs-light .media-studio-settings-trigger{color:#64646a;background:transparent}.rvs-light .media-studio-settings-trigger:hover{color:#171719;background:#d4d4d1}.rvs-light .media-studio-settings-trigger[data-open=true]{color:#171719;background:transparent}.rvs-light .media-studio-settings-menu{border-color:#e2e2df;color:#171719;background:#fff;box-shadow:0 16px 38px #14141e29}.rvs-light .media-studio-setting{border-top-color:#e8e8e5}.rvs-light .media-studio-setting-options button{color:#66666c;background:#ededeb}.rvs-light .media-studio-setting-options button:hover{color:#171719;background:#e0e0dd}.rvs-light .media-studio-setting-auto{border-top-color:#e8e8e5}.rvs-light .media-studio-setting-auto strong{color:#303035}.rvs-light .media-studio-brand strong,.rvs-light .media-studio-meta span{color:#171719}@media(max-width:640px){.media-studio-history{display:none}.media-studio-canvas{min-height:190px}.media-studio-timeline{grid-template-columns:30px minmax(0,1fr)}.media-studio-time{display:none}.media-studio-head{padding:9px 10px}.media-studio-switch button{min-width:52px}}@media(prefers-reduced-motion:reduce){.media-studio-loader,.media-studio-switch:before,.media-studio-preview-play,.media-studio-clip[data-status=queued],.media-studio-clip[data-status=running]{animation:none}}