:root{color-scheme:light;--page: #fafafa;--surface: #ffffff;--surface-soft: #f5f5f5;--surface-hover: #ebebeb;--ink: #111111;--muted: #666666;--border: #e5e5e5;--border-strong: #c7c7c7;--accent: #111111;--accent-strong: #000000;--focus: #111111;--danger: #b42318;--dock-background: #000000;--dock-foreground: #ffffff;--dock-hover: #171717;--dock-border: #333333;--radius: 12px;--radius-small: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}[data-theme=dark]{color-scheme:dark;--page: #000000;--surface: #0a0a0a;--surface-soft: #171717;--surface-hover: #242424;--ink: #ededed;--muted: #a1a1a1;--border: #2e2e2e;--border-strong: #525252;--accent: #ffffff;--accent-strong: #ffffff;--focus: #ffffff;--danger: #ff6b6b}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}html{background:var(--page);scroll-behavior:smooth}body{overflow:hidden;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:3px;transition:color .12s ease,text-decoration-color .12s ease}a:hover{color:var(--accent-strong);text-decoration-color:var(--accent-strong)}button,input,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dir-skip-link{position:fixed;z-index:20;inset:var(--space-3) auto auto var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);transform:translateY(-200%)}.dir-skip-link:focus{transform:translateY(0)}.dir-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dir-heading-16,.dir-heading-20,.dir-caption,.dir-meta,.dir-row p{margin:0}.dir-heading-16{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.dir-heading-20{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.025em}.dir-caption{color:var(--muted);font-size:13px;line-height:1.45}.dir-meta{color:var(--muted);font-size:12px;line-height:1.4}.dir-numeric{font-variant-numeric:tabular-nums}.dir-mobile-ui{display:none}.dir-page{display:flex;justify-content:center;min-width:0;height:100%;padding:var(--space-4)}.dir-app{display:grid;grid-template-columns:17rem minmax(0,1fr);width:min(86rem,100%);height:100%;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dir-sidebar,.dir-stage,.dir-main,.dir-directory,.dir-brand,.dir-nav,.dir-commandbar,.dir-topbar,.dir-toolbar,.dir-search,.dir-section,.dir-list,.dir-row{min-width:0;max-width:100%}.dir-sidebar{display:flex;flex-direction:column;gap:var(--space-6);min-height:0;padding:var(--space-5) var(--space-4);overflow:auto;border-inline-end:1px solid var(--border)}.dir-brand{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:var(--space-3);min-height:168px;padding:var(--space-4);border-radius:var(--radius-small);background-image:url(./sidebar-art-v1-DwxZgeU0.webp);background-position:50% 77%;background-size:cover;color:#fff}.dir-brand .dir-caption{color:#d4d4d4}.dir-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-height:0;overflow:auto}.dir-nav-item{display:grid;grid-template-columns:minmax(0,1fr) 2.5rem;align-items:baseline;gap:var(--space-3);min-height:44px;padding:var(--space-2);color:var(--muted);text-decoration:none;transition:color .12s ease}.dir-nav-item:hover{color:var(--ink)}.dir-nav-item[aria-current=page]{color:var(--accent-strong);font-weight:600}.dir-nav-label{color:inherit}.dir-nav-count{justify-self:end;white-space:nowrap}.dir-sidebar-foot{flex:0 0 auto;padding-block-start:var(--space-4);border-block-start:1px solid var(--border)}.dir-stage{display:flex;flex-direction:column;min-height:0}.dir-commandbar{position:relative;z-index:4;display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-block-end:1px solid var(--border);background:var(--surface)}.dir-commandbar .dir-topbar,.dir-commandbar .dir-toolbar{display:contents}.dir-commandbar .dir-search{flex:1 1 9.5rem;min-width:7rem}.dir-commandbar .dir-control{flex:0 1 7rem;min-width:7rem;max-width:7.5rem}.dir-commandbar [data-dropdown=sort]{flex-basis:9rem;min-width:9rem;max-width:9.5rem}.dir-topbar,.dir-toolbar{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:var(--space-3);border-block-end:1px solid var(--border);background:var(--surface)}.dir-topbar{padding:var(--space-4) var(--space-6)}.dir-toolbar{position:relative;z-index:4;padding:var(--space-3) var(--space-6)}.dir-field,.dir-unit-field{display:flex;align-items:center;min-height:42px;border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);transition:border-color .12s ease,background-color .12s ease}.dir-field:focus-within,.dir-unit-field:focus-within{border-color:var(--focus);outline:2px solid color-mix(in srgb,var(--focus) 25%,transparent);outline-offset:1px}.dir-search{flex:1 1 18rem}.dir-search input{width:100%;min-width:0;min-height:40px;padding:0 var(--space-3);border:0;outline:0;background:transparent}.dir-search input::placeholder{color:var(--muted)}.dir-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.dir-button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface-soft);color:var(--accent-strong)}.dir-unit-prefix{display:inline-flex;padding-inline-start:var(--space-3);color:var(--muted)}.dir-control{position:relative;flex:1 1 9.5rem;max-width:14rem}.dir-dropdown-trigger{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-width:0;min-height:40px;padding:0 var(--space-3);border:0;outline:0;background:transparent;text-align:start;cursor:pointer}.dir-dropdown-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-chevron,.dir-menu-check,.dir-tool-icon,.dir-theme-icon{flex:none;width:18px;height:18px}.dir-menu{position:absolute;z-index:10;inset:calc(100% + var(--space-1)) 0 auto;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface)}.dir-menu[hidden]{display:none}.dir-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:6px;cursor:pointer;transition:color .12s ease,background-color .12s ease}.dir-menu-item:hover,.dir-menu-item[data-active=true]{background:var(--surface-hover);color:var(--accent-strong)}.dir-menu-item[aria-selected=true]{font-weight:600}a[data-github]:not([href]){pointer-events:none;color:var(--muted);text-decoration:none}body[data-theme=light] .dir-icon-sun,body[data-theme=dark] .dir-icon-moon{display:none}.dir-main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-8);min-height:0;padding:var(--space-8) var(--space-6);overflow:auto}.dir-directory{display:flex;flex-direction:column;gap:40px}.dir-section-head{position:sticky;z-index:2;top:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin-block-end:var(--space-4);padding-block:var(--space-2);background:var(--surface)}.dir-list{margin:0;padding:0;list-style:none}.dir-cols,.dir-row{display:grid;grid-template-columns:15rem minmax(0,1fr) 6.5rem 6.5rem 2.75rem;align-items:center;gap:var(--space-3)}.dir-cols{padding-block-end:var(--space-2);border-block-end:1px solid var(--border)}.dir-row{min-height:66px;padding-block:var(--space-3);border-block-end:1px solid var(--border)}.dir-name-cell{display:flex;align-items:center;gap:var(--space-3);min-width:0}.dir-favicon-wrap{position:relative;display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--accent-strong);font-size:12px;font-weight:600}.dir-favicon{position:absolute;inset:0;width:100%;height:100%;padding:6px;background:var(--surface);object-fit:contain}.dir-favicon[hidden]{display:none}.dir-name,.dir-row p,.dir-stat{min-width:0}.dir-name{overflow-wrap:anywhere;font-weight:600}.dir-row p{color:var(--muted)}.dir-stat{color:var(--muted);white-space:nowrap}.dir-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.dir-empty[hidden]{display:none}.dir-topbar-note{flex:1 1 12rem}.dir-guide{display:flex;flex-direction:column;gap:var(--space-8);max-width:44rem}.dir-guide section{display:flex;flex-direction:column;gap:var(--space-3)}.dir-guide section>*{margin:0}.dir-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dir-disclaimer{max-width:44rem;padding-block-start:var(--space-6);border-block-start:1px solid var(--border)}@media(min-width:821px){.dir-commandbar .dir-control,.dir-commandbar [data-dropdown=sort]{flex:0 0 42px;min-width:42px;max-width:42px;justify-content:center}.dir-commandbar .dir-unit-prefix{padding:0}.dir-commandbar .dir-dropdown-trigger{position:absolute;inset:0;padding:0}.dir-commandbar .dir-dropdown-value,.dir-commandbar .dir-chevron{display:none}.dir-commandbar .dir-menu{inset-inline:auto 0;min-width:12rem}}@media(max-width:980px){.dir-cols,.dir-row{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr) 5.75rem}.dir-row>:nth-child(n+4),.dir-cols>:nth-child(n+4){display:none}}@media(max-width:1180px){.dir-commandbar{flex-wrap:wrap}.dir-commandbar .dir-search{flex-basis:16rem}}@media(max-width:820px){html,body{height:auto;overflow:auto}.dir-page{height:auto;min-height:100%;padding:var(--space-4)}.dir-app{grid-template-columns:minmax(0,1fr);height:auto;overflow:visible}.dir-sidebar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:visible;border-inline-end:0;border-block-end:1px solid var(--border)}.dir-brand{display:flex;flex-direction:column;justify-content:flex-start;min-height:10rem;padding:var(--space-5);background-image:url(./sidebar-art-v1-DwxZgeU0.webp);background-position:62% 72%;background-size:cover;color:#fff}.dir-brand .dir-heading-16,.dir-brand .dir-caption{grid-column:auto;max-width:16rem}.dir-brand .dir-caption{color:#d4d4d4}#category-nav{display:none}.dir-sidebar .dir-nav{flex-direction:row;flex:0 0 auto;gap:var(--space-2);overflow:auto}.dir-sidebar-foot,.dir-commandbar{display:none}.dir-mobile-ui{display:block}.dir-mobile-panel{position:fixed;z-index:20;inset:auto var(--space-4) calc(4.5rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--space-2);width:auto;max-width:none;max-height:min(28rem,calc(100dvh - 7.5rem - env(safe-area-inset-bottom,0px)));padding:var(--space-3);overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.dir-mobile-panel[hidden]{display:none}#mobile-search-panel{inset:max(var(--space-4),env(safe-area-inset-top,0px)) var(--space-4) auto;max-height:none;overflow:visible}.dir-mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dir-mobile-panel-actions{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.dir-mobile-text-button{min-height:40px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:color .12s ease}.dir-mobile-text-button:hover{color:var(--ink)}.dir-mobile-search-field{width:100%}.dir-mobile-search-field svg{width:20px;height:20px;flex:0 0 auto;margin-inline-start:var(--space-3);color:var(--muted)}.dir-mobile-search-field input{flex:1 1 auto;width:auto;min-width:0;min-height:42px;padding:0 var(--space-3);border:0;outline:0;background:transparent}.dir-mobile-category-list{display:flex;flex-direction:column;gap:var(--space-1)}.dir-mobile-category-button{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:var(--radius-small);background:transparent;color:var(--muted);text-align:start;cursor:pointer;transition:color .12s ease,background-color .12s ease}.dir-mobile-category-button:hover{background:var(--surface-hover);color:var(--ink)}.dir-mobile-category-button[aria-current=page]{background:var(--surface-soft);color:var(--ink);font-weight:600}.dir-mobile-filter-grid{display:flex;flex-direction:column;gap:var(--space-2)}.dir-mobile-filter-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.dir-mobile-filter-field select{width:100%;min-height:40px;padding:0 2.25rem 0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-small);background-color:var(--surface-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m5.5 7.75 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;color:var(--ink);appearance:none}[data-theme=dark] .dir-mobile-filter-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23a1a1a1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m5.5 7.75 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E")}.dir-mobile-filter-field select:hover,.dir-mobile-filter-field select:focus-visible{border-color:var(--focus);background-color:var(--surface)}.dir-mobile-dock{position:fixed;z-index:22;inset:auto 0 max(var(--space-4),env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:max-content 2.5rem 2.5rem 2.5rem;width:max-content;max-width:calc(100% - var(--space-8));margin-inline:auto;padding:6px 8px 6px 12px;overflow:visible;border:1px solid var(--dock-border);border-radius:calc(var(--radius-small) + 6px);background:var(--dock-background);color:var(--dock-foreground)}.dir-mobile-dock button{position:relative;display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);padding:0;overflow:visible;border:0;border-radius:var(--radius-small);background:transparent;color:inherit;font-size:13px;line-height:1;cursor:pointer;transition:color .12s ease,background-color .12s ease}.dir-mobile-dock-search{min-width:max-content;padding-inline:var(--space-3) var(--space-3);justify-content:flex-start}.dir-mobile-dock-search svg{width:20px;height:20px}.dir-mobile-dock-search:after{width:1px;height:1rem;flex:0 0 auto;margin-inline-start:var(--space-3);background:color-mix(in srgb,var(--dock-foreground) 28%,transparent);content:""}.dir-mobile-dock-icon{width:2.5rem}.dir-mobile-dock button:hover{background:transparent;color:color-mix(in srgb,var(--dock-foreground) 72%,transparent)}.dir-mobile-dock button[aria-expanded=true]{background:transparent;color:var(--dock-foreground)}.dir-mobile-dock button[aria-expanded=true]:hover{color:var(--dock-foreground)}.dir-mobile-dock button:focus-visible{outline-color:var(--dock-foreground);outline-offset:2px}.dir-mobile-dock svg{width:18px;height:18px;flex:0 0 auto;overflow:visible}.dir-mobile-filter-count{position:absolute;top:4px;right:4px;display:inline-flex;min-width:1.15rem;height:1.15rem;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:var(--dock-foreground);color:var(--dock-background);font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.dir-mobile-filter-count[hidden]{display:none}.dir-stage,.dir-main{overflow:visible}.dir-main{padding-block-end:5.5rem}.dir-topbar,.dir-toolbar,.dir-commandbar,.dir-main{padding-inline:var(--space-4)}.dir-control{max-width:none}}@media(max-width:620px){.dir-page{padding:var(--space-3)}.dir-app{border-inline:0;border-radius:0}.dir-cols{display:none}.dir-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dir-row>:nth-child(2){grid-column:1 / -1;grid-row:2}.dir-row>:nth-child(3){grid-column:2;grid-row:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}