@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&family=IBM+Plex+Sans+SC:wght@400;600;700&display=swap";html,body,#root{width:100%;min-height:100%}:root{--bg:#06070c;--bg-soft:#131625;--surface:#121628bd;--surface-border:#91a8ff40;--headline:#f6f7ff;--text:#c8d1f3;--muted:#7d8bbd;--primary:#56d4ff;--primary-strong:#1bb7ee;--danger:#ff7f96;--ok:#a9ffc4;--shadow:0 30px 80px #00000073}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 10%, #1d2f6f 0, transparent 35%), radial-gradient(circle at 82% 0%, #3b1458 0, transparent 30%), radial-gradient(circle at 50% 95%, #11335e 0, transparent 40%), var(--bg);margin:0;font-family:IBM Plex Sans SC,PingFang SC,Helvetica Neue,sans-serif}#root{min-height:100vh}.app-shell{gap:16px;width:min(980px,100%);margin:0 auto;padding:24px 16px 36px;display:grid}.hero-panel{border:1px solid var(--surface-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#5269bc52,#181a2ed6 42%,#46165a61);border-radius:22px;padding:22px}.badge{letter-spacing:.09em;text-transform:uppercase;color:var(--primary);margin:0 0 12px;font-size:12px;font-weight:700}h1{color:var(--headline);margin:0;font-family:Manrope,Avenir Next,sans-serif;font-size:clamp(34px,7vw,52px);line-height:1.08}.subtitle{color:#d8e0ff;margin:14px 0 0;font-size:15px;line-height:1.6}.card{border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:18px;padding:16px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}h2{color:var(--headline);margin:0;font-family:Manrope,Avenir Next,sans-serif;font-size:18px}.section-head span{color:var(--muted);font-size:12px}.upload-box{background:#18203eb3;border:1px dashed #7f9dff99;border-radius:14px;gap:7px;padding:18px 14px;display:grid}.upload-box input{display:none}.upload-box strong{color:var(--headline);font-size:16px}.upload-box small{color:var(--muted)}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;display:flex}.video-list{gap:8px;max-height:220px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.video-list li{background:#0a0d1ac2;border:1px solid #667abf47;border-radius:12px;padding:10px 12px}.video-list p{color:var(--headline);word-break:break-all;margin:0;font-size:14px;font-weight:600}.video-list span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.progress-track{background:#242e56e6;border-radius:999px;height:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#45d2ff,#6ce8a8);border-radius:999px;height:100%;transition:width .3s}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}button{appearance:none;border:0;border-radius:12px;min-height:46px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:700}.primary-btn{color:#031823;background:linear-gradient(100deg,#67deff,#6debb6)}.ghost-btn{color:#d4defe;background:#10152bd9;border:1px solid #7a91e280}button:disabled{opacity:.45}.error-text{color:var(--danger);margin:12px 0 0;font-size:13px}.tips-text{color:var(--ok);margin:12px 0 0;font-size:13px;line-height:1.5}@media (width>=820px){.app-shell{gap:20px;padding:30px 26px 42px}.card{padding:18px 20px}.action-grid{grid-template-columns:repeat(4,1fr)}}