.ksp{--p-bg:#120803;--p-bar:#24120a;--p-bar-2:#1c0e07;--p-line:#47291a;--p-text:#f4e6cf;--p-muted:#c4a685;--p-dim:#ab8d70;--p-btn:#3a2010;--p-btn-hover:#4d2c17;--p-accent:var(--gold-400);--p-accent-hover:var(--gold-300);--p-on-accent:var(--brown-950);--p-bad:#f0957c}.ksp .ksp-get{border-left:4px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.ksp .ksp-get p{margin:0}.ksp .player-container{background:var(--p-bg);height:min(78vh,780px);min-height:420px;color:var(--p-text);font-family:var(--font-sans);border:2px solid var(--p-line);border-radius:var(--radius);flex-direction:column;display:flex;position:relative;overflow:hidden}.ksp .player-container.is-dragover{border-color:var(--p-accent)}.ksp .header{background:var(--p-bar);border-bottom:1px solid var(--p-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.5rem .9rem;transition:transform .3s;display:flex}.ksp .header-left,.ksp .header-right{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;min-width:0;display:flex}.ksp .logo{color:var(--p-accent);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.ksp .logo-icon{background:var(--p-accent);border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.ksp .logo-icon:before{content:"";border-left:8px solid var(--p-on-accent);border-top:6px solid #0000;border-bottom:6px solid #0000;margin-left:2px}.ksp .logo-icon:after{content:"K";color:var(--p-on-accent);font-family:var(--font-sans);font-size:18px;font-weight:700;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ksp .logo-text,.ksp .version{cursor:help;position:relative}.ksp .version{border:1px solid var(--p-line);border-radius:var(--radius-sm);color:var(--p-dim);font-family:var(--font-mono);padding:.05rem .4rem;font-size:.75rem;font-weight:400}.ksp .credits-tooltip,.ksp .version-tooltip{z-index:1000;background:var(--p-bar-2);border:1px solid var(--p-line);border-radius:var(--radius);color:var(--p-text);font-family:var(--font-sans);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;margin-top:6px;padding:.5rem .75rem;font-size:.8125rem;font-weight:400;line-height:1.5;transition:opacity .2s,visibility .2s;position:absolute;top:100%;box-shadow:0 6px 18px #00000080}.ksp .credits-tooltip{left:0}.ksp .version-tooltip{left:50%;transform:translate(-50%)}.ksp .credits-tooltip:before{content:"";height:10px;position:absolute;inset:-10px 0 auto}.ksp .logo-text:hover .credits-tooltip,.ksp .logo-text:focus-within .credits-tooltip,.ksp .version:hover .version-tooltip{opacity:1;visibility:visible;pointer-events:auto}.ksp .credits-tooltip a{color:var(--p-accent);font-weight:700}.ksp .filename{max-width:40ch;color:var(--p-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.ksp .speed-control{align-items:center;gap:.45rem;display:flex}.ksp .speed-label{color:var(--p-muted);font-size:.8125rem}.ksp .speed-select,.ksp .header-btn{border:1px solid var(--p-line);border-radius:var(--radius-sm);background:var(--p-btn);color:var(--p-text);cursor:pointer;padding:.3rem .6rem;font-size:.8125rem}.ksp .speed-select:hover,.ksp .header-btn:hover{background:var(--p-btn-hover);border-color:var(--p-accent)}.ksp .header-btn{font-weight:600}.ksp .fps-badge{border-radius:var(--radius-sm);background:var(--p-accent);color:var(--p-on-accent);font-family:var(--font-mono);padding:.15rem .45rem;font-size:.75rem;font-weight:500}.ksp .video-area{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.ksp #videoCanvas{display:block}.ksp .upload-overlay{z-index:10;background:var(--p-bg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;transition:background-color .3s;display:flex;position:absolute;inset:0}.ksp .upload-overlay:hover{background:#1d0e06}.ksp .upload-overlay.hidden{display:none}.ksp .upload-icon{width:72px;height:72px;fill:var(--p-accent);opacity:.85;margin-bottom:.75rem}.ksp .upload-icon.is-bad{fill:var(--p-bad)}.ksp .upload-text{color:var(--p-text);font-size:1.2rem;font-weight:600}.ksp .upload-text.is-bad{color:var(--p-bad)}.ksp .upload-subtext{color:var(--p-dim);font-size:.875rem}.ksp .status-indicator{z-index:5;border-radius:var(--radius);border:1px solid var(--p-line);color:var(--p-text);font-family:var(--font-mono);opacity:0;pointer-events:none;background:#120803d9;padding:.4rem .8rem;font-size:.8125rem;transition:opacity .3s;position:absolute;top:.9rem;left:.9rem}.ksp .status-indicator.show{opacity:1}.ksp .controls-bar{background:var(--p-bar);border-top:1px solid var(--p-line);padding:.6rem .9rem .7rem;transition:transform .3s}.ksp .progress-section{margin-bottom:.6rem}.ksp .progress-bar{background:var(--p-btn);cursor:pointer;border-radius:4px;width:100%;height:8px;position:relative}.ksp .progress-fill{background:var(--p-accent);border-radius:4px;width:0%;height:100%;transition:width .1s;position:relative}.ksp .progress-bar:hover .progress-fill{background:var(--p-accent-hover)}.ksp .progress-handle{background:var(--p-text);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.ksp .progress-bar:hover .progress-handle{opacity:1}.ksp .time-display{color:var(--p-muted);font-family:var(--font-mono);justify-content:space-between;margin-top:.3rem;font-size:.75rem;display:flex}.ksp .controls-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ksp .controls-left,.ksp .controls-right{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.ksp .control-btn{border-radius:var(--radius);min-width:36px;height:36px;color:var(--p-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 .4rem;transition:background-color .15s,color .15s;display:flex}.ksp .control-btn:hover{background:var(--p-btn);color:var(--p-text)}.ksp .control-btn:active{transform:scale(.95)}.ksp .control-btn svg{fill:currentColor;width:20px;height:20px}.ksp .play-btn{background:var(--p-accent);min-width:44px;height:40px;color:var(--p-on-accent)}.ksp .play-btn:hover{background:var(--p-accent-hover);color:var(--p-on-accent)}.ksp .play-btn svg{width:24px;height:24px}.ksp .play-btn .i-pause,.ksp .play-btn[data-playing=true] .i-play,.ksp #volumeBtn .i-mute,.ksp #volumeBtn[data-muted=true] .i-vol{display:none}.ksp .play-btn[data-playing=true] .i-pause,.ksp #volumeBtn[data-muted=true] .i-mute{display:block}.ksp .volume-control{align-items:center;gap:.5rem;display:flex}.ksp .volume-slider{background:var(--p-btn);cursor:pointer;border-radius:4px;width:80px;height:8px;position:relative}.ksp .volume-fill{background:var(--p-accent);pointer-events:none;border-radius:4px;width:100%;height:100%;position:relative}.ksp .volume-handle{z-index:2;background:var(--p-text);cursor:grab;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.ksp .tooltip{position:relative}.ksp .tooltip:after{content:attr(data-tooltip);border-radius:var(--radius-sm);border:1px solid var(--p-line);color:var(--p-text);white-space:nowrap;opacity:0;pointer-events:none;background:#120803f2;margin-bottom:6px;padding:.25rem .55rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ksp .tooltip:hover:after{opacity:1}.ksp .player-container:fullscreen,.ksp .player-container.is-fullscreen{cursor:none;border:0;border-radius:0;width:100%;height:100%;min-height:0}.ksp .player-container:fullscreen.show-cursor,.ksp .player-container.is-fullscreen.show-cursor{cursor:default}.ksp .player-container:fullscreen .header,.ksp .player-container.is-fullscreen .header{z-index:100;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.ksp .player-container:fullscreen .controls-bar,.ksp .player-container.is-fullscreen .controls-bar{z-index:100;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.ksp .player-container:fullscreen .header.show,.ksp .player-container.is-fullscreen .header.show,.ksp .player-container:fullscreen .controls-bar.show,.ksp .player-container.is-fullscreen .controls-bar.show{transform:translateY(0)}@media (width<=640px){.ksp .player-container{height:72dvh;min-height:360px}.ksp .speed-label,.ksp .fps-badge,.ksp .volume-slider,.ksp #prevFrameBtn,.ksp #nextFrameBtn{display:none}.ksp .control-btn{min-width:44px;height:44px;padding:0}.ksp .controls-row,.ksp .controls-left{gap:.15rem}.ksp .controls-left{flex-wrap:nowrap}.ksp .play-btn{width:44px;padding:0}}@media (width<=400px){.ksp .controls-right,.ksp .tooltip:after{display:none}}:root[data-offline] body.fill{height:100vh;min-height:0;overflow:hidden}:root[data-offline] body.fill .offline-main{min-height:0}:root[data-offline] .ksp{flex-direction:column;flex:1;min-height:0;display:flex}:root[data-offline] .ksp .player-container{border:0;border-radius:0;flex:1;height:auto;min-height:0}.ksp .version-tooltip:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.ksp .version-tooltip a{color:inherit;font-weight:600}