*,:before,:after{box-sizing:border-box}html,body{background:var(--dark);margin:0}body{color:var(--fg);font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.55}a{color:var(--blue)}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.yellow{color:var(--yellow)}.green{color:var(--green)}.accent{color:var(--accent)}.screen{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--dark);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;padding:4px 12px;font-size:12px;display:flex;position:sticky;top:0}.topbar nav{flex-wrap:wrap;gap:4px 16px;display:flex}.topbar a{color:var(--muted);padding:6px 0;text-decoration:none}.topbar strong{color:var(--accent)}main{flex-direction:column;flex-grow:1;gap:6px;padding:6px;display:flex}.window{flex-direction:column;flex-grow:1;gap:6px;display:flex}.window[hidden]{display:none}.home{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:6px;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-auto-rows:minmax(320px,1fr);gap:6px;display:grid}.home:not(.full){grid-template-columns:1fr}@media (width>=860px){.home:not(.full){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home>.shell{top:calc(var(--topbar-height,0px) + 6px);align-self:start;position:sticky}}@media (width>=1200px){.home:not(.full){grid-template-columns:minmax(420px,1fr) 2.6fr}.home.full{grid-template-columns:1fr}.home.full .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(300px,1fr)}}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));grid-auto-rows:520px;gap:6px;display:grid}.shell{scroll-margin-top:calc(var(--topbar-height,0px) + 6px);border:1px solid var(--accent);height:calc(100vh - var(--topbar-height,0px) - var(--status-height,0px) - 12px);height:calc(100dvh - var(--topbar-height,0px) - var(--status-height,0px) - 12px);border-radius:4px;flex-direction:column;min-height:0;display:flex;overflow:hidden}@media (width<=859px){.shell{height:40dvh;min-height:0}}.shell-bar{background:var(--accent);color:var(--on-accent);justify-content:space-between;gap:8px;padding:2px 10px;font-size:12px;font-weight:700;display:flex}.shell-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex-grow:1;gap:14px;min-height:0;padding:18px 20px 22px;display:flex;overflow-y:auto}.shell-body>*{flex-shrink:0}.shell-body p{margin:0}.shell h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.12}.cmds{line-height:1.8;font:inherit;white-space:pre-wrap;margin:4px 0 0;overflow-x:auto}.shell-body{position:relative}.term{height:100%;min-height:130px;box-shadow:none;--term-fg:var(--fg);--term-bg:var(--bg);--term-cursor:var(--accent);--term-color-0:var(--dim);--term-color-1:var(--red);--term-color-2:var(--green);--term-color-3:var(--yellow);--term-color-4:var(--blue);--term-color-5:var(--magenta);--term-color-6:var(--cyan);--term-color-7:var(--fg);--term-color-8:var(--muted);--term-color-9:var(--orange);--term-color-10:var(--accent);--term-color-11:var(--yellow);--term-color-12:var(--blue);--term-color-13:var(--magenta);--term-color-14:var(--cyan);--term-color-15:var(--fg);--term-font-family:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--term-font-size:13px;--term-line-height:1.35;--term-row-height:18px;--term-selection-bg:color-mix(in srgb, var(--accent) 30%, transparent);background:0 0;border-radius:0;flex:none;margin-bottom:-10px;padding:0;overflow:hidden}.term.ready{cursor:text}.shell.running .term{z-index:1;background:var(--bg);height:auto;min-height:0;margin:0;padding:12px;position:absolute;inset:8px 10px}.shell.running .shell-body{overflow:hidden}.shell.cleared .shell-body>:not(.term){display:none}.shell.running .shell-body>:not(.term){visibility:hidden}.cursor{vertical-align:text-bottom;background:var(--fg);width:9px;height:17px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.pane{border:1px solid var(--border);background:var(--bg);border-radius:4px;flex-direction:column;min-width:0;font-size:13px;display:flex}.pane[hidden]{display:none}.pane-bar{background:var(--dark);min-height:28px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:3px 3px 0 0;justify-content:space-between;align-items:center;gap:2px 8px;padding:3px 10px;font-size:12px;display:flex}.pane-title{font-weight:700}.pane.focused{border-color:var(--accent)}.pane-title{flex-shrink:0}.pane-cmd{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pane.focused .pane-bar{background:var(--accent);color:var(--on-accent)}.pane-body{flex-grow:1;min-height:220px;margin:4px 6px;position:relative;overflow:hidden}.demo{font:inherit;white-space:pre;color:var(--fg);margin:0;padding:6px 4px;font-size:11px;line-height:1.32;position:absolute;inset:0;overflow:hidden}.c-fg{color:var(--fg)}.c-mu{color:var(--muted)}.c-dim{color:var(--dim)}.c-acc{color:var(--accent)}.c-g{color:var(--green)}.c-r{color:var(--red)}.c-y{color:var(--yellow)}.c-b{color:var(--blue)}.c-c{color:var(--cyan)}.c-m{color:var(--magenta)}.c-o{color:var(--orange)}.c-inv{background:var(--fg);color:var(--bg)}.c-h0{color:color-mix(in srgb, var(--fg) 14%, var(--bg))}.c-h1{color:color-mix(in srgb, var(--green) 35%, var(--bg))}.c-h2{color:color-mix(in srgb, var(--green) 58%, var(--bg))}.c-h3{color:color-mix(in srgb, var(--green) 80%, var(--bg))}.c-h4{color:var(--green)}.pane-foot{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:0 10px 8px;font-size:12px;display:flex}.filter{top:var(--topbar-height,0px);z-index:15;background:var(--bg);box-shadow:0 -6px 0 var(--bg);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex;position:sticky}.filter[hidden]{display:none}.filter label{color:var(--green)}.filter input{border:1px solid var(--border);background:var(--slot);min-height:36px;color:var(--fg);font:inherit;border-radius:3px;flex:200px;padding:0 8px}.chip{border:1px solid var(--border);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:3px;padding:0 12px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.count{color:var(--muted);margin-left:auto}.empty{color:var(--muted);padding:24px 10px}.status{z-index:20;background:var(--dark);flex-wrap:wrap;align-items:center;font-size:12px;display:flex;position:sticky;bottom:0}.status .session{background:var(--green);min-height:36px;color:var(--on-accent);align-items:center;padding:0 12px;font-weight:700;display:flex}.status a,.status button{min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;text-decoration:none;display:flex}.status a[aria-current=page]{background:var(--border);color:var(--fg);font-weight:700}.status .spacer{flex-grow:1}@media (width<=600px){.status .info{display:none}}.status .info{color:var(--muted);padding:0 12px}.status .theme{background:var(--border);color:var(--fg);gap:1ch}.theme-picker{display:flex;position:relative}.theme-menu{z-index:10;border:1px solid var(--border);background:var(--dark);flex-direction:column;min-width:min(320px,100vw - 16px);max-height:70vh;display:flex;position:absolute;bottom:100%;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0006}.theme-menu[hidden]{display:none}.status .theme-menu button{text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:grid}.status .theme-menu button[aria-checked=true] .theme-label:after{content:"  *"}.theme-menu [role=group]{flex-direction:column;display:flex}.theme-group{color:var(--muted);margin:0;padding:8px 12px 4px;font-size:11px}.swatches{gap:3px;display:flex}.swatches i{border-radius:2px;width:10px;height:10px}