:root{--bg:#07100d;--panel:#0d1b15;--panel2:#11251b;--line:#244137;--muted:#8ca99a;--text:#edf7ef;--green:#9be7ae;--teal:#70d1bd;--amber:#e2bc78;--red:#ef9b91;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -5%,#1b473333,transparent 34rem),var(--bg);color:var(--text);font:14px/1.6 var(--sans)}button,input{font:inherit}button{cursor:pointer}.demo-wrap{max-width:1180px;margin:auto;padding:28px 28px 42px}.site-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.brand-lockup{display:flex;gap:11px;align-items:center}.brand-lockup strong{display:block;font-size:17px;letter-spacing:.12em}.brand-lockup div span{display:block;color:#7f9e8d;font:9px/1.2 var(--mono);letter-spacing:.12em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--green);color:#092014;font-weight:900;font-size:21px}.local-status{color:var(--green);font:10px var(--mono);letter-spacing:.09em}.local-status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #9be7ae1b}.local-status span{color:#6d8c7b;margin-left:10px}.notice{border:1px solid #bd925c66;background:linear-gradient(105deg,#3b2d1d55,#17251b99);border-radius:13px;padding:23px 25px}.notice-label,.eyebrow{font:10px var(--mono);letter-spacing:.13em;color:var(--amber)}.notice h1{font-size:clamp(19px,3vw,30px);line-height:1.15;margin:11px 0 10px;letter-spacing:-.04em}.notice h1 em{font-style:normal;color:#f1cc8a}.notice p{max-width:880px;color:#d2dfd2;margin:0}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;padding:58px 0 38px}.intro-grid h2,.section-heading h2,.export-block h2{font-size:clamp(23px,3vw,34px);line-height:1.08;letter-spacing:-.045em;margin:7px 0 11px}.lede{max-width:650px;color:var(--muted);font-size:16px}.boundary-card{align-self:end;border-left:2px solid var(--teal);padding:14px 20px;background:#0b1913}.boundary-card strong{font:10px var(--mono);letter-spacing:.12em;color:var(--teal)}.boundary-card ul{padding-left:20px;margin:9px 0 0;color:#b4c9ba;font-size:12px}.boundary-card li{margin:4px 0}.section-block{border-top:1px solid var(--line);padding:35px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:25px;margin-bottom:0}.section-note{font:10px var(--mono);color:#6f8e7d;text-align:right}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.case-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:17px;text-align:left;color:var(--text);transition:.18s;border-top:2px solid #315644}.case-card:hover,.case-card.selected{border-color:#6fc7a080;background:var(--panel2);transform:translateY(-2px)}.case-card.selected{border-top-color:var(--green)}.case-card .case-index{font:10px var(--mono);color:var(--teal)}.case-card h3{font-size:17px;margin:18px 0 7px}.case-card p{color:var(--muted);font-size:12px;min-height:40px}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.tag{font:9px var(--mono);border:1px solid #365846;color:#9bc4a7;padding:3px 6px;border-radius:4px}.case-detail{margin-top:14px}.detail-card{border:1px solid #426b54;background:#0d2118;border-radius:10px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-card h3{margin:0 0 8px;font-size:15px}.detail-card p,.detail-card li{color:#b4c9ba;font-size:12px}.detail-card ul{padding-left:18px;margin:7px 0}.ground-truth{border-left:2px solid var(--amber);padding-left:16px}.observation{border-left:2px solid var(--teal);padding-left:16px}.label{font:9px var(--mono);letter-spacing:.1em;display:block;margin-bottom:5px}.ground-truth .label{color:var(--amber)}.observation .label{color:var(--teal)}.mini-data{font:11px var(--mono);background:#07110c;padding:10px;overflow:auto;color:#cbe7cf;border-radius:5px;white-space:pre-wrap}.thumb-pair{display:flex;gap:10px;margin:8px 0}.thumb-pair img{width:106px;height:70px;object-fit:cover;border:1px solid #41604d;border-radius:5px;background:#08130e}.upload-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.dropzone{min-height:190px;border:1px dashed #527c60;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:#0b1912;cursor:pointer}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:#10251a}.dropzone{position:relative}.dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.dropzone:focus-within{outline:2px solid var(--green);outline-offset:3px}.upload-icon{font-size:32px;line-height:1;color:var(--green);margin-bottom:8px}.dropzone strong{font-size:14px}.dropzone small{display:block;max-width:300px;color:var(--muted);margin-top:8px;font-size:11px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px}.empty-state{display:grid;place-items:center;text-align:center;color:#adc4b2;min-height:190px}.empty-state span{color:#718f7e;font-size:11px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.metric{background:#09150f;padding:10px;border-radius:5px}.metric b{display:block;font:10px var(--mono);color:#6e987b;text-transform:uppercase}.metric span{display:block;margin-top:3px;color:#d2e7d4;word-break:break-word;font-size:12px}.preview{width:100%;max-height:260px;object-fit:contain;background:#050a07;border-radius:5px;margin-top:12px}.diff-wrap{margin-top:12px}.diff-wrap canvas{width:100%;max-height:180px;object-fit:contain;background:#050a07;border-radius:5px}.muted{color:var(--muted);font-size:12px}.warning{color:var(--amber);font-size:11px}.export-block{display:flex;align-items:center;justify-content:space-between;gap:25px}.export-block p{color:var(--muted);margin:8px 0 0}.button{border:1px solid #5a8d68;border-radius:6px;padding:11px 15px;background:#142a1c;color:var(--green);font-weight:650;white-space:nowrap}.button:hover{background:#1c3c26}.button.primary{background:var(--green);border-color:var(--green);color:#092014}.button.primary:hover{background:#c0f3c8}footer{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#6f8e7d;font:10px var(--mono);letter-spacing:.06em}code{font-family:var(--mono);color:#b9e8bd}@media(max-width:760px){.demo-wrap{padding:19px 16px 32px}.site-header{margin-bottom:25px}.local-status span{display:none}.intro-grid,.upload-layout,.detail-card{grid-template-columns:1fr}.intro-grid{padding:38px 0 28px}.case-grid{grid-template-columns:1fr}.section-heading{display:block}.section-note{text-align:left;display:block;margin-top:8px}.export-block{display:block}.export-block .button{margin-top:18px}footer{display:block}footer span{display:block;margin-top:5px}.notice h1{font-size:20px}}