#vp-app{color:#1f2937;min-width:0}
#vp-app .hidden{display:none!important}
#vp-app .tool-select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23475569' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 12px center;min-height:46px}
#vp-app button:disabled{opacity:.45;cursor:not-allowed}
.vp-source-tabs{display:flex;gap:8px;margin-bottom:14px}.vp-source-tabs [aria-selected=true]{background:#2563eb;color:white;border-color:#2563eb}
.vp-heading{display:flex;align-items:center;gap:12px;margin-top:18px}.vp-heading h2{min-width:0;flex:1;font-size:18px;font-weight:700;overflow-wrap:anywhere}.vp-heading button{flex-shrink:0}.vp-heading #vp-badge{font-size:12px;white-space:nowrap;background:#eff6ff;color:#1d4ed8;border-radius:12px;padding:3px 9px}
.vp-stage{position:relative;aspect-ratio:16/9;width:100%;max-height:70dvh;background:#0f172a;border-radius:10px;overflow:hidden;outline:none;isolation:isolate;margin:14px 0;touch-action:manipulation}
#vp-video,#vp-frame-image{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0f172a}
#vp-frame-image{z-index:1}
#vp-captions{position:absolute;z-index:2;bottom:114px;left:5%;right:5%;display:flex;justify-content:center;pointer-events:none;text-align:center;white-space:pre-line;font-size:clamp(16px,2vw,28px);line-height:1.35;color:white;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}
#vp-captions span{background:rgba(0,0,0,.65);padding:4px 10px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}
.vp-stage-play{position:absolute;z-index:3;inset:0;margin:auto;width:64px;height:64px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(15,23,42,.65);color:white;font-size:28px;cursor:pointer}
.vp-transport{position:absolute;z-index:4;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:16px 12px 8px;transition:opacity .15s}
.vp-stage.controls-hidden .vp-transport{opacity:0;pointer-events:none}.vp-stage.controls-hidden #vp-captions{bottom:24px}
.vp-stage:focus-visible .vp-transport{opacity:1;pointer-events:auto}
.vp-timeline{display:flex;align-items:center;gap:12px;color:#fff;min-height:26px}.vp-timeline output{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.vp-timeline input{flex:1;min-width:0;accent-color:#60a5fa}
.vp-controls{display:flex;align-items:center;gap:4px;min-width:0}.vp-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 6px;border:0;border-radius:6px;color:#fff;background:transparent;font-size:20px;cursor:pointer;flex-shrink:0}.vp-controls button:hover,.vp-controls button:focus-visible{background:rgba(255,255,255,.16)}.vp-controls #vp-back,.vp-controls #vp-forward{font-size:14px}.vp-control-spacer{flex:1}
.vp-volume-icon{display:block;flex-shrink:0}.vp-volume-off{display:none}#vp-mute[aria-pressed=true] .vp-volume-on{display:none}#vp-mute[aria-pressed=true] .vp-volume-off{display:inline}
.vp-panel{margin:18px 0 0;padding-top:14px;border-top:1px solid #e5e7eb}.vp-panel summary{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer;margin-bottom:10px}.vp-panel summary:before{content:'▸';color:#64748b}.vp-panel[open] summary:before{content:'▾'}
.vp-range{display:flex;align-items:center;gap:12px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;background:white;min-width:0;min-height:46px}.vp-range input[type=range]{min-width:0;flex:1}.vp-range input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.vp-range output{white-space:nowrap;font-variant-numeric:tabular-nums}
.vp-input-action{display:flex;gap:6px;min-width:0}.vp-input-action input{min-width:0;flex:1;width:0}.vp-input-action button{flex-shrink:0;min-height:46px}
.vp-check{display:flex;align-items:center;gap:10px;min-height:46px;margin:12px 0;font-size:14px}.vp-check input{width:18px;height:18px}
.vp-playlist{display:grid;gap:8px;margin-top:12px}.vp-item{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.vp-item.is-current{background:#eff6ff;border-color:#2563eb}.vp-item-select{min-width:0;flex:1;padding:8px;background:none;border:0;text-align:left;overflow-wrap:anywhere;cursor:pointer}.vp-item-select strong,.vp-item-select small{display:block}.vp-item-select small{color:#64748b;margin-top:4px}.vp-item-remove{flex-shrink:0;min-width:44px;min-height:44px}
.vp-task{display:flex;align-items:center;gap:12px;margin-top:18px}.vp-task progress{min-width:0;flex:1}.vp-format-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px}.tool-copy-block a{color:#2563eb}
.vp-stage:is(:fullscreen,:-webkit-full-screen,.vp-fullscreen){aspect-ratio:auto;width:100%;height:100%;max-height:none;border-radius:0;margin:0;background:#000}
.vp-stage.vp-fullscreen{position:fixed;inset:0;width:100dvw;height:100dvh;z-index:2147483646}.vp-stage:fullscreen .vp-transport,.vp-stage.vp-fullscreen .vp-transport{padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
body.vp-fullscreen-open{overflow:hidden}
@media(max-width:600px){.vp-stage{min-height:210px;max-height:none}.vp-heading{gap:8px}.vp-heading h2{font-size:16px}.vp-timeline{flex-wrap:wrap;gap:3px}.vp-timeline output{width:100%}.vp-timeline input{height:18px}.vp-transport{padding:12px 8px 4px}.vp-controls{gap:2px}.vp-controls button{min-width:40px;min-height:44px;padding:0 4px}.vp-panel .tool-actions{gap:8px}.vp-panel .tool-actions button{flex:1;min-width:120px}#vp-captions{bottom:115px;font-size:16px}.vp-heading #vp-badge{padding:3px 6px}}
@media(orientation:landscape) and (max-height:600px){.vp-stage:fullscreen .vp-timeline,.vp-stage.vp-fullscreen .vp-timeline{flex-wrap:nowrap}.vp-stage:fullscreen .vp-timeline output,.vp-stage.vp-fullscreen .vp-timeline output{width:auto}.vp-stage:fullscreen #vp-captions,.vp-stage.vp-fullscreen #vp-captions{bottom:98px}.vp-stage.controls-hidden #vp-captions{bottom:18px}}