*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09090b;color:#fafafa}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:34px 0}.hero{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:end;margin-bottom:24px}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(34,211,238,.35);background:#22d3ee14;color:#a5f3fc;padding:8px 12px;border-radius:999px;font-weight:700}h1{margin:18px 0 12px;font-size:clamp(34px,6vw,68px);line-height:.98;letter-spacing:-.06em}h2{margin:0 0 12px;font-size:22px}h3{margin:0 0 12px}p{color:#d4d4d8;line-height:1.65}.hero-card,.panel{border:1px solid #27272a;background:#18181bdb;border-radius:28px;box-shadow:0 24px 80px #0891b214}.hero-card{padding:22px;display:grid;gap:10px}.hero-card svg{color:#67e8f9}.hero-card span{color:#a1a1aa;line-height:1.5}.layout{display:grid;grid-template-columns:360px 1fr;gap:24px}.panel{padding:22px}.upload-box{min-height:160px;border:2px dashed #3f3f46;background:#09090bad;border-radius:24px;display:grid;place-items:center;text-align:center;padding:22px;cursor:pointer;transition:.2s ease}.upload-box:hover{border-color:#22d3ee;background:#22d3ee14}.upload-box input{display:none}.upload-box svg{color:#67e8f9}.upload-box span{color:#a1a1aa;font-size:14px}.field{display:grid;gap:8px;margin:18px 0}.field span{color:#a1a1aa;font-size:14px}select{width:100%;border:1px solid #3f3f46;background:#09090b;color:#fafafa;border-radius:16px;padding:13px 14px}.primary,.secondary,.ghost,.download{border:0;border-radius:18px;padding:14px 16px;display:inline-flex;width:100%;gap:10px;align-items:center;justify-content:center;cursor:pointer;font-weight:900;margin-top:10px}.primary{background:#22d3ee;color:#083344}.secondary{background:#34d399;color:#052e16}.ghost{background:#27272a;color:#fafafa;width:auto;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.45}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-panel{min-width:0}.preview-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.preview-head p{margin:0;color:#a1a1aa}.viewer-wrap{margin-top:14px;position:relative;min-height:540px;border-radius:24px;overflow:hidden;border:1px solid #27272a;background:radial-gradient(circle at center,rgba(34,211,238,.16),transparent 40%),#09090b}.viewer{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-empty,.viewer-error,.viewer-tip{position:absolute;left:18px;bottom:18px;right:18px;border:1px solid #3f3f46;background:#09090bdb;border-radius:18px;padding:14px;color:#d4d4d8}.viewer-error{border-color:#f8717180;color:#fecaca}.viewer-tip{border-color:#22d3ee73;color:#cffafe}.job-card{margin-top:18px;border:1px solid #3f3f46;background:#09090bad;border-radius:20px;padding:16px}.job-card p{margin:7px 0;overflow-wrap:anywhere;font-size:14px}.status{padding:3px 8px;border-radius:999px;background:#3f3f46}.status.uploaded{background:#22d3ee2e;color:#a5f3fc}.status.queued{background:#fbbf242e;color:#fde68a}.status.running{background:#60a5fa2e;color:#bfdbfe}.status.done{background:#34d3992e;color:#bbf7d0}.status.failed{background:#f871712e;color:#fecaca}.download-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download{background:#27272a;color:#fafafa}.alert{margin-top:14px;border:1px solid rgba(248,113,113,.45);background:#7f1d1d4d;color:#fecaca;padding:12px 14px;border-radius:16px;line-height:1.45}.guide{margin-top:24px}.guide li{margin:8px 0;color:#d4d4d8}code{background:#09090b;border:1px solid #27272a;border-radius:7px;padding:2px 6px;color:#a5f3fc}@media(max-width:980px){.hero,.layout{grid-template-columns:1fr}}input{width:100%;border:1px solid #3f3f46;background:#09090b;color:#fafafa;border-radius:16px;padding:13px 14px}.hot{background:linear-gradient(135deg,#22d3ee,#a78bfa)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.score-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border:1px solid #3f3f46;border-radius:18px;background:#09090b;padding:14px;margin-bottom:14px}.score-card strong{font-size:36px;color:#67e8f9}.checklist{list-style:none;padding:0}.checklist li{border:1px solid #3f3f46;border-radius:14px;padding:10px 12px;margin:8px 0}.checklist li:before{content:"✕";display:inline-flex;width:22px;color:#fca5a5}.checklist li[data-ok=true]:before{content:"✓";color:#86efac}@media(max-width:980px){.grid2{grid-template-columns:1fr}}.notice{margin-top:14px;border:1px solid rgba(34,211,238,.45);background:#0891b22e;color:#cffafe;padding:12px 14px;border-radius:16px;line-height:1.45}