.nl{max-width:1250px;margin:32px auto;padding:clamp(20px,3vw,36px);border-radius:28px;color:#16476a;font-family:Nunito,'Segoe UI',sans-serif}.nl *{box-sizing:border-box}.nl [hidden]{display:none!important}.nl-heading{text-align:center;margin-bottom:24px}.nl h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 14px}.nl h2{font-size:1.4rem;margin:0 0 18px}.nl p{line-height:1.65}.nl-panel{padding:24px;border-radius:24px;min-width:0}.nl-setup{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px}.nl-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.nl label{display:grid;gap:6px;font-size:.86rem;font-weight:800;min-width:0}.nl input,.nl select{font:inherit;color:inherit;min-height:44px;background:#fcfeff;border:1px solid #b8cfde;border-radius:10px;padding:8px 10px;max-width:100%}.nl input[type=checkbox]{min-height:0}.nl button,.nl .nl-file{font:800 .9rem Nunito,'Segoe UI',sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #b8cfde;border-radius:999px;text-decoration:none;cursor:pointer}.nl button:disabled{opacity:.45;cursor:default}.nl [aria-pressed=true]{box-shadow:inset 0 0 0 2px #4e95b9!important}.nl :focus-visible{outline:3px solid #397eab;outline-offset:3px}.nl #drawing{display:block;width:100%;max-width:320px;aspect-ratio:1;height:auto;background:#142d43;image-rendering:pixelated;touch-action:none;margin-bottom:16px;border-radius:8px;cursor:crosshair}.nl .nl-check{display:flex;align-items:center;gap:8px;margin:14px 0}.nl-small{font-size:.83rem;color:#4e7187}.nl-metrics{display:flex;gap:24px;flex-wrap:wrap}.nl-metrics strong{font-size:1.4rem}.nl #flow{min-height:3.3em;font-weight:800}.nl #loss-chart{width:100%;height:150px}.nl-network{margin-top:22px}.nl-network-scroll{overflow-x:auto;border-radius:16px}.nl #network{display:block;width:1000px;min-width:100%;height:540px;cursor:pointer}.nl-results{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:22px;margin-top:22px}.nl-output{display:grid!important;grid-template-columns:22px 1fr 65px;gap:10px;align-items:center;width:100%;margin:6px 0;text-align:left}.nl-output-bar{height:12px;background:#dcebf3;border-radius:8px;overflow:hidden}.nl-output-bar span{display:block;height:100%;background:#6daec8}.nl-output[data-target=true]{box-shadow:inset 0 0 0 2px #73ad98!important}.nl-table{max-height:300px;overflow:auto}.nl table{border-collapse:collapse;width:100%;font-size:.78rem}.nl th,.nl td{text-align:right;padding:7px 5px;white-space:nowrap}.nl th:first-child,.nl td:first-child{text-align:left}.nl thead{background:#f3f9fc;position:sticky;top:0}.nl-data{margin-top:22px}.nl summary{font-weight:800;cursor:pointer}.nl #notice{min-height:2em;font-weight:700}.nl-file input{max-width:220px;font-size:.75rem}.nl #architecture{font-weight:800}.nl #layer-widths{margin-bottom:0}.nl #prediction{min-height:3.3em}
@media(max-width:900px){.nl-setup,.nl-results{grid-template-columns:1fr}.nl{margin:20px 12px}.nl-panel{padding:18px}.nl #drawing{margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.nl *{scroll-behavior:auto!important}}
