.media-drop:focus-within,.media-drop.drag-over{outline:3px solid var(--tool-teal);outline-offset:4px}.media-meta{overflow-wrap:anywhere;margin:16px 0;color:var(--tool-ink);font-weight:600}.media-stage{min-width:0;margin-top:20px}.media-empty{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center;border:1px dashed var(--tool-line,#ccc);color:var(--tool-muted,#666)}.document-viewer{display:block;width:100%;height:72vh;min-height:380px;border:1px solid var(--tool-line,#ccc);background:#eee}.media-stage audio{display:block;width:100%;margin:36px auto}.media-stage video{display:block;width:100%;max-height:70vh;background:#15131b}.media-settings{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:20px 0}.media-settings label{display:flex;align-items:center;gap:10px}.media-settings select{padding:8px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#282333}.media-settings input[type=checkbox]{width:18px;height:18px}.tool-actions button:disabled{opacity:.45;cursor:default}@media(max-width:640px){.document-viewer{min-height:330px;height:65vh}.media-settings{gap:16px}}

.media-stage video{height:100%;background:#09080d;object-fit:contain;cursor:pointer}.media-settings label{font-weight:700}
.video-player-shell{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(61,53,95,.18);border-radius:20px;background:#09080d;color:#fff;box-shadow:0 24px 70px rgba(49,39,79,.22);transform:translateZ(0)}
.video-player-shell:focus-visible{outline:3px solid var(--tool-lime,#c8ef72);outline-offset:4px}
.video-viewport{display:grid;place-items:center;width:100%;aspect-ratio:16/9;max-height:72vh;background:radial-gradient(circle at 50% 45%,#211d2d 0,#09080d 68%)}
.video-controls{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:76px 22px 18px;background:linear-gradient(180deg,transparent 0,rgba(9,8,13,.72) 40%,rgba(9,8,13,.97) 100%);transition:opacity .22s ease,transform .22s ease}
.video-player-shell.video-controls-hidden .video-controls{opacity:0;transform:translateY(100%);pointer-events:none}
.video-timeline-row{display:grid;grid-template-columns:46px minmax(90px,1fr) 46px;align-items:center;gap:12px;color:rgba(255,255,255,.72);font:750 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
.video-timeline-row span:last-child{text-align:right}
.video-timeline,.video-volume{appearance:none;-webkit-appearance:none;height:18px;margin:0;background:transparent;cursor:pointer}
.video-timeline{width:100%;--track-size:4px}
.video-timeline::-webkit-slider-runnable-track,.video-volume::-webkit-slider-runnable-track{height:var(--track-size,3px);border-radius:99px;background:rgba(255,255,255,.28)}
.video-timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--tool-lime,#c8ef72) var(--media-progress,0),rgba(255,255,255,.28) var(--media-progress,0))}
.video-volume::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fff var(--volume-progress,100%),rgba(255,255,255,.28) var(--volume-progress,100%))}
.video-timeline::-moz-range-track,.video-volume::-moz-range-track{height:var(--track-size,3px);border:0;border-radius:99px;background:rgba(255,255,255,.28)}
.video-timeline::-moz-range-progress,.video-volume::-moz-range-progress{height:var(--track-size,3px);border-radius:99px;background:var(--tool-lime,#c8ef72)}
.video-timeline::-webkit-slider-thumb,.video-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:calc((var(--track-size,3px) - 13px)/2);border:2px solid #fff;border-radius:50%;background:var(--tool-lime,#c8ef72);box-shadow:0 0 0 4px rgba(200,239,114,.12);transform:scale(.72);transition:transform .16s ease,box-shadow .16s ease}
.video-timeline::-moz-range-thumb,.video-volume::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--tool-lime,#c8ef72);box-shadow:0 0 0 4px rgba(200,239,114,.12)}
.video-timeline:hover::-webkit-slider-thumb,.video-timeline:focus-visible::-webkit-slider-thumb,.video-volume:hover::-webkit-slider-thumb{transform:scale(1);box-shadow:0 0 0 5px rgba(200,239,114,.16)}
.video-timeline:focus-visible,.video-volume:focus-visible{outline:0}
.video-transport{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:9px}
.video-control-group{display:flex;align-items:center;gap:4px;min-width:0}
.video-control{position:relative;display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.86);cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease}
.video-control svg{width:20px;height:20px;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.video-control svg [fill="none"],.video-seek svg{fill:none}
.video-control:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateY(-1px)}
.video-control:active{transform:scale(.92)}
.video-control:focus-visible,.video-control-select:focus-visible{outline:2px solid var(--tool-lime,#c8ef72);outline-offset:2px}
.video-play{width:46px;height:46px;margin-right:5px;background:var(--tool-lime,#c8ef72);color:var(--tool-deep,#31274f);box-shadow:0 8px 24px rgba(200,239,114,.22)}
.video-play svg{width:22px;height:22px}
.video-play:hover{background:#dcffa0;color:var(--tool-deep,#31274f);box-shadow:0 10px 28px rgba(200,239,114,.3)}
.video-seek .seek-value{position:absolute;top:15px;font:900 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.video-control-divider{width:1px;height:22px;margin:0 6px;background:rgba(255,255,255,.17)}
.video-volume{width:88px;--track-size:3px}
.video-control-select{height:34px;padding:0 25px 0 10px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background-color:rgba(255,255,255,.08);color:#fff;font:800 .67rem/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.video-control-select:hover{border-color:rgba(255,255,255,.28);background-color:rgba(255,255,255,.13)}
.video-control-select option{background:#17141f;color:#fff}
.video-fit-select{width:72px}
.video-control.is-active{color:var(--tool-lime,#c8ef72);background:rgba(200,239,114,.13)}
.video-player-shell:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;border:0;border-radius:0}
.video-player-shell:fullscreen .video-viewport{flex:1;max-height:none;aspect-ratio:auto}
.video-player-shell:fullscreen video{max-height:none}
@media(max-width:760px){.video-player-shell{border-radius:14px}.video-controls{padding:54px 12px 11px}.video-timeline-row{grid-template-columns:40px minmax(60px,1fr) 40px;gap:7px}.video-transport{gap:6px}.video-control-group{gap:1px}.video-control{width:34px;height:34px}.video-play{width:42px;height:42px;margin-right:2px}.video-volume{width:55px}.video-control-divider{margin:0 2px}.video-fit-select{display:none}.video-control-select{height:32px;padding-right:20px}.video-viewport{aspect-ratio:4/3}}
@media(max-width:500px){.video-volume,.video-control-divider,.video-control-group-secondary .video-control:nth-of-type(2){display:none}.video-controls{padding-top:44px}.video-seek{display:none}.video-control-group-secondary{gap:0}.video-control-select{width:55px;padding:0 17px 0 7px}.video-fit-select{display:none}}