:root{color:#f5efe1;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0f0c;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#c9a75c3d,#0000 34%),radial-gradient(circle at 78% 20%,#327a683d,#0000 32%),linear-gradient(135deg,#090a08 0%,#121711 52%,#070806 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell,.app-shell{min-height:100vh;position:relative;overflow:hidden}.login-shell{place-items:center;padding:24px;display:grid}.login-shell:before,.app-shell:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.login-card,.panel,.hero{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121511b8;border:1px solid #f5efe124;position:relative;box-shadow:0 24px 80px #00000057}.login-card{border-radius:34px;width:min(460px,100%);padding:42px}.eyebrow{color:#c9a75c;letter-spacing:.24em;text-transform:uppercase;margin:0 0 12px;font-size:12px}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(34px,6vw,72px);line-height:.95}h2{margin-bottom:14px;font-size:22px}.muted{color:#f5efe1ad;line-height:1.7}form{gap:16px;display:grid}label{color:#f5efe1c7;gap:8px;display:grid}input,textarea{color:#f5efe1;background:#ffffff0f;border:1px solid #f5efe129;border-radius:18px;outline:none;width:100%;padding:15px 16px}textarea{resize:vertical;min-height:180px}input:focus,textarea:focus{border-color:#c9a75cc7}button{color:#0d0f0c;background:#c9a75c;border:0;border-radius:18px;padding:14px 18px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{padding:28px}.hero{border-radius:34px;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1280px;margin:0 auto 22px;padding:34px;display:flex}.hero h1{max-width:820px}.layout{grid-template-columns:minmax(320px,.8fr) minmax(360px,1.2fr);gap:22px;max-width:1280px;margin:0 auto;display:grid}.tabs{gap:10px;max-width:1280px;margin:0 auto 22px;display:flex;position:relative}.tabs button{color:#f5efe1;background:#ffffff14}.tabs .active{color:#0d0f0c;background:#c9a75c}.lower{grid-template-columns:minmax(360px,1fr) minmax(300px,.7fr);margin-top:22px}.panel{border-radius:28px;padding:24px}.panel-title{color:#f5efe1b3;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-title strong{color:#c9a75c}.dropzone{text-align:center;background:linear-gradient(145deg,#c9a75c1f,#ffffff0a);border:1px dashed #c9a75c7a;border-radius:28px;place-items:center;min-height:260px;display:grid;position:relative}.dropzone input{cursor:pointer;opacity:0;position:absolute;inset:0}.pulse{background:radial-gradient(circle,#c9a75c 0 28%,#c9a75c24 30% 100%);border-radius:50%;width:58px;height:58px;margin-bottom:18px;display:inline-block;box-shadow:0 0 50px #c9a75c61}.primary{width:100%;min-height:52px}.ghost,.link,.danger{color:#f5efe1;background:#ffffff14}.link{color:#c9a75c;padding:8px 10px}.danger{color:#ffb3a7;background:#ff9a8a1a;border:1px solid #ff9a8a52;width:100%;margin-bottom:16px}.progress-track{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#c9a75c,#62c9a7);height:100%;transition:width .35s;display:block}.stage{color:#f5efe1b8;margin:14px 0}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.metrics span{color:#f5efe1b8;background:#ffffff0a;border:1px solid #f5efe11a;border-radius:16px;padding:10px;font-size:13px}.stage-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:18px;display:grid}.stage-grid span{color:#f5efe175;text-align:center;border:1px solid #f5efe11f;border-radius:999px;padding:8px 6px;font-size:12px}.stage-grid .active{color:#0d0f0c;background:#c9a75c;border-color:#c9a75c}.logs{color:#f5efe1c2;white-space:pre-wrap;background:#00000052;border-radius:20px;min-height:180px;max-height:240px;margin:0;padding:16px;overflow:auto}.result-panel video{background:#000;border-radius:24px;width:100%;max-height:460px;margin-bottom:16px}.empty-result{color:#f5efe180;background:#ffffff0a;border-radius:24px;place-items:center;min-height:260px;display:grid}.history-list{gap:10px;max-height:460px;display:grid;overflow:auto}.history-list button{color:#f5efe1;text-align:left;background:#ffffff0f;border:1px solid #f5efe11a;gap:6px;width:100%;padding:14px;display:grid}.history-list em{color:#f5efe18f;font-style:normal}.wide-panel{max-width:1280px;margin:22px auto 0}.segment-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.segment-card{background:#ffffff0d;border:1px solid #f5efe11a;border-radius:18px;gap:8px;padding:14px;display:grid}.segment-card span,.segment-card em{color:#f5efe19e;overflow-wrap:anywhere;font-size:13px;font-style:normal}.preview-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;margin-top:18px;display:grid}.preview-grid video,.preview-grid img{object-fit:contain;background:#000;border-radius:18px;width:100%;max-height:320px}.frame-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.asset-search{grid-template-columns:1fr auto;gap:10px;margin-bottom:16px;display:grid}.error{color:#ff9a8a}@media (width<=900px){.hero,.layout{grid-template-columns:1fr}.hero{display:grid}.stage-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr}}