:root,[data-bench="day"]{--np-slot-0:#2b2418;--np-slot-1:#be312d;--np-slot-2:#457128;--np-slot-3:#7c6013;--np-slot-4:#3761c3;--np-slot-5:#1d6f7c;--np-slot-6:#a23f91;--np-slot-7:#73654a;--np-panel:#f7f0da;--np-panel-2:#ece0c0;--np-edge:#c1ae80;--np-text:#3b3222;--np-text-dim:#6d5b36;--np-key:#fffdf4;--np-key-2:#eee2c2;--np-key-edge:#9d8a5f;--np-key-text:#4e3d1e;--np-key-sym:#2d55ad;--np-accent:#4e3d1e;--np-accent-text:#f8f2e0;--np-good:#46552b;--np-good-bg:rgba(95,111,61,0.16);--np-bad:#9c3226;--np-bad-bg:rgba(168,56,44,0.12);--np-scrim:rgba(38,24,12,0.62)}[data-bench="night"]{--np-slot-0:#878073;--np-slot-1:#ff0000;--np-slot-2:#00ff00;--np-slot-3:#ffff00;--np-slot-4:#7070ff;--np-slot-5:#00ffff;--np-slot-6:#ff00ff;--np-slot-7:#ffffff;--np-panel:#171412;--np-panel-2:#0f0d0b;--np-edge:#3d3529;--np-text:#e2d7c0;--np-text-dim:#9d9080;--np-key:#2e2820;--np-key-2:#221d16;--np-key-edge:#4f4433;--np-key-text:#eadcbe;--np-key-sym:#96a6ff;--np-accent:#e8bd7a;--np-accent-text:#17130d;--np-good:#b6d78a;--np-good-bg:rgba(140,190,90,0.12);--np-bad:#f0a894;--np-bad-bg:rgba(220,90,70,0.14);--np-scrim:rgba(0,0,0,0.74)}.npSlot-0{color:var(--np-slot-0)}.npSlot-1{color:var(--np-slot-1)}.npSlot-2{color:var(--np-slot-2)}.npSlot-3{color:var(--np-slot-3)}.npSlot-4{color:var(--np-slot-4)}.npSlot-5{color:var(--np-slot-5)}.npSlot-6{color:var(--np-slot-6)}.npSlot-7{color:var(--np-slot-7)}.np{font-weight:800;letter-spacing:0.02em;white-space:nowrap}.np .npCrew{margin-right:0.45em}.np .npFrame{opacity:0.6}.np .npAnon{font-weight:600;font-style:italic;opacity:0.55;letter-spacing:0}.np .npCaret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-0.12em;background:currentColor;animation:npBlink 1.05s steps(2,start) infinite}@keyframes npBlink{50%{opacity:0}}.npOverlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--np-scrim);overflow-y:auto;overscroll-behavior:contain}.npOverlay[hidden]{display:none}.npTray{width:100%;max-width:620px;margin:auto;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--np-edge);background:linear-gradient(180deg,var(--np-panel),var(--np-panel-2));box-shadow:0 24px 60px rgba(0,0,0,0.5);color:var(--np-text);font-family:"Segoe UI",system-ui,sans-serif;user-select:none;-webkit-user-select:none}.npTrayHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.npTrayHead h2{margin:0;font-size:17px;font-weight:800;color:var(--np-text)}.npTrayHead p{margin:2px 0 0;font-size:12.5px;color:var(--np-text-dim);line-height:1.45}.npClose{appearance:none;border:1px solid var(--np-key-edge);background:var(--np-key);color:var(--np-key-text);border-radius:8px;min-width:34px;min-height:34px;font:700 15px "Segoe UI",system-ui,sans-serif;cursor:pointer;flex:none;position:relative}@media (pointer:coarse){.npClose::after,.npSample::after{content:"";position:absolute;top:50%;left:50%;width:max(100%,48px);height:max(100%,48px);transform:translate(-50%,-50%)}.npSample{position:relative}}.npStage{border-radius:10px;border:1px solid var(--np-edge);background:var(--np-panel);box-shadow:inset 0 2px 8px rgba(0,0,0,0.14);padding:16px 12px;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow-x:auto}.npStage .np{font-size:clamp(19px,5.4vw,27px)}.npStageFold{font:600 10.5px ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0.07em;text-transform:uppercase;color:var(--np-text-dim)}.npFields{display:flex;gap:8px}.npField{flex:1 1 0;min-width:0;text-align:left;appearance:none;cursor:pointer;border-radius:9px;border:2px solid var(--np-edge);background:var(--np-key);color:var(--np-text);padding:7px 10px 8px;display:flex;flex-direction:column;gap:1px;font-family:inherit}.npField[aria-pressed="true"]{border-color:var(--np-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--np-accent) 26%,transparent)}.npField .npFieldLabel{font:700 9.5px ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0.1em;text-transform:uppercase;color:var(--np-text-dim)}.npField .npFieldValue{font-weight:800;font-size:15px;min-height:1.35em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npField .npFieldValue.is-empty{opacity:0.5;font-weight:600}.npKeys{display:flex;flex-direction:column;gap:5px}.npKeyRow{display:flex;gap:4px}.npKey{flex:1 1 0;min-width:0;height:42px;padding:0 2px;appearance:none;border-radius:7px;border:1px solid var(--np-key-edge);border-bottom-width:3px;background:linear-gradient(180deg,var(--np-key),var(--np-key-2));color:var(--np-key-text);font:800 16px "Segoe UI",system-ui,sans-serif;cursor:pointer;touch-action:manipulation;transition:transform 70ms ease}.npKey:active,.npKey.is-press{transform:translateY(2px);border-bottom-width:1px}.npKey[disabled]{opacity:0.3;cursor:not-allowed}.npKey.is-sym{color:var(--np-key-sym)}.npKey.is-util{flex:1.7 1 0;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;background:linear-gradient(180deg,var(--np-key-2),var(--np-key))}.npKey[aria-pressed="true"]{background:var(--np-accent);color:var(--np-accent-text);border-color:var(--np-accent)}.npSection{display:flex;flex-direction:column;gap:6px}.npSection>h3{margin:0;font:700 9.5px ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0.12em;text-transform:uppercase;color:var(--np-text-dim)}.npCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.npInks{display:flex;gap:5px}.npInk{flex:1 1 0;min-width:0;appearance:none;cursor:pointer;padding:0;overflow:hidden;border-radius:7px;border:2px solid var(--np-key-edge);background:var(--np-key)}.npInk[aria-pressed="true"]{border-color:var(--np-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--np-accent) 34%,transparent)}.npInk .npInkSwatch{display:block;height:28px;line-height:28px;text-align:center;font:800 13px "Segoe UI",system-ui,sans-serif;background:var(--np-panel)}.npChips{display:flex;gap:5px;flex-wrap:wrap}.npChip{appearance:none;cursor:pointer;border-radius:999px;border:1px solid var(--np-key-edge);background:var(--np-key);color:var(--np-key-text);padding:5px 11px;font:600 11.5px ui-monospace,"SF Mono",Menlo,Consolas,monospace;touch-action:manipulation}.npChip[aria-pressed="true"]{background:var(--np-accent);color:var(--np-accent-text);border-color:var(--np-accent)}.npStatus{border-radius:8px;border:1px solid;padding:8px 11px;font-size:12.5px;line-height:1.45}.npStatus.is-ok{background:var(--np-good-bg);border-color:var(--np-good);color:var(--np-good)}.npStatus.is-bad{background:var(--np-bad-bg);border-color:var(--np-bad);color:var(--np-bad)}.npImport{display:flex;flex-direction:column;gap:7px}.npImport textarea{width:100%;box-sizing:border-box;min-height:46px;resize:vertical;border-radius:8px;border:2px dashed var(--np-key-edge);background:var(--np-key);color:var(--np-text);padding:8px 10px;font:13px ui-monospace,"SF Mono",Menlo,Consolas,monospace;line-height:1.5;user-select:text;-webkit-user-select:text}@media (max-width:560px){.npImport textarea{font-size:16px}}.npImport textarea:focus{outline:2px solid var(--np-accent);outline-offset:0}.npSamples{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.npSample{appearance:none;cursor:pointer;border-radius:6px;border:1px solid var(--np-key-edge);background:var(--np-key);color:var(--np-key-text);padding:4px 9px;font:600 11px ui-monospace,"SF Mono",Menlo,Consolas,monospace}.npImportOut{border-radius:8px;border:1px solid var(--np-edge);background:var(--np-panel);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.npImportOut[hidden]{display:none}.npImportSrc{font:600 10px ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0.08em;text-transform:uppercase;color:var(--np-text-dim)}.npImportPreview{font-size:19px;overflow-x:auto}.npImportReport{margin:0;padding-left:17px;font-size:12px;line-height:1.6;color:var(--np-text-dim)}.npImportReport li.is-bad{color:var(--np-bad);font-weight:700}.npImportActions{display:flex;gap:6px;flex-wrap:wrap}.npActions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--np-edge);padding-top:11px}.npBtn{appearance:none;cursor:pointer;border-radius:9px;border:1px solid var(--np-accent);background:var(--np-accent);color:var(--np-accent-text);padding:9px 15px;min-height:40px;font:700 13px "Segoe UI",system-ui,sans-serif;touch-action:manipulation}.npBtn.is-ghost{background:transparent;color:var(--np-text);border-color:var(--np-key-edge)}.npBtn[disabled]{opacity:0.42;cursor:not-allowed}.npBtn.is-grow{flex:1 1 auto}.npTray:focus-visible,.npOverlay:focus-visible{outline:3px solid var(--np-slot-4);outline-offset:2px}@media (max-width:560px){.npOverlay{padding:0;align-items:flex-end}.npTray{max-width:none;border-radius:14px 14px 0 0;border-bottom:0;padding:13px 11px calc(13px + env(safe-area-inset-bottom,0px));gap:10px}.npCols{grid-template-columns:1fr}.npKey{height:44px;font-size:15px}.npKeyRow{gap:3px}.npKeys{gap:4px}.npInk .npInkSwatch{height:26px;line-height:26px}.npStage{padding:12px 10px;min-height:56px}.npBtn.is-grow{min-width:100%}}@media (prefers-reduced-motion:reduce){.npKey{transition:none}.np .npCaret{animation:none}}[data-bench="night"] .npTray{box-shadow:none}[data-bench="night"] .npStage{box-shadow:inset 0 1px 0 rgba(255,214,150,0.06)}.npTray{max-height:calc(100dvh - 32px)}.npTrayHead,.npStage,.npStatus,.npActions{flex:none}.npTrayBody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:3px;margin:-3px}@media (max-width:560px){.npOverlay{padding:0}.npTray{max-height:92dvh}.npTrayBody{gap:10px}}.npSectionHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.npMini{appearance:none;cursor:pointer;border-radius:999px;border:1px solid var(--np-key-edge);background:var(--np-key);color:var(--np-key-text);padding:3px 10px;font:700 10.5px "Segoe UI",system-ui,sans-serif;touch-action:manipulation}.npMini[disabled]{opacity:0.35;cursor:not-allowed}@media (max-width:560px),(pointer:coarse){.npMini{padding:7px 14px;font-size:12px;min-height:32px}}