:root{color-scheme:light;--ink:#222c3f;--muted:#596579;--line:#dbe0e8;--accent:#3456c0;--surface:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}button,a,input{font:inherit}a{color:var(--accent);text-underline-offset:3px}button{padding:8px 14px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--ink);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{max-width:1200px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:14px}.brand{font-size:20px;text-decoration:none;color:var(--ink)}.version{font-size:12px;margin-left:6px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:40px 28px}.intro{max-width:820px;margin-bottom:30px}.overline{font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}h1{font-size:34px;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin:10px 0 16px}h2{font-size:20px;font-weight:600;margin:26px 0 12px}p{margin:10px 0 18px}nav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{border:0;border-radius:0;padding:10px 0;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.workbench{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.input-panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.output-panel{padding:0 8px}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.section-title h2{margin:0}.section-title span{font-size:13px;color:var(--muted)}canvas{display:block;width:256px;height:256px;max-width:100%;margin:auto;background:#080a0e;border:1px solid var(--line);touch-action:none}.sample-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 10px;font-size:14px}.input-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{font-size:14px;color:var(--muted)}.prediction{display:flex;gap:24px;align-items:center;min-height:116px}.prediction>strong{font-size:64px;font-weight:550;line-height:1}.prediction p{margin:3px 0}.primary{background:var(--ink);border-color:var(--ink);color:white;min-width:170px;margin:12px 0 16px}.probability{display:grid;grid-template-columns:18px 1fr 54px;gap:12px;align-items:center;font-size:13px;margin:8px 0}.track{height:8px;background:var(--surface);overflow:hidden;border-radius:2px}.bar{height:100%;background:var(--accent);width:0}.probability.best{font-weight:650}details{border-top:1px solid var(--line);padding-top:14px}summary{font-size:14px;cursor:pointer}.mono{font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:36px;padding-top:24px;gap:20px}.summary span{display:block;font-size:13px;color:var(--muted)}.summary strong{display:block;font-size:25px;font-weight:550;margin-top:7px}#error{color:#a02c20;font-size:14px}.chart-wrap{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:5px}svg{display:block;width:100%;height:auto}.legend{display:flex;gap:24px;font-size:13px;margin-bottom:0}.legend span::before{content:'';display:inline-block;width:14px;height:3px;background:var(--accent);margin-right:7px;vertical-align:middle}.legend span:last-child::before{background:#677487}.table-scroll{overflow-x:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-weight:600;background:var(--surface)}th,td{border-bottom:1px solid var(--line);padding:10px 12px}.pipeline{padding-left:24px}.pipeline li{margin:12px 0}.resources{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}footer{max-width:1120px;margin:20px auto;padding:20px 28px;color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(max-width:700px){header{padding:16px;flex-wrap:wrap}header>span{display:none}main{padding:24px 16px}h1{font-size:28px}nav{gap:15px;font-size:14px}.workbench{grid-template-columns:1fr;gap:28px}.summary{grid-template-columns:repeat(2,1fr)}.section-title{align-items:start;flex-wrap:wrap}.input-panel{padding:18px}footer{padding:16px}}