:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-strong: #eef3f5;--ink: #172026;--muted: #66737f;--line: #d7dee3;--accent: #0f766e;--accent-strong: #115e59;--blue: #2563eb;--good: #15803d;--warn: #a16207;--bad: #b91c1c;--shadow: 0 18px 45px rgba(20, 31, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-y:auto;overscroll-behavior-y:auto}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.app-header p,.panel-title p{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.app-header h1{margin:0;font-size:30px;line-height:1.1}.app-header span{display:block;margin-top:8px;color:var(--muted);max-width:780px}.header-actions{display:flex;align-items:center;gap:10px}.workspace{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr) minmax(420px,1fr);align-items:start;gap:16px;padding:16px}.work-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;min-width:0}.library-panel,.result-panel{min-height:calc(100vh - 118px)}.benchmark-panel{grid-column:2 / 4}.speed-panel{grid-column:3}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink)}.icon-button.ghost{background:transparent}.primary-action{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;padding:10px 14px}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.badge.good{color:var(--good);border-color:#15803d38;background:#15803d14}.badge.warn{color:var(--warn);border-color:#a1620738;background:#a1620714}.badge.bad{color:var(--bad);border-color:#b91c1c38;background:#b91c1c14}.library-list,.scenario-row{display:grid;gap:8px}.image-picker{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;margin-bottom:10px}.image-actions{display:flex;gap:8px;justify-content:flex-start;align-items:center;margin-bottom:12px}.upload-action,.analyze-action{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(37,99,235,.24);border-radius:8px;background:#2563eb14;color:var(--blue);font-weight:850;padding:10px 13px}.upload-action{background:#fff;color:var(--ink);border-color:var(--line);cursor:pointer}.upload-action input{display:none}.analyze-action:disabled{cursor:not-allowed;opacity:.45}.image-card{flex:0 0 250px;scroll-snap-align:start;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);overflow:hidden;padding:0;text-align:left}.image-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.image-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.sample-image-wrap{position:relative;display:block}.image-card>span:last-child{display:block;padding:8px 9px;min-height:38px;color:var(--muted);font-size:12px;font-weight:800}.perception-note{display:grid;gap:4px;border:1px solid rgba(37,99,235,.2);border-radius:8px;padding:10px;margin-bottom:12px;background:#2563eb0f}.perception-note strong{color:var(--blue);font-size:13px}.perception-note span{color:var(--muted);font-size:13px;line-height:1.45}.detection-list{display:grid;gap:6px;margin-top:8px}.detection-list div{display:grid;grid-template-columns:44px 1fr;gap:3px 8px;align-items:start;border-top:1px solid rgba(37,99,235,.14);padding-top:6px}.detection-list b{grid-row:1 / 3;color:var(--accent-strong);font-size:13px}.detection-list em{grid-column:2;color:var(--muted);font-size:12px;font-style:normal}.selected-image-scan{margin:12px 0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.scan-image{position:relative;width:min(100%,620px);margin:0 auto;border-radius:8px;overflow:hidden;background:var(--surface-strong)}.scan-image img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.scan-box{position:absolute;border:3px solid rgba(15,118,110,.95);background:#0f766e14;box-shadow:0 0 0 1px #ffffffe6;cursor:pointer;z-index:3}.scan-box--ellipse{border-radius:999px}.scan-box.selected{border-color:#2563eb;background:#2563eb1f;box-shadow:0 0 0 2px #fffffff2,0 0 0 5px #2563eb38}.scan-box span{position:absolute;left:-3px;top:-28px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#0f766ef2;color:#fff;font-size:12px;font-weight:800;padding:4px 7px}.motion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.motion-overlay path{fill:none;stroke:#dc2626;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#motion-arrow-head);filter:drop-shadow(0 1px 1px rgba(255,255,255,.9))}.motion-overlay marker path{fill:#dc2626;stroke:none}.motion-overlay text{fill:#dc2626;paint-order:stroke;stroke:#fff;stroke-width:.9;font-size:4px;font-weight:900;text-transform:uppercase}.detection-inspector{display:grid;gap:9px;margin-top:10px;border:1px solid rgba(37,99,235,.24);border-radius:8px;background:#2563eb0f;padding:12px}.detection-inspector>div:first-child{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}.detection-inspector span,.detection-inspector dt{color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase}.detection-inspector strong{color:var(--ink);font-size:18px}.detection-inspector em{grid-row:1 / 3;grid-column:2;color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.detection-inspector p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.detection-inspector dl{display:grid;gap:7px;margin:0}.detection-inspector dl div{display:grid;grid-template-columns:92px 1fr;gap:10px;border-top:1px solid rgba(37,99,235,.14);padding-top:7px}.detection-inspector dd{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.library-item,.scenario{text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.library-item{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:10px}.library-item span{color:var(--muted);font-size:13px}.library-item .badge{grid-row:1 / 3;grid-column:2;align-self:center}.library-item.active,.scenario.active{border-color:var(--accent);background:#0f766e14}.schema-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.schema-grid div{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface-strong);min-height:58px}.schema-grid strong{display:block;color:var(--accent-strong)}.schema-grid span{color:var(--muted);font-size:12px}label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px;outline:none}textarea{min-height:104px;resize:vertical;overscroll-behavior:contain}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}input[readonly],textarea[readonly]{background:#f8fafb;color:var(--muted);cursor:default}.code-editor{min-height:430px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.scenario-row{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.scenario{padding:9px 10px;min-height:48px;font-weight:750}.form-grid,.evidence-grid{display:grid;gap:12px}.form-grid{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:repeat(2,1fr);margin-top:12px}.evidence-grid label:nth-child(5){grid-column:1 / -1}.weights{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.weights h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.weights label{grid-template-columns:56px 1fr 46px;align-items:center;gap:12px}.winner{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-strong)}.winner span{color:var(--muted);font-size:13px;font-weight:700}.winner strong{display:block;margin-top:3px;font-size:27px}.winner p{margin:4px 0 0;color:var(--accent-strong);font-weight:800}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.scorebar{border:1px solid var(--line);border-radius:8px;padding:10px}.scorebar-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:13px}.scorebar-top strong{color:var(--ink)}.scorebar-track{height:7px;background:#e4e9ed;border-radius:999px;overflow:hidden}.scorebar-fill{height:100%;background:var(--accent)}.candidate-table,.trace-list{display:grid;gap:8px;margin-top:12px}.candidate-row,.trace-item,.benchmark-row{display:grid;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.candidate-row{grid-template-columns:1fr auto auto}.trace-item{grid-template-columns:22px 1fr auto}.trace-item svg,.benchmark-row svg{color:var(--muted)}.trace-item.confirmed svg,.benchmark-row svg:first-child{color:var(--good)}.trace-item.contradicted svg{color:var(--bad)}.trace-item strong,.trace-item span{display:block}.trace-item span,.benchmark-row span{color:var(--muted);font-size:13px}.trace-item em,.benchmark-row em{color:var(--muted);font-style:normal;font-weight:800}.benchmark-row{grid-template-columns:24px 1fr auto;margin-top:8px}.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.speed-card{display:grid;gap:5px;min-height:132px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.speed-card.primary{border-color:#0f766e73;background:#0f766e12}.speed-card span,.speed-ratio span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.speed-card strong{font-size:30px;line-height:1}.speed-card em,.speed-footnote{color:var(--muted);font-size:12px;font-style:normal;line-height:1.4}.secondary-action{width:max-content;min-height:30px;border:1px solid rgba(37,99,235,.22);border-radius:7px;background:#2563eb14;color:var(--blue);font-size:12px;font-weight:850;padding:6px 10px}.secondary-action:disabled{cursor:not-allowed;opacity:.6}.yolo-findings{display:grid;gap:3px;margin-top:4px;border-top:1px solid var(--line);padding-top:8px}.yolo-findings b{color:var(--blue);font-size:11px;text-transform:uppercase}.yolo-findings span{color:var(--ink);font-size:13px;font-weight:750;text-transform:none}.speed-ratio{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:12px}.speed-ratio strong{display:block;color:var(--accent-strong);font-size:24px}.speed-ratio p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.speed-footnote{margin-top:10px}.empty-state{min-height:260px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}@media(max-width:1380px){.workspace{grid-template-columns:1fr 1fr}.result-panel{grid-column:1 / -1;min-height:auto}.benchmark-panel,.speed-panel{grid-column:1 / -1}}@media(max-width:880px){.app-header,.workspace{padding:12px}.app-header{position:static;flex-direction:column}.workspace,.form-grid,.evidence-grid,.score-grid,.scenario-row,.speed-grid,.speed-ratio{grid-template-columns:1fr}.image-card{flex-basis:210px}.library-panel{min-height:auto}.app-header h1{font-size:25px}}