.nn-main{width:min(100% - 48px,1360px);margin-inline:auto;padding:var(--space-6) 0 var(--space-7)}.nn-back-link{display:inline-block;margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;color:var(--color-ink-soft);text-decoration:none}.nn-back-link:hover{color:var(--color-accent);text-decoration:underline}.nn-intro{max-width:680px;margin-bottom:var(--space-5)}.nn-intro p{color:var(--color-ink-soft)}.nn-quickstart{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-4);list-style:none;counter-reset:nn-step;background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.nn-quickstart li{counter-increment:nn-step;position:relative;padding-left:2rem;font-size:.86rem;color:var(--color-ink-soft);line-height:1.5}.nn-quickstart li:before{content:counter(nn-step);position:absolute;left:0;top:.05rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--color-accent);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.nn-quickstart strong{color:var(--color-ink)}.nn-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.nn-toolbar-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.nn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);padding:.5rem 1.05rem;font:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition),transform var(--transition)}.nn-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.nn-btn:active{transform:translateY(1px)}.nn-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.nn-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.nn-btn-primary:hover{background:var(--color-accent-ink);border-color:var(--color-accent-ink);color:#fff}.nn-btn-block{width:100%}.nn-btn-icon{font-size:.7rem}.nn-stat{display:flex;flex-direction:column;gap:.1rem;min-width:62px}.nn-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);font-weight:700}.nn-stat-value{font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--color-heading)}.nn-field{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint)}.nn-field select{font:inherit;text-transform:none;letter-spacing:normal;font-weight:600;font-size:.85rem;padding:.4rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink)}.nn-workspace{display:grid;grid-template-columns:216px 1fr 250px;gap:var(--space-4);align-items:start}.nn-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.nn-panel-title{margin:0 0 var(--space-3);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-faint);font-weight:700}.nn-dataset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.nn-dataset-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);padding:.45rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.nn-dataset-btn canvas{border-radius:4px;display:block}.nn-dataset-btn span{font-size:.7rem;font-weight:600;color:var(--color-ink-soft)}.nn-dataset-btn:hover{transform:translateY(-1px)}.nn-dataset-btn.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.nn-slider-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--color-ink-soft);margin-bottom:var(--space-3)}.nn-slider-field output{font-family:var(--font-mono);color:var(--color-heading);font-weight:600}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;background:var(--color-border-strong);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.nn-checkbox-field{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-ink-soft);margin-top:var(--space-3)}.nn-diagram-panel{min-width:0}.nn-diagram-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.nn-diagram-header .nn-panel-title{margin:0}.nn-diagram-legend{display:flex;gap:var(--space-3);font-size:.76rem;font-weight:600;color:var(--color-ink-soft)}.nn-swatch{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.35rem;vertical-align:middle}.nn-swatch-a{background:var(--color-accent)}.nn-swatch-b{background:var(--color-gold)}.nn-swatch-train{background:var(--color-accent)}.nn-swatch-test{background:var(--color-gold)}.nn-diagram-body{display:flex;gap:var(--space-4);align-items:flex-start}.nn-feature-list{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;min-width:128px;flex-shrink:0}.nn-feature-list legend{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);font-weight:700;padding:0;margin-bottom:.2rem}.nn-feature-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .3rem;border-radius:var(--radius-sm);cursor:pointer}.nn-feature-item:hover{background:var(--color-accent-soft)}.nn-feature-item canvas{border-radius:3px;border:1px solid var(--color-border);flex-shrink:0}.nn-feature-item span{font-size:.76rem;font-weight:600;color:var(--color-ink-soft);font-family:var(--font-mono)}.nn-diagram-wrap{position:relative;overflow-x:auto;padding-top:32px;padding-bottom:10px;flex:1;min-width:0;scrollbar-width:thin}.nn-diagram-wrap::-webkit-scrollbar{height:8px}.nn-diagram-wrap::-webkit-scrollbar-track{background:transparent}.nn-diagram-wrap::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.nn-diagram-wrap::-webkit-scrollbar-thumb:hover{background:var(--color-ink-faint)}.nn-layer-controls{position:absolute;top:0;left:0;height:28px}.nn-layer-control{position:absolute;top:0;transform:translate(-50%);display:flex;align-items:center;gap:.2rem}.nn-layer-control button{width:20px;height:20px;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-ink);font-size:.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.nn-layer-control button:hover{border-color:var(--color-accent);color:var(--color-accent)}.nn-layer-control button:disabled{opacity:.35;cursor:not-allowed}.nn-layer-control-count{font-family:var(--font-mono);font-size:.7rem;color:var(--color-ink-faint);min-width:13px;text-align:center}.nn-canvas{display:block}.nn-tooltip{position:absolute;pointer-events:none;background:var(--color-ink);color:var(--color-bg);font-size:.74rem;font-family:var(--font-mono);padding:.35rem .55rem;border-radius:var(--radius-sm);transform:translate(-50%,-125%);white-space:nowrap;z-index:5;box-shadow:var(--shadow-md)}:root[data-theme=dark] .nn-tooltip{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border-strong)}.nn-layer-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.nn-hint{font-size:.76rem;color:var(--color-ink-faint)}.nn-loss-chart{width:100%;height:auto;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.nn-loss-legend{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:.78rem;font-weight:600;color:var(--color-ink-soft)}.nn-explainer{margin-top:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.nn-explainer summary{cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--color-heading);font-family:var(--font-display)}.nn-explainer-body{margin-top:var(--space-3);color:var(--color-ink-soft);display:flex;flex-direction:column;gap:var(--space-2);max-width:68ch}.nn-explainer-body strong{color:var(--color-ink)}.nn-explainer-body h3{margin:var(--space-2) 0 0;font-size:.95rem;color:var(--color-heading)}.nn-explainer-body ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-2)}.nn-explainer-body li{line-height:1.55}@media(max-width:1180px){.nn-workspace{grid-template-columns:1fr}}@media(max-width:640px){.nn-toolbar{flex-direction:column;align-items:stretch}.nn-diagram-body{flex-direction:column}.nn-feature-list{flex-direction:row;flex-wrap:wrap;min-width:0}}