:root{color:#182019;font-synthesis:none;--muted:#6b756c;--line:#cbd0c5;background:#eef0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:4px;min-height:42px;padding:0 18px}button:hover:not(:disabled){background:#e0e6d6}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #526d30}a{color:inherit;text-decoration:none}.site-header,.lab,footer{width:min(1120px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:56px 0 32px;display:flex}h1{letter-spacing:-1.2px;margin:0;font-size:32px;font-weight:700}h1>span:first-child{margin-right:4px}.suffix{font-weight:400}.site-header p{color:var(--muted);margin:8px 0 0;font-size:16px;line-height:1.5}.header-links{flex-shrink:0;gap:10px;display:flex}.header-links a{border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.header-links svg{fill:currentColor;width:18px;height:18px}.header-links a:hover{background:#e0e6d6}.header-links .github-link{color:#eff4df;background:#21331d;border-color:#21331d}.header-links .github-link:hover{background:#34492b;border-color:#34492b}.lab{grid-template-columns:minmax(0,1fr) 64px minmax(0,1.6fr);padding-top:40px;display:grid}.panel{grid-template-rows:44px 1fr 62px;min-width:0;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{margin:0;font-size:15px;font-weight:600}.panel-heading>span{color:var(--muted);font-size:12px}.canvas-frame,.svg-frame{border-radius:5px;position:relative;overflow:hidden}.canvas-frame{aspect-ratio:1;background:#172019}.canvas-frame:before,.canvas-frame:after{content:"";pointer-events:none;border:solid #617652;width:12px;height:12px;position:absolute}.canvas-frame:before{border-width:1px 0 0 1px;top:15px;left:15px}.canvas-frame:after{border-width:0 1px 1px 0;bottom:15px;right:15px}#drawing{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.canvas-hint{color:#90a184;pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.flow-arrow{text-align:center;color:#8e9b7f;align-self:center;font-size:30px}.svg-frame{background:#111713;place-items:center;display:grid}#brain-image{width:100%;max-width:560px;height:auto;display:block}.controls{justify-content:flex-end;align-items:end;gap:8px;padding-top:12px;font-size:12px;display:flex}body.is-recognizing,body.is-recognizing *{cursor:progress!important}.is-recognizing #brain-image{opacity:.3}.recognition-progress,.load-error{color:#eff4df;pointer-events:none;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.recognition-spinner{border:2px solid #455439;border-top-color:#dbf377;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-error{color:#efcf8a;background:#111713;line-height:1.7}footer{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:16px;padding:32px 0;font-size:10px;display:flex}footer a:hover{text-decoration:underline}@media (width<=760px){.site-header,.lab,footer{width:calc(100% - 36px)}.site-header{align-items:flex-start;gap:16px;padding:28px 0 24px}h1{font-size:28px}.site-header p{font-size:14px}.header-links{gap:8px}.header-links a{width:44px;padding:0}.header-links span{display:none}.lab{grid-template-columns:1fr;gap:24px;padding-top:20px}.panel{grid-template-rows:40px auto}.canvas-frame{justify-self:center;width:min(100%,380px)}.flow-arrow{display:none}.svg-frame{min-height:0}footer{padding-top:28px}}@media (prefers-reduced-motion:reduce){.recognition-spinner{animation:none}}