@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#0fc;--color-primary-hover:#a1f2d9;--color-primary-rgb:0, 255, 204;--color-secondary:#8e52ff;--color-secondary-hover:#7f5fff;--color-caution:#ffff5a;--color-error:#ff4848;--color-success:#00ca5c;--color-info:#2cadda;--color-warning:#ffa600;--color-text-primary:#fff;--color-text-secondary:#e5e5e5;--color-text-tertiary:#9e9e9e;--color-text-quaternary:#757575;--color-bg-main:#1f4d5d;--color-bg-primary:#000a1f;--color-surface-1:#1f1f3d;--color-surface-2:#2f2f4d;--color-surface-3:#3f3f5d;--bg:var(--color-bg-primary);--panel:var(--color-surface-1);--panel-soft:var(--color-surface-2);--line:var(--color-surface-3);--text:var(--color-text-primary);--muted:var(--color-text-tertiary);--green:var(--color-primary);--green-soft:rgba(var(--color-primary-rgb), .12);--amber:var(--color-warning);--danger:var(--color-error);font-family:Kanit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0}body:before{content:"";pointer-events:none;opacity:.88;will-change:background-position, transform;background:linear-gradient(125deg,#000a1f 0%,#071932 28%,#241949 54%,#073547 76%,#000a1f 100%) 0 0/220% 220%;animation:24s ease-in-out infinite alternate sherpa-gradient-drift;position:fixed;inset:-12%}@keyframes sherpa-gradient-drift{0%{background-position:0 45%;transform:scale(1)translate(0,0)}50%{background-position:100% 55%;transform:scale(1.025)translate(-1%,1%)}to{background-position:35% 0;transform:scale(1.015)translate(1%,-1%)}}@media (prefers-reduced-motion:reduce){body:before{background-position:50%;animation:none;transform:none}}.topbar{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:24px;min-height:80px;padding:10px 4vw;display:grid;position:relative}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.brand-name{color:var(--text);font-size:20px;font-weight:600;line-height:1}.status-pill,.review-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px}.topbar-navigation{justify-self:center;min-width:0}.topbar-model,.topbar-account{justify-self:end;min-width:0}.model-picker{justify-items:stretch;gap:4px;min-width:210px;display:grid}.model-picker label{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:9px}.model-picker select{border:1px solid var(--line);width:100%;max-width:270px;min-height:42px;color:var(--text);cursor:pointer;background:#1f1f3db8;border-radius:12px;padding:8px 34px 8px 12px;font:700 10px ui-monospace,monospace}.model-picker select:focus{border-color:var(--green);outline:2px solid #00ffcc47}.model-picker select:disabled{color:var(--muted);cursor:not-allowed;opacity:.75}main{width:min(1400px,90vw);margin:0 auto;position:relative}.hero{justify-content:space-between;align-items:end;gap:32px;min-height:320px;padding:64px 0 48px;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800}h1{letter-spacing:-.055em;max-width:850px;margin:20px 0;font-size:clamp(42px,5vw,72px);line-height:.98}h1 span{color:#9e9e9e}.hero-copy{max-width:620px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.flow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;padding-bottom:12px;font-size:10px;display:flex}.flow i{background:var(--line);width:38px;height:1px;margin:0 10px;display:block}.workspace{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f1f3de0;border-radius:20px 20px 0 0;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);display:grid;overflow:hidden}.panel{min-height:620px;padding:32px}.upload-panel{border-right:1px solid var(--line)}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.panel-heading>div{align-items:center;gap:12px;display:flex}.panel-heading h2{letter-spacing:-.01em;margin:0;font-size:16px}.step{color:var(--green);font:700 10px ui-monospace,monospace}.muted{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.review-badge{color:var(--amber);border-color:#ffa6004d}.drop-zone{cursor:pointer;background:#ffffff03;border:1px dashed #3f3f5d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;transition:all .2s;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--green);background:var(--green-soft);transform:translateY(-2px)}.drop-zone input{display:none}.drop-zone strong{margin:18px 0 6px;font-size:18px}.drop-zone span:last-child{color:var(--muted);font-size:13px}.upload-icon{border:1px solid var(--line);width:52px;height:52px;color:var(--green);border-radius:50%;place-items:center;font-size:24px;display:grid}.preview-shell{background:#000a1f;border-radius:14px;min-height:310px;position:relative;overflow:hidden}#preview-canvas{object-fit:contain;width:100%;height:380px;display:block}.clear-button{color:var(--text);cursor:pointer;background:#000a1fcc;border:1px solid #ffffff2e;border-radius:8px;padding:8px 11px;position:absolute;top:12px;right:12px}.guidance{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.guidance div{border-left:2px solid var(--line);padding-left:11px}.guidance strong,.guidance span{font-size:11px;display:block}.guidance span{color:var(--muted);margin-top:5px;line-height:1.4}.primary-button{background:var(--green);color:#000a1f;cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 20px;font-weight:900;display:flex}.primary-button:disabled{opacity:.28;cursor:not-allowed}.privacy-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:10px}.empty-result,.loading-result,.error-result{text-align:center;min-height:440px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-result strong,.loading-result strong{color:var(--text);margin-top:20px}.empty-result p{max-width:300px;font-size:13px;line-height:1.5}.scan-icon{border:1px solid var(--line);border-radius:16px;width:74px;height:74px;position:relative}.scan-icon:after{content:"";background:var(--green);height:1px;box-shadow:0 0 14px var(--green);position:absolute;top:35px;left:12px;right:12px}.loader{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}.loading-result span{margin-top:8px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.summary-card{background:var(--green-soft);border:1px solid #00ffcc38;border-radius:12px;padding:18px}.summary-label{color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:900}.summary-card p{margin:8px 0 0;font-size:14px;line-height:1.55}.quality-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 24px;display:grid}.quality-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:12px}.quality-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.quality-item strong{margin-top:6px;font-size:13px;display:block}.findings-heading{justify-content:space-between;align-items:center;display:flex}.findings-heading h3{font-size:14px}.findings-heading span{color:var(--muted);font-size:11px}.findings-list{gap:8px;max-height:290px;display:grid;overflow:auto}.finding{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;grid-template-columns:34px 1fr auto;gap:11px;padding:14px;display:grid}.finding-number{background:var(--green-soft);width:30px;height:30px;color:var(--green);border-radius:8px;place-items:center;font:800 11px ui-monospace,monospace;display:grid}.finding strong{text-transform:capitalize;font-size:13px}.finding p{color:var(--muted);grid-column:2/4;margin:1px 0 0;font-size:11px;line-height:1.45}.confidence{color:var(--amber);font:700 11px ui-monospace,monospace}.source{color:var(--muted);text-transform:uppercase;font-size:9px}.warnings{color:var(--amber);border-left:2px solid var(--amber);margin-top:12px;padding:8px 12px;font-size:11px;line-height:1.5}.analysis-trace{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.trace-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.trace-heading h3{margin:0;font-size:14px}.trace-heading span{color:var(--muted);text-transform:uppercase;font:700 9px ui-monospace,monospace}.trace-note{color:var(--muted);margin:7px 0 12px;font-size:10px;line-height:1.45}#analysis-log{gap:7px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.trace-entry{border:1px solid var(--line);background:#ffffff05;border-radius:9px;grid-template-columns:10px 1fr auto;align-items:start;gap:10px;padding:10px;display:grid}.trace-status{background:var(--green);border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 8px #00ffcc59}.trace-failed .trace-status{background:var(--danger);box-shadow:0 0 8px #ff484859}.trace-entry strong{font-size:11px}.trace-entry p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.trace-entry time{color:var(--muted);white-space:nowrap;font:700 9px ui-monospace,monospace}.error-result{color:var(--danger);border:1px solid #ff484833;border-radius:12px;min-height:180px;padding:24px}.mode-switch{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;gap:5px;margin:0 0 14px;padding:4px;display:inline-flex}.mode-button{color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 14px;font:800 10px ui-monospace,monospace}.mode-button.mode-active{color:#000a1f;background:var(--green)}.video-preview-shell{border:1px solid var(--line);background:#000a1f;border-radius:12px;position:relative;overflow:hidden}.video-preview-shell video{background:#000;width:100%;max-height:410px;display:block}.video-meta{color:var(--muted);padding:10px 14px;font:700 9px ui-monospace,monospace}.video-guidance{margin-top:14px}.summary-card.summary-failed{background:#ffa60014;border-color:#ffa60059}.vehicle-identity{border:1px solid var(--line);background:var(--panel-soft);border-radius:11px;margin:12px 0 18px;padding:14px}.vehicle-identity span,.vehicle-identity strong{display:block}.vehicle-identity span{color:var(--muted);text-transform:uppercase;font:800 8px ui-monospace,monospace}.vehicle-identity strong{margin-top:7px;font-size:17px}.vehicle-identity p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.45}.coverage-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.coverage-item{border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:flex}.coverage-item span{border-radius:50%;place-items:center;width:18px;height:18px;font-weight:900;display:grid}.coverage-ok span{color:var(--green);background:var(--green-soft)}.coverage-missing{border-color:#ffa60040}.coverage-missing span{color:var(--amber);background:#ffa6001a}.missing-elements{border-left:2px solid var(--amber);color:var(--amber);margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.5}.video-damage-list{gap:8px;margin-top:8px;display:grid}.video-damage-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;padding:12px}.video-damage-title,.video-damage-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-damage-title strong{font-size:12px}.video-damage-meta{color:var(--muted);margin-top:7px;font:700 9px ui-monospace,monospace}.video-damage-card p,.video-damage-empty{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.5}.video-damage-empty{border:1px dashed var(--line);border-radius:10px;padding:12px}.video-frame-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px;display:grid}.video-frame{border:1px solid var(--line);background:#000a1f;border-radius:10px;margin:0;overflow:hidden}.video-frame img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.video-frame figcaption{color:var(--muted);padding:8px 10px;font:700 8px ui-monospace,monospace}.inspection-details{border:1px solid var(--line);background:#1f1f3de6;border-radius:16px;margin:22px 0 70px;padding:30px}.details-heading,.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.details-heading h2{letter-spacing:-.03em;margin:7px 0 8px;font-size:28px}.details-heading>div>p:last-child,.section-heading p{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.export-button{border:1px solid var(--green);background:var(--green-soft);color:var(--green);cursor:pointer;white-space:nowrap;border-radius:10px;padding:12px 16px;font-weight:800}.resource-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:26px 0 14px;display:grid}.resource-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:11px;min-height:126px;padding:13px}.resource-card strong,.resource-card p{display:block}.resource-card strong{margin-top:12px;font-size:12px}.resource-card p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.45}.resource-state{text-transform:uppercase;border-radius:999px;padding:4px 7px;font:800 8px ui-monospace,monospace;display:inline-block}.resource-active{color:var(--green);background:var(--green-soft)}.resource-pending{color:var(--amber);background:#ffa6001a}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.comparison-card{border:1px solid var(--line);background:#ffffff04;border-radius:13px;padding:18px}.comparison-active{border-color:#00ffcc4d}.comparison-inactive{border-color:#ffa60047}.comparison-card-heading{color:var(--muted);text-transform:uppercase;justify-content:space-between;font:800 9px ui-monospace,monospace;display:flex}.comparison-active .comparison-card-heading span{color:var(--green)}.comparison-inactive .comparison-card-heading span{color:var(--amber)}.comparison-card h3{margin:18px 0 6px;font-size:17px}.comparison-card>p,.comparison-card small{color:var(--muted);font-size:10px;line-height:1.5}.comparison-card ul{flex-wrap:wrap;gap:5px;margin:14px 0;padding:0;list-style:none;display:flex}.comparison-card li{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:8px}.comparison-findings{background:var(--panel-soft);border-radius:9px;gap:5px;margin-bottom:10px;padding:10px;display:grid}.comparison-findings span{text-transform:capitalize;font-size:10px}.visual-evidence,.variant-catalog{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.section-heading h3{margin:0 0 6px;font-size:17px}#finding-visuals{gap:12px;margin-top:16px;display:grid}.finding-evidence{border:1px solid var(--line);background:var(--panel-soft);border-radius:13px;overflow:hidden}.finding-evidence-heading{grid-template-columns:34px 1fr auto;align-items:start;gap:11px;padding:14px;display:grid}.finding-evidence-heading>span{width:30px;height:30px;color:var(--green);background:var(--green-soft);border-radius:8px;place-items:center;font:800 10px ui-monospace,monospace;display:grid}.finding-evidence-heading h4{text-transform:capitalize;margin:0;font-size:13px}.finding-evidence-heading p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.45}.finding-evidence-heading>strong{color:var(--amber);font:800 10px ui-monospace,monospace}.finding-variant-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:0 14px 14px 59px;display:grid}.variant-visual,.variant-card{border:1px solid var(--line);background:#000a1f;border-radius:10px;margin:0;overflow:hidden}.variant-image-wrap{place-items:center;display:grid;position:relative;overflow:hidden}.variant-image-wrap img{object-fit:contain;width:100%;height:100%}.visual-box{border:2px solid var(--green);background:#00ffcc14;position:absolute;box-shadow:0 0 0 1px #000a1fcc,0 0 12px #0fc6}.variant-visual figcaption{color:var(--muted);text-transform:uppercase;padding:8px 10px;font-size:9px}.variant-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px;display:grid}.variant-card img{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.variant-card figcaption{padding:10px}.variant-card strong,.variant-card span,.variant-card small{display:block}.variant-card strong{font-size:10px}.variant-card span{color:var(--green);margin-top:5px;font-size:9px}.variant-card small{color:var(--muted);margin-top:3px;font-size:8px}.no-visuals{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:10px;padding:24px;font-size:11px}.cvat-note{border-left:2px solid var(--amber);color:var(--muted);margin:22px 0 0;padding:9px 12px;font-size:10px;line-height:1.5}@media (max-width:900px){.topbar{padding:10px 3vw}.model-picker{min-width:170px}.model-picker select{max-width:190px}main{width:min(94vw,720px)}.hero{flex-direction:column;align-items:start;min-height:auto;padding-top:48px}.flow{display:none}.workspace{grid-template-columns:1fr}.upload-panel{border-right:0;border-bottom:1px solid var(--line)}.panel{min-height:auto;padding:22px}.guidance{grid-template-columns:1fr}.inspection-details{padding:20px}.details-heading{flex-direction:column;align-items:start}.resource-grid,.variant-grid,.video-frame-grid{grid-template-columns:repeat(2,1fr)}.comparison-grid{grid-template-columns:1fr}.finding-variant-grid{padding-left:14px}}@media (max-width:700px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:9px 14px}.topbar-navigation{grid-area:2/1/auto/-1;justify-self:stretch;width:100%}.topbar-account{grid-area:1/2}.topbar-model{grid-area:3/1/auto/-1;justify-self:stretch;width:100%}}@media (max-width:560px){.topbar{gap:12px}.brand-name,.model-picker label{display:none}.model-picker{width:min(42vw,165px);min-width:0}.model-picker select{min-height:44px;padding-left:9px;font-size:9px}.resource-grid,.variant-grid,.video-frame-grid,.coverage-grid{grid-template-columns:1fr}.export-button{width:100%}}