:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{height:100vh}.app{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.app.landing{justify-content:flex-start;overflow-y:auto}.app.landing .drop-zone{flex-shrink:0;margin-top:10vh}.seo-content{color:#888;width:80%;max-width:600px;margin:48px auto 64px;font-size:.9rem;line-height:1.6}.seo-content h1{color:#ccc;margin-bottom:12px;font-size:1.1rem;font-weight:600}.seo-content h2{color:#bbb;margin:20px 0 6px;font-size:.95rem;font-weight:600}.drop-zone{cursor:pointer;border:2px dashed #444;border-radius:16px;justify-content:center;align-items:center;width:80%;max-width:600px;height:400px;transition:all .2s;display:flex}.drop-zone.dragging{background:#7c8fff0d;border-color:#7c8fff;transform:scale(1.02)}.drop-content{text-align:center;color:#888}.drop-content svg{opacity:.6;margin-bottom:20px}.drop-content .drop-title{color:#ccc;margin-bottom:8px;font-size:1.5rem;font-weight:500}.drop-content p{margin-bottom:4px;font-size:.95rem}.drop-content .hint{opacity:.6;font-size:.8rem}.error{color:#fff;background:#f44;border-radius:8px;padding:12px 24px;font-size:.9rem;position:fixed;bottom:24px}.player-container{flex-direction:column;width:100%;height:100vh;display:flex}.video-wrapper{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.video-wrapper video{object-fit:contain;width:100%;height:100%}.subtitle-overlay{text-align:center;pointer-events:none;max-width:80%;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.subtitle-overlay span{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:4px 16px;font-size:1.4rem;line-height:1.6}.video-wrapper:fullscreen{background:#000}.video-wrapper:fullscreen .subtitle-overlay span{font-size:2.2rem}.fullscreen-exit-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;position:absolute;top:16px;right:16px}.video-wrapper:fullscreen.controls-hidden{cursor:none}.btn-fullscreen{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:6px;align-items:center;padding:6px 8px;transition:background .15s;display:flex}.btn-fullscreen:hover{background:#333}.controls-bar{background:#141414;border-top:1px solid #222;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.file-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-name{color:#aaa;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.85rem;overflow:hidden}.file-info select{color:#ddd;background:#222;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:.8rem}.cue-count{color:#666;white-space:nowrap;font-size:.8rem}.opacity-control{color:#888;align-items:center;gap:6px;font-size:.8rem;display:flex}.opacity-control label{white-space:nowrap}.opacity-control input[type=range]{accent-color:#7c8fff;cursor:pointer;width:70px;height:4px}.opacity-value{text-align:right;font-variant-numeric:tabular-nums;min-width:32px}.btn-reset{color:#ccc;cursor:pointer;white-space:nowrap;background:#222;border:1px solid #333;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:background .15s}.btn-reset:hover{background:#333}.loading{color:#7c8fff;background:#000c;border-radius:6px;padding:8px 16px;font-size:.85rem;position:absolute;top:16px;left:50%;transform:translate(-50%)}