:is(html:has(.demo-np),body:has(.demo-np)){background:#0c1016;height:100%;overflow:hidden}.demo-root{height:100%;min-height:100%}.demo-np.np-root{background:#0c1016;width:100%;height:100%;position:relative;overflow:hidden}.demo-wallpaper{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(90% 70% at 18% 12%,#4c9eff2e,#0000 55%),radial-gradient(70% 55% at 88% 78%,#3dd68c1a,#0000 50%),linear-gradient(165deg,#121822 0%,#1a2230 42%,#141a24 100%);transition:opacity .55s;position:absolute;inset:0}.demo-wallpaper.is-demo-shown{opacity:1}.demo-wallpaper.is-painted{background:radial-gradient(90% 70% at 18% 12%,#4c9eff38,#0000 55%),radial-gradient(70% 55% at 88% 78%,#3dd68c1f,#0000 50%),linear-gradient(165deg,#152032 0%,#1c2738 45%,#121820 100%)}.demo-wallpaper.is-disco{animation:14s linear infinite demo-disco}@keyframes demo-disco{0%{filter:hue-rotate()saturate(1.15)}50%{filter:hue-rotate(180deg)saturate(1.35)}to{filter:hue-rotate(360deg)saturate(1.15)}}.demo-shell.np-shell{z-index:10;width:min(1080px,100vw - 1.5rem);max-width:none;height:min(700px,100dvh - 5.5rem);max-height:none;position:absolute}.demo-shell.is-explorer-closed{pointer-events:none;display:none}.demo-desktop-icon{z-index:8;color:#e8eef7;cursor:pointer;width:5.5rem;font:inherit;background:0 0;border:1px solid #0000;border-radius:.35rem;flex-direction:column;align-items:center;gap:.4rem;padding:.55rem .35rem .45rem;display:flex;position:absolute;top:1.25rem;left:1.25rem}.demo-desktop-icon:hover,.demo-desktop-icon:focus-visible{background:#ffffff14;border-color:#ffffff38;outline:none}.demo-desktop-icon-glyph{color:#4c9eff;filter:drop-shadow(0 2px 6px #00000073);justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:inline-flex}.demo-desktop-icon-glyph svg{width:2.35rem;height:2.35rem}.demo-desktop-icon-label{text-align:center;text-shadow:0 1px 3px #000000bf;font-size:.72rem;line-height:1.25}.demo-grid-empty{z-index:1;pointer-events:none;width:7rem;height:5.5rem;position:absolute;bottom:1.25rem;right:1.25rem}.np-file-grid{position:relative}.demo-ctx-menu{z-index:40;color:#f3f3f3;background:#202020f5;border:1px solid #ffffff1f;border-radius:.5rem;min-width:11.5rem;padding:.3rem 0;font-size:.78rem;animation:.12s ease-out both demo-ctx-in;position:absolute;top:38%;left:42%;box-shadow:0 10px 32px #00000073}.demo-ctx-submenu{background:#202020f5;border:1px solid #ffffff1f;border-radius:.5rem;min-width:10.5rem;padding:.3rem 0;animation:.1s ease-out both demo-ctx-in;position:absolute;top:-.2rem;left:calc(100% - 4px);box-shadow:0 10px 28px #0000006b}.demo-ctx-flyout-wrap{position:relative}.demo-ctx-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1.25rem;padding:.38rem .85rem;display:flex}.demo-ctx-item:hover:not(:disabled),.demo-ctx-item.is-hot{background:#4c9eff47}.demo-ctx-item:disabled{opacity:.45}.demo-ctx-chevron{opacity:.7;font-size:.85em}.demo-ctx-sep{background:#ffffff1a;height:1px;margin:.28rem .55rem}@keyframes demo-ctx-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.np-shell.is-demo-boot{opacity:0;pointer-events:none;transform:scale(.97)}.np-shell.is-demo-shown{opacity:1;pointer-events:auto;transition:opacity .22s,transform .22s;transform:none}.demo-chrome.is-demo-pending{opacity:0;pointer-events:none;transform:translateY(4px)}.demo-chrome.is-demo-shown{opacity:1;pointer-events:auto;transition:opacity .16s,transform .16s;transform:none}.np-file-tile.is-demo-pending{opacity:0;pointer-events:none;transform:scale(.92)}.np-file-tile.is-demo-shown{opacity:1;pointer-events:auto;transition:opacity .16s,transform .16s;transform:none}.np-file-tile.is-cut{opacity:.45}.np-line.is-demo-pending{opacity:.2;min-height:1.5em}.demo-notepad.np-notepad:not(.is-demo-shown),.demo-term:not(.is-demo-shown),.demo-browser:not(.is-demo-shown){opacity:0;pointer-events:none}.demo-notepad.np-notepad.is-demo-shown,.demo-term.is-demo-shown,.demo-browser.is-demo-shown{opacity:1;pointer-events:auto;transition:opacity .2s}.demo-notepad.np-notepad{z-index:25;flex-direction:column;display:flex}.demo-browser{z-index:32;background:#1a1d22;flex-direction:column;max-height:calc(100dvh - 5.5rem);display:flex}.demo-browser-titlebar{flex-shrink:0}.demo-browser-toolbar{background:#23272e;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.55rem;padding:.4rem .65rem;display:flex}.demo-browser-toolbar.is-demo-pending{opacity:0}.demo-browser-toolbar.is-demo-shown{opacity:1;transition:opacity .18s}.demo-browser-nav{color:#ffffff73;letter-spacing:.2em;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.85rem}.demo-browser-address{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;background:#12151a;border:1px solid #ffffff1a;border-radius:999px;flex:1;align-items:center;min-width:0;padding:.22rem .65rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.78rem;display:flex;overflow:hidden}.demo-browser-address:focus-within{border-color:#4c9eff8c}.demo-browser-address-input{width:100%;min-width:0;color:inherit;font:inherit;touch-action:manipulation;background:0 0;border:0;outline:none;padding:.06rem 0;font-size:1rem}.demo-browser-go{color:#ffffffc7;letter-spacing:.02em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.4rem;flex-shrink:0;padding:.28rem .65rem;font-size:.72rem;font-weight:600}.demo-browser-go:hover:not(:disabled){color:#fff;background:#ffffff1f}.demo-browser-go:disabled{opacity:.35;cursor:default}.demo-browser-viewport{background:#0e1014;flex:1;min-height:0;position:relative}.demo-browser-viewport.is-demo-pending{opacity:.35}.demo-browser-viewport.is-demo-shown{opacity:1;transition:opacity .25s}.demo-browser-frame{background:#fff;border:0;width:100%;height:100%}.demo-browser-blank{color:#ffffff47;letter-spacing:.04em;place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.demo-editor-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.demo-editor.np-editor{flex:1;grid-template-columns:3.5rem minmax(0,1fr);align-content:start;min-height:0;display:grid;overflow:auto}.demo-notepad-sb{pointer-events:none;z-index:3;width:14px;position:absolute;top:0;bottom:0;right:0}.demo-notepad-sb-thumb{background:0 0;border-radius:4px;width:8px;height:56px;position:absolute;bottom:14%;left:3px}.demo-notepad-sb-top{background:0 0;border-radius:4px;width:8px;height:8px;position:absolute;top:6px;left:3px}.demo-editor .np-gutter{box-sizing:border-box;flex-direction:column;min-width:3.5rem;padding:.95rem .55rem .95rem .65rem;display:flex}.demo-editor .np-body{flex-direction:column;min-width:0;display:flex}.demo-editor .np-body.is-editable-preview{cursor:text}.demo-editor .np-gutter-line,.demo-editor .np-line{box-sizing:border-box;flex:none;min-height:1.5em;line-height:1.5em}.demo-editor .np-line{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.demo-editor .np-line:has(.np-diff-add){background:#3dd68c1f}.demo-editor .np-line:has(.np-diff-del){background:#ff6b6b1f}.demo-editor .np-line:has(.np-diff-hunk){color:inherit}.demo-notepad-textarea{resize:none;width:100%;min-width:0;height:auto;min-height:100%;color:var(--np-ink);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;caret-color:var(--np-ink);box-sizing:border-box;field-sizing:content;background:0 0;border:0;outline:none;margin:0;padding:.95rem 1.15rem;font-size:1.05rem;line-height:1.5em;display:block;overflow:hidden}.demo-notepad-textarea.is-demo-selected{outline:1.5px solid rgba(76, 158, 255, calc(.9 * var(--demo-sel-opacity,1)));outline-offset:-2px}.demo-notepad.is-notepad-dirty .np-title{font-style:italic}.np-title[data-demo-target]{min-width:8rem;min-height:1em}.np-line[data-demo-target]{width:100%;min-height:1.5em}.is-demo-selected{outline-offset:2px;box-shadow:0 0 0 3px rgba(76, 158, 255, calc(.14 * var(--demo-sel-opacity,1)));outline:1.5px solid rgba(76, 158, 255, calc(.9 * var(--demo-sel-opacity,1)))!important}.demo-search-mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#4c9eff61;border-radius:.15em;padding:.05em 0}.np-line.has-search-hit .demo-search-mark{background:#4c9eff73;box-shadow:0 0 0 1px #4c9eff40}.np-root[data-theme=dark] .demo-search-mark{color:#f2f6ff;background:#4c9eff6b}.demo-caret-anchor{vertical-align:-.1em;width:1px;height:1em;display:inline-block;position:relative}.demo-caret{background:var(--np-accent,#4c9eff);vertical-align:-.1em;width:1px;height:.95em;animation:.9s step-end infinite demo-caret-blink;display:inline-block}@keyframes demo-caret-blink{50%{opacity:0}}.demo-cursor{z-index:80;pointer-events:none;will-change:transform, opacity;transition:opacity .15s;position:absolute;top:0;left:0}.demo-cursor.is-interactive{pointer-events:auto;cursor:grab;touch-action:none}.demo-cursor.is-interactive.is-held{cursor:grabbing;z-index:120}.demo-cursor-hit{pointer-events:auto;border-radius:10px;width:34px;height:40px;position:absolute;top:-6px;left:-6px}.demo-cursor-menu{z-index:130;pointer-events:auto;background:#161a20f5;border:1px solid #ffffff24;border-radius:.45rem;min-width:9.5rem;padding:.35rem 0;position:absolute;transform:translate(6px,6px);box-shadow:0 10px 28px #00000073}.demo-cursor-menu-title{color:#e8eef78c;letter-spacing:.04em;text-transform:uppercase;margin:0;padding:.2rem .75rem .35rem;font-size:.62rem;font-weight:600}.demo-cursor.is-active{z-index:90}.demo-cursor.is-main{z-index:95}.demo-cursor.is-idle .demo-cursor-label{opacity:.85;transform-origin:0 0;transform:scale(.92)}.demo-cursor.is-main .demo-cursor-label{color:#f2f4f7;border:1px solid #ffffff59;background:#1a1f28!important}.demo-cursor-glyph{line-height:0;display:block}.demo-cursor-arrow,.demo-cursor-hand,.demo-cursor-ibeam{filter:drop-shadow(0 1px 2px #0000008c);display:block}.demo-cursor.is-mode-text .demo-cursor-label{top:14px;left:10px}.demo-cursor.is-mode-click .demo-cursor-label{top:14px;left:16px}.demo-cursor-label{letter-spacing:.02em;color:#0a0a0a;white-space:nowrap;border-radius:3px;padding:.1rem .35rem;font-size:.58rem;font-weight:600;position:absolute;top:16px;left:14px;box-shadow:0 2px 8px #00000073}.demo-cursor-mutter{z-index:2;color:#e8eef7;letter-spacing:.04em;text-transform:lowercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0c1016e0;border:1px solid #ffffff59;border-radius:3px;max-width:min(18rem,46vw);padding:.05rem .3rem;font-size:.5rem;font-weight:600;position:absolute;top:-14px;left:14px;overflow:hidden;box-shadow:0 2px 6px #0006}.demo-np[data-frozen="1"] .demo-cursor{filter:grayscale(.35)brightness(.92);transition:filter .2s}.demo-np[data-frozen="1"] .demo-cursor-mutter{display:none}.demo-cursor-mutter.is-chat{letter-spacing:.01em;text-transform:none;white-space:nowrap;text-overflow:ellipsis;background:#0a0c12f0;border-radius:.4rem;max-width:min(20rem,52vw);padding:.22rem .45rem;font-size:.62rem;font-weight:550;line-height:1.2;top:-1.45rem;left:10px;overflow:hidden;box-shadow:0 4px 14px #00000073}.demo-cursor-mutter.is-below{top:auto;bottom:-1.55rem}.demo-cursor-mutter.is-end{left:auto;right:10px}.demo-campfire{z-index:86;pointer-events:none;width:0;height:0;position:absolute;transform:translate(-50%,-70%)}.demo-campfire.is-live{pointer-events:auto;cursor:pointer}.demo-campfire-hit{border-radius:50%;width:72px;height:72px;position:absolute;top:-40px;left:-36px}.demo-campfire-glow{background:radial-gradient(#ffa03c61 0%,#ff5a141f 42%,#0000 72%);border-radius:50%;width:84px;height:56px;animation:2.4s ease-in-out infinite alternate demo-campfire-glow;position:absolute;top:-18px;left:-42px}.demo-campfire-logs{background:linear-gradient(90deg,#5a3a22,#3a2414 45%,#6a4428);border-radius:3px;width:32px;height:8px;position:absolute;top:10px;left:-16px;transform:rotate(-6deg);box-shadow:0 3px #2a180c,-10px -2px 0 -1px #4a301c,10px -2px 0 -1px #4a301c}.demo-campfire-flame{filter:blur(.2px);transform-origin:50% 100%;background:linear-gradient(#fffac8bf 0%,#ffb428e6 55%,#ff5014f2 100%);border-radius:50% 50% 40% 40%;width:14px;height:28px;animation:.85s ease-in-out infinite alternate demo-campfire-flicker;position:absolute;top:-18px;left:-7px}.demo-campfire-flame-b{opacity:.85;width:11px;height:22px;animation-duration:1.05s;animation-delay:-.2s;top:-14px;left:-12px}.demo-campfire-flame-c{opacity:.7;width:9px;height:18px;animation-duration:.7s;animation-delay:-.45s;top:-12px;left:-2px}.demo-campfire-ember{background:#ffc85ae6;border-radius:50%;width:3px;height:3px;animation:2.8s ease-out infinite demo-campfire-ember;position:absolute;top:-8px;left:0}.demo-campfire-ember-1{animation-delay:0s;left:-4px}.demo-campfire-ember-2{animation-duration:3.2s;animation-delay:.9s;left:2px}.demo-campfire-ember-3{animation-duration:2.5s;animation-delay:1.6s;left:-1px}@keyframes demo-campfire-flicker{0%{opacity:.85;transform:scaleY(.88)scaleX(1.05)rotate(-3deg)}to{opacity:1;transform:scaleY(1.12)scaleX(.92)rotate(4deg)}}@keyframes demo-campfire-glow{0%{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes demo-campfire-ember{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(6px,-36px)scale(.3)}}.demo-click-fx{z-index:55;pointer-events:none;background:#78aaff2e;border:1.5px solid #b4d2ff8c;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.48s ease-out forwards demo-click-fx;position:absolute}@keyframes demo-click-fx{0%{opacity:.85;transform:scale(.35)}70%{opacity:.35}to{opacity:0;transform:scale(2.4)}}.demo-clash-fx{z-index:88;pointer-events:none;background:#ffc8782e;border:1.5px solid #ffdca08c;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.32s ease-out forwards demo-clash-fx;position:absolute}@keyframes demo-clash-fx{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.demo-battle-laser{z-index:87;transform-origin:0;pointer-events:none;height:3px;box-shadow:0 0 6px currentColor, 0 0 14px color-mix(in srgb, currentColor 55%, transparent);border-radius:2px;margin-top:-1.5px;animation:.28s ease-out forwards demo-battle-laser;position:absolute}.demo-battle-laser:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:-4px;box-shadow:0 0 8px}@keyframes demo-battle-laser{0%{opacity:0;filter:brightness(1.8)}25%{opacity:1}to{opacity:0;filter:brightness()}}.demo-battle-throw{z-index:88;pointer-events:none;background:#161c24eb;border:1px solid #ffffff24;border-radius:6px;flex-direction:column;align-items:center;gap:.15rem;width:72px;margin:-8px 0 0 -36px;padding:.35rem .25rem .3rem;animation:.55s cubic-bezier(.2,.7,.25,1) forwards demo-battle-throw;display:flex;position:absolute;box-shadow:0 8px 22px #00000073}.demo-battle-throw svg{flex-shrink:0;width:28px;height:28px}.demo-battle-throw-name{text-overflow:ellipsis;white-space:nowrap;color:#e8eef7;letter-spacing:.01em;text-align:center;max-width:100%;font-size:.52rem;font-weight:600;overflow:hidden}@keyframes demo-battle-throw{0%{opacity:0;transform:translate(0,0)rotate(-10deg)scale(.9)}10%{opacity:1}55%{transform:translate3d(calc(var(--throw-dx,80px) * .55), calc(var(--throw-dy,-40px) * .45 - 36px), 0) rotate(14deg) scale(1.08)}to{transform:translate3d(var(--throw-dx,80px), var(--throw-dy,-40px), 0) rotate(26deg) scale(.88);opacity:0}}.np-file-tile.is-battle-lifted{opacity:.28;filter:grayscale(.35);transition:opacity .15s,transform .15s,filter .15s;transform:scale(.92)}.demo-battle-boom{z-index:89;pointer-events:none;background:radial-gradient(circle,#fff0b4d9 0%,#ff8c3c59 45%,#0000 70%);border:2px solid #ffc878f2;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.42s ease-out forwards demo-battle-boom;position:absolute}@keyframes demo-battle-boom{0%{opacity:1;transform:scale(.2)}60%{opacity:.75}to{opacity:0;transform:scale(3.2)}}.demo-battle-nuke{z-index:95;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fffadcf2 0%,#ffa03c8c 28%,#ff502859 52%,#140a088c 100%);animation:.9s ease-out forwards demo-battle-nuke;position:absolute;inset:0}@keyframes demo-battle-nuke{0%{opacity:0;filter:brightness(2.2)}18%{opacity:1}55%{opacity:.85}to{opacity:0;filter:brightness()}}.demo-term{color:#ccc;background:#0c0c0c;border:1px solid #333;flex-direction:column;display:flex;overflow:hidden}.demo-term-titlebar{color:#f3f3f3!important;background:#1f1f1f!important;border-bottom-color:#333!important}.demo-term-titlebar .np-app-icon svg{width:16px;height:16px}.demo-term-body{background:#0c0c0c;flex:1;min-height:0;padding:.55rem .7rem .75rem;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.demo-term-line{white-space:pre-wrap;word-break:break-word;color:#ccc;min-height:1.35em}.demo-term-line.is-demo-pending{opacity:.15}.demo-term .demo-caret{background:#ccc}.demo-term-spinner{color:#3dd68c;align-items:center;gap:.55rem;margin-top:.35rem;font-size:.78rem;display:flex}.demo-term-spinner-glyph{border:2px solid #3dd68c40;border-top-color:#3dd68c;border-radius:50%;width:.7rem;height:.7rem;animation:.7s linear infinite demo-term-spin}@keyframes demo-term-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-term-spinner-glyph{background:#3dd68c;border-top-color:#3dd68c40;animation:none}}.demo-dock{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:.45rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.demo-dock>*{pointer-events:auto}.demo-freeze-fab{right:max(.85rem, env(safe-area-inset-right));bottom:max(1rem, calc(.65rem + env(safe-area-inset-bottom)));z-index:101;color:#d7dde6;min-height:2.2rem;font:inherit;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;pointer-events:auto;background:#161a22e6;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .95rem;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 8px 28px #00000059}.demo-freeze-fab:hover{border-color:#ffb47873}.demo-freeze-fab.is-on{color:#ffd7c2;background:#462016eb;border-color:#ff8c5ab3}.demo-dock-pill{color:#d7dde6;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161a22e0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .85rem .45rem .65rem;font-size:.78rem;display:inline-flex;box-shadow:0 8px 28px #00000059}.demo-dock-pill:hover,.demo-dock-pill.is-open{border-color:#4c9eff73}.demo-dock-pill.is-lit{border-color:#ffd1668c}.demo-dock-dots{align-items:center;gap:3px;max-width:7.5rem;display:inline-flex;overflow:hidden}.demo-dock-dots i{border-radius:50%;flex:none;width:7px;height:7px}.demo-dock-count{font-variant-numeric:tabular-nums;text-align:right;min-width:1.1rem;font-weight:700}.demo-dock-label{opacity:.7}.demo-dock-menu{color:#d7dde6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161a22f0;border:1px solid #ffffff1a;border-radius:.65rem;min-width:13.5rem;max-width:16rem;padding:.7rem .8rem .85rem;animation:.14s ease-out both demo-dock-in;box-shadow:0 12px 36px #0006}@keyframes demo-dock-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-dock-menu-title{letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin:0 0 .45rem;font-size:.68rem}.demo-dock-menu-title-spaced{margin-top:.85rem}.demo-dock-row{justify-content:center;align-items:center;gap:.65rem;display:flex}.demo-dock-btn{width:2rem;height:2rem;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.4rem;font-size:1.1rem;line-height:1}.demo-dock-btn:hover:not(:disabled){background:#4c9eff2e;border-color:#4c9eff66}.demo-dock-btn:disabled{opacity:.35;cursor:default}.demo-dock-value{font-variant-numeric:tabular-nums;text-align:center;min-width:1.5rem;font-size:1.15rem;font-weight:700}.demo-dock-hint,.demo-dock-status{opacity:.6;text-align:center;margin:.55rem 0 0;font-size:.68rem}.demo-dock-status{opacity:.85;color:#4c9eff}.demo-dock-choices,.demo-dock-toggles{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.demo-dock-choice,.demo-dock-toggle{color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.4rem;padding:.35rem .65rem;font-size:.74rem}.demo-dock-choice:hover,.demo-dock-toggle:hover{background:#4c9eff29;border-color:#4c9eff59}.demo-dock-choice.is-on,.demo-dock-toggle.is-on{color:#e8f1ff;background:#4c9eff38;border-color:#4c9eff8c}.demo-dock-toggle.is-on{color:#ffe8a3;background:#ffd1662e;border-color:#ffd16680}.demo-dock-toggle-quiet{opacity:.55;letter-spacing:.02em;border-style:dashed;font-size:.68rem}.demo-dock-toggle-quiet:hover,.demo-dock-toggle-quiet.is-on{opacity:.92}.demo-cursor-trail{z-index:58;pointer-events:none;will-change:transform, opacity;border-radius:50%;width:7px;height:7px;margin:-2px 0 0 2px;position:absolute;top:0;left:0}.demo-cursor-trail.is-disco{animation:4.8s linear infinite demo-cursor-disco}.demo-cursor.is-disco,.demo-cursor.is-disco .demo-cursor-label{animation:5.2s linear infinite demo-cursor-disco}@keyframes demo-cursor-disco{0%{filter:hue-rotate()saturate(1.35)}to{filter:hue-rotate(360deg)saturate(1.35)}}.demo-cursor-bloom{background:radial-gradient(circle, color-mix(in srgb, var(--cursor-glow,#4c9eff) 70%, transparent) 0%, transparent 72%);pointer-events:none;z-index:-1;border-radius:50%;width:28px;height:28px;position:absolute;top:-10px;left:-10px}.demo-cursor.is-glow .demo-cursor-arrow,.demo-cursor.is-glow .demo-cursor-hand,.demo-cursor.is-glow .demo-cursor-ibeam{filter:drop-shadow(0 0 6px var(--cursor-glow,#4c9eff)) drop-shadow(0 0 14px color-mix(in srgb, var(--cursor-glow,#4c9eff) 55%, transparent)) drop-shadow(0 1px 2px #00000073)}.demo-cursor.is-giant{transform-origin:0 0}.demo-cursor.is-giant .demo-cursor-label{font-size:.52rem}.np-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.demo-caret{animation:none}.demo-wallpaper,.demo-wallpaper.is-disco,.demo-cursor.is-disco,.demo-cursor.is-disco .demo-cursor-label,.demo-cursor-trail.is-disco,.demo-click-fx,.demo-clash-fx,.demo-battle-laser,.demo-battle-throw,.demo-battle-boom,.demo-battle-nuke,.demo-campfire-flame,.demo-campfire-glow,.demo-campfire-ember,.np-shell.is-demo-shown,.demo-chrome.is-demo-shown,.demo-notepad.is-demo-shown,.demo-term.is-demo-shown,.demo-browser.is-demo-shown,.np-file-tile.is-demo-shown,.demo-dock-menu,.demo-ctx-menu,.demo-ctx-submenu{transition:none;animation:none}}@media (max-width:720px){.demo-np.np-root{justify-content:stretch;align-items:stretch;padding:0}.demo-shell.np-shell{border-left:0;border-right:0;border-radius:0;max-width:none;max-height:none;bottom:0;right:0;width:100%!important;height:100%!important;top:0!important;left:0!important}.demo-np .np-shell-title .np-app-icon{transform:scale(.92)}.demo-np .np-shell-address>:first-child{flex-shrink:0}.demo-np .np-file-grid{padding-bottom:max(5.75rem, calc(4.75rem + env(safe-area-inset-bottom)))}.demo-np .np-shell-status{padding-bottom:max(.35rem, env(safe-area-inset-bottom));gap:.4rem}.demo-notepad.np-notepad,.demo-browser.np-window{z-index:40;border-radius:0;max-width:none;min-height:0;max-height:100dvh;width:100%!important;height:100%!important;inset:0!important}.demo-notepad.np-notepad .np-menubar{display:none}.demo-browser-viewport{flex:auto;min-height:0}.demo-editor-wrap{-webkit-overflow-scrolling:touch;flex:auto;min-height:0}.demo-editor.np-editor{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.demo-mobile-done{appearance:none;color:#e8f1ff;min-height:2.4rem;font:inherit;letter-spacing:.01em;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#4c9eff38;border:0;border-radius:999px;margin:.25rem .45rem .25rem 0;padding:.45rem .95rem;font-size:.92rem;font-weight:600}.demo-mobile-done:active{background:#4c9eff61}.demo-term{border-radius:.65rem;max-height:min(42dvh,22rem);width:auto!important;height:auto!important;inset:auto .65rem!important;bottom:max(4.5rem, calc(3.5rem + env(safe-area-inset-bottom)))!important;left:.65rem!important;right:.65rem!important}.demo-term-body{max-height:14rem;padding-bottom:1rem;font-size:.82rem;overflow:auto}.demo-dock{bottom:max(.65rem, calc(.35rem + env(safe-area-inset-bottom)));z-index:120;display:flex}.demo-dock.is-mobile .demo-dock-menu{min-width:min(14rem,100vw - 1.5rem);max-width:min(18rem,100vw - 1.5rem)}.demo-dock.is-mobile .demo-dock-pill{touch-action:manipulation;min-height:2.55rem;padding:.55rem .95rem .55rem .75rem;font-size:.84rem}.demo-freeze-fab.is-mobile{right:max(.65rem, env(safe-area-inset-right));bottom:max(.65rem, calc(.35rem + env(safe-area-inset-bottom)));min-height:2.55rem;padding:.55rem 1rem;font-size:.84rem}.demo-dock.is-mobile .demo-dock-btn,.demo-dock.is-mobile .demo-dock-choice,.demo-dock.is-mobile .demo-dock-toggle{touch-action:manipulation;min-height:2.35rem}.demo-ctx-menu,.demo-ctx-submenu{top:auto;left:.75rem;right:.75rem;bottom:max(5.5rem, calc(4.5rem + env(safe-area-inset-bottom)));width:auto;min-width:0}.demo-ctx-submenu{box-shadow:none;margin:.15rem .35rem .25rem;position:static}.demo-ctx-item{min-height:2.5rem;padding:.55rem .9rem}.demo-notepad-textarea{font-size:1rem}.demo-np[data-narrow="1"] .demo-cursor:not(.is-active){opacity:0;pointer-events:none}}