:root{color:#17191c;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f3ef;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f3f3ef;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,label:focus-within{outline-offset:2px;outline:3px solid #1457d947}.app-shell{background:#fafaf7;border-left:1px solid #d6d7d2;border-right:1px solid #d6d7d2;width:min(1440px,100%);min-height:100vh;margin:0 auto}.topbar,footer{border-bottom:1px solid #d6d7d2;justify-content:space-between;align-items:center;min-height:72px;padding:0 32px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#1457d9;border-radius:4px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{letter-spacing:0;display:block}.brand strong{font-size:17px}.brand small{color:#72756f;margin-top:2px;font-size:10px;font-weight:700}.system-status,.playing-indicator{color:#565a55;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.system-status i,.playing-indicator i{background:#1d9762;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1d97621f}.workspace-grid{border-bottom:1px solid #d6d7d2;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);display:grid}.upload-panel,.player-panel,.history-panel{min-width:0;padding:32px}.upload-panel{border-right:1px solid #d6d7d2}.section-heading{justify-content:space-between;align-items:flex-start;min-height:54px;margin-bottom:24px;display:flex}.section-index{color:#1457d9;margin:0 0 5px;font-size:10px;font-weight:800}.section-heading h2{margin:0;font-size:22px;line-height:1.2}.limit-note,.total-count{color:#72756f;font-size:12px}.drop-zone{cursor:pointer;text-align:center;background:#fff;border:1px dashed #9da09a;border-radius:6px;place-content:center;justify-items:center;min-height:248px;padding:28px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.drop-zone:hover,.drop-zone.is-dragging{background:#f2f6ff;border-color:#1457d9;transform:translateY(-2px)}.drop-zone.has-file{background:#f2faf6;border-style:solid;border-color:#1d9762}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.drop-symbol{border:1px solid #17191c;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:28px;line-height:1;display:grid}.drop-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.drop-zone>span:last-child{color:#72756f;margin-top:8px;font-size:11px}.form-message{min-height:20px;margin:12px 0 0;font-size:12px}.is-error{color:#b83b26}.upload-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.primary-button{color:#fff;cursor:pointer;background:#1457d9;border:1px solid #1457d9;border-radius:4px;min-width:132px;min-height:44px;padding:0 22px;font-weight:700}.primary-button:hover:not(:disabled){background:#0d45ad}button:disabled{cursor:not-allowed;opacity:.42}.upload-status{color:#72756f;font-size:11px}.upload-progress{opacity:.25;accent-color:#ed6845;border:0;width:100%;height:4px;margin-top:18px;display:block}.upload-progress.is-active{opacity:1}.player-frame,.player-placeholder{aspect-ratio:16/9;background:#111315;border-radius:6px;width:100%;overflow:hidden}.player-frame video{object-fit:contain;width:100%;height:100%;display:block}.player-placeholder{color:#858986;place-content:center;justify-items:center;display:grid}.player-placeholder span{color:#fafaf7;border:1px solid #555a58;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.player-placeholder p{margin:14px 0 0;font-size:12px}.player-meta{justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;display:flex}.player-meta strong{overflow-wrap:anywhere;min-width:0}.player-meta span{color:#72756f;flex:none;font-size:11px}.history-heading{margin-bottom:12px}.list-state{color:#72756f;text-align:center;border-top:1px solid #dedfda;border-bottom:1px solid #dedfda;place-content:center;justify-items:center;min-height:190px;display:grid}.list-state p,.list-state strong,.list-state span{margin:0}.list-state span{margin-top:8px;font-size:12px}.text-button{color:#1457d9;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-weight:700}.video-rows{border-top:1px solid #dedfda}.video-row{width:100%;min-height:72px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #dedfda;grid-template-columns:46px minmax(180px,1fr) 100px 170px 34px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .14s;display:grid}.video-row:hover,.video-row.is-selected{background:#eef3ff}.video-row.is-selected{box-shadow:inset 3px 0 #1457d9}.row-number,.row-size,.video-row time{color:#72756f;font-size:11px}.row-title{min-width:0}.row-title strong,.row-title small{display:block}.row-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-title small{color:#8b8e89;margin-top:4px;font-size:10px}.row-play{color:#1457d9;border:1px solid #c1c3bd;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.pagination{justify-content:flex-end;align-items:center;gap:18px;min-height:64px;display:flex}.pagination button{color:#30332f;cursor:pointer;background:#fff;border:1px solid #b9bbb5;border-radius:4px;min-width:74px;min-height:36px}.pagination span{color:#72756f;text-align:center;min-width:44px;font-size:12px}footer{color:#7a7d77;border-top:1px solid #d6d7d2;border-bottom:0;min-height:52px;font-size:10px;font-weight:700}@media (width<=860px){.app-shell{border:0}.topbar,footer{padding-left:20px;padding-right:20px}.workspace-grid{grid-template-columns:1fr}.upload-panel,.player-panel,.history-panel{padding:24px 20px}.upload-panel{border-bottom:1px solid #d6d7d2;border-right:0}.drop-zone{min-height:210px}.video-row{grid-template-columns:34px minmax(0,1fr) 30px}.row-size,.video-row time{display:none}}@media (width<=480px){.system-status{font-size:0}.system-status i{margin-right:0}.section-heading h2{font-size:20px}.upload-actions,.player-meta{flex-direction:column;align-items:stretch}.primary-button{width:100%}.player-meta span{white-space:normal}.pagination{justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}