:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#14202e;background:#eef2f7;font-synthesis:none;--line:#d6deea;--blue:#2563eb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0f172a;color:#fff}h1{margin:0;font-size:clamp(1.25rem,2.4vw,2rem)}header p{margin:5px 0 0;color:#cbd5e1}nav{display:flex;gap:16px}a{color:#93c5fd}.controls,.timeline{position:sticky;z-index:5;display:flex;align-items:end;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line)}.controls{top:0;flex-wrap:wrap}.timeline{top:77px;align-items:center}.controls label{display:grid;gap:4px;font-size:.74rem;color:#64748b}.controls select,.controls button,.timeline button{height:36px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:0 10px}.sample-control{flex:1;min-width:260px}.sample-control select{width:100%}.primary{background:var(--blue)!important;color:#fff;border-color:var(--blue)!important}.timeline input{flex:1}.badge{padding:5px 9px;border-radius:999px;background:#e2e8f0;font-size:.78rem}.badge.ready{background:#dcfce7;color:#166534}.notice{margin:14px 18px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a}main{display:grid;grid-template-columns:repeat(2,minmax(480px,1fr));gap:14px;padding:4px 18px 18px}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 3px 10px #0f172a0d}.panel h2{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:1rem}.panel video{display:block;width:100%;aspect-ratio:81/73;object-fit:contain;background:#0b1220;border:1px solid var(--line);border-radius:7px}.panel.pending video{opacity:.28}#details{margin:0 18px 24px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475569;font-size:.88rem}.error{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important}@media(max-width:1050px){main{grid-template-columns:1fr}.timeline{top:128px}}@media(max-width:640px){header{align-items:flex-start;gap:10px;flex-direction:column}.controls,.timeline{position:static}.sample-control{min-width:100%}main{grid-template-columns:1fr;padding:4px 8px 12px}.notice,#details{margin-left:8px;margin-right:8px}.panel{padding:7px}.panel video{aspect-ratio:1/1}}