/* Use the site's light/dark palette; never override the left navigation. */
.ax343-video-panel{--vp-bg:var(--ax37-panel,var(--sk-panel,#202020));--vp-text:var(--ax37-text,var(--sk-text,#eee));--vp-muted:var(--ax37-muted,#999);--vp-border:var(--ax37-border,#444);--vp-accent:var(--ax37-accent,#d8b47a);box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 var(--ax343-width,320px);width:var(--ax343-width,320px);max-width:40vw;min-height:0;height:100%;background:var(--vp-bg);color:var(--vp-text);border-left:1px solid var(--vp-border);overflow:hidden}
html[data-sk-theme="light"] .ax343-video-panel{--vp-bg:var(--ax37-panel,#fff);--vp-text:var(--ax37-text,#222);--vp-muted:var(--ax37-muted,#666);--vp-border:var(--ax37-border,#e0e0e0)}
#sk-v39-root .ax343-video-shell{display:flex!important;--ax343-width:320px}
#sk-v39-root .ax343-video-shell>.sk39-main{flex:1 1 0!important;width:0!important;min-width:0!important}
.ax343-video-panel header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:18px;border-bottom:1px solid var(--vp-border);gap:12px}
.ax343-video-panel button,.ax343-video-panel select,.ax343-video-panel input{font:inherit;color:inherit;box-sizing:border-box}
.ax343-video-panel header button,.ax343-file button{background:transparent;border:1px solid var(--vp-border);border-radius:8px;cursor:pointer;width:32px;height:32px;flex-shrink:0}
.ax343-panel-scroll{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0;scrollbar-gutter:stable;flex:1}
.ax343-panel-scroll[hidden]{display:none}
.ax343-controls{display:flex;flex-direction:column;gap:22px}
.ax343-controls label{display:block;font-size:14px}
.ax343-controls select{display:block;width:100%;margin-top:8px;border:1px solid var(--vp-border);border-radius:12px;background:var(--vp-bg);padding:12px;color:var(--vp-text)}
.ax343-controls input[type=range]{display:block;width:100%;margin:16px 0 0;accent-color:var(--vp-accent)}
.ax343-controls output{float:right;font-variant-numeric:tabular-nums}
.ax343-audio{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.ax343-audio input{appearance:none;width:46px;height:26px;border-radius:20px;background:var(--vp-muted);position:relative;cursor:pointer;flex-shrink:0}
.ax343-audio input:after{content:'';position:absolute;width:20px;height:20px;background:var(--vp-bg);border-radius:50%;top:3px;left:3px;transition:transform .15s}
.ax343-audio input:checked{background:var(--vp-accent)}.ax343-audio input:checked:after{transform:translateX(20px)}
.ax343-video-panel :focus-visible{outline:2px solid var(--vp-accent);outline-offset:3px}
.ax343-uploads{border-top:1px solid var(--vp-border);padding-top:18px;margin-top:22px}.ax343-uploads h3{font-size:14px;margin:0 0 14px;font-weight:600}
.ax343-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:112px;padding:16px;border:2px dashed var(--vp-border);border-radius:15px;background:transparent;cursor:pointer;margin-bottom:8px}
.ax343-drop>span{font-size:25px;color:var(--vp-accent)}.ax343-drop>b{color:var(--vp-accent);font-size:14px}.ax343-drop:disabled{opacity:.5;cursor:default}
.ax343-uploads small,.ax343-uploads p{font-size:12px;color:var(--vp-muted);line-height:1.5}.ax343-files{display:grid;gap:8px}.ax343-images{grid-template-columns:repeat(2,minmax(0,1fr))}
.ax343-file{display:flex;position:relative;align-items:center;gap:8px;border:1px solid var(--vp-border);padding:8px;border-radius:10px;min-width:0}.ax343-images .ax343-file{display:block}.ax343-file img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;margin-bottom:8px}.ax343-file>div{min-width:0;flex:1}.ax343-file b,.ax343-file span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax343-images .ax343-file button{position:absolute;top:10px;right:10px;background:var(--vp-bg)}
.ax343-retention{padding:12px;border:1px solid var(--vp-border);border-radius:12px;font-size:12px;line-height:1.5;margin-top:28px;color:var(--vp-muted)}
.ax343-video-panel.is-collapsed{width:48px;flex-basis:48px}.ax343-video-panel.is-collapsed header{padding:10px 7px}.ax343-video-panel.is-collapsed header>b{display:none}
#ax343-input-mode{font-size:12px;color:var(--ax37-accent,var(--sk-text));margin:0 0 8px;flex-basis:100%}
[data-media-category="video"] .sk39-compose-v2-input-row{flex-wrap:wrap}[data-media-category="video"] .sk39-compose-v2-textarea{flex-basis:100%;width:100%}
.ax343-video-panel .ax307-media{display:flex;flex-direction:column;align-items:stretch}.ax343-video-panel .ax307-chip{white-space:normal}
@media(max-width:900px){.ax343-video-panel{position:fixed;right:0;top:0;bottom:0;z-index:1100;width:min(320px,88vw);max-width:88vw;box-shadow:-8px 0 30px #0002}.ax343-video-panel.is-collapsed{height:48px;top:64px;border-radius:12px 0 0 12px}#sk-v39-root .ax343-video-shell>.sk39-main{width:auto!important}}
@media(prefers-reduced-motion:reduce){.ax343-audio input:after{transition:none}}
@media(min-width:1100px){html.ax37 #sk-v39-root .axc38-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}}
@media(min-width:601px) and (max-width:1099px){html.ax37 #sk-v39-root .axc38-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.ax343-actual-cost{display:block;margin-top:8px;font-size:12px;color:var(--ax37-muted,var(--sk-text));text-align:right}

/* Keep the navigation at its original grid width when video uses flex. */
@media(min-width:821px){
 html.ax37 #sk-v39-root .ax343-video-shell>.sk39-sidebar{flex:0 0 238px!important;width:238px!important}
 html.ax37 #sk-v39-root .ax343-video-shell.sidebar-collapsed>.sk39-sidebar{flex-basis:68px!important;width:68px!important}
}
@media(min-width:1100px){
 html.ax37 #sk-v39-root #ax-community38 .axc38-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}