.lab-home.home-surface{height:100dvh}.lab-home{--lab-hairline:rgb(var(--text-2) / .14);--lab-edge:rgb(var(--text-2) / .1);--lab-edge-lit:rgb(var(--text-2) / .24);--lab-edge-focus:rgb(var(--text-1) / .42);--lab-menu-edge:rgb(var(--text-2) / .19);--lab-edge-sunk:rgb(var(--text-2) / .22);--lab-home-field:28px;--lab-home-reserve:0px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:rgb(var(--surface-1));color:rgb(var(--text-1));-webkit-user-select:none;user-select:none;grid-template-columns:240px minmax(0,1fr);font-size:13px;display:grid;overflow:hidden}.lab-home :where(input:not([type=range]):not([readonly]),textarea,[contenteditable=true],[contenteditable=plaintext-only]){-webkit-user-select:text;user-select:text}.lab-home button{-webkit-user-select:none;user-select:none}.lab-home .record-key.record-shell-key{flex:none;width:24px;padding:0}.lab-home .record-shell-sign{flex:none;width:16px;height:16px}.lab-home-side{min-height:0;margin-top:calc(-1 * env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-right:1px solid var(--lab-hairline);background:rgb(var(--surface-4));flex-direction:column;gap:12px;display:flex;overflow:hidden}.lab-home-head{border-bottom:1px solid var(--lab-hairline);flex:none;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.lab-home-back{color:rgb(var(--text-2));margin-right:auto;font-size:12px;text-decoration:none}.lab-home-find{flex:none;align-items:center;gap:8px;margin:0 12px;display:flex}.lab-home-search{min-width:0;height:var(--lab-home-field);corner-shape:squircle;background:rgb(var(--surface-3));box-shadow:inset 0 0 0 1px var(--lab-edge);border-radius:6px;flex:1;align-items:center;display:flex;position:relative}.lab-home-search input{width:100%;height:calc(var(--lab-home-field) + 2 * var(--lab-home-reserve));margin-block:calc(-1 * var(--lab-home-reserve));border-radius:inherit;color:rgb(var(--text-1));font:inherit;appearance:none;background:0 0;border:0;outline:none;padding:0 28px 0 10px;font-size:12px}.lab-home-search input::placeholder{color:rgb(var(--text-3))}.lab-home-search:has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--lab-edge-focus)}.lab-home-search input::-webkit-search-cancel-button{display:none}.lab-home-search .lab-home-kbd{color:rgb(var(--text-3));font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;pointer-events:none;font-size:11px;position:absolute;right:8px}.lab-home-clear{width:24px;color:rgb(var(--text-2));cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:2px;bottom:2px;right:2px}.lab-home-kinds{gap:1px;padding:0 6px;display:grid}.lab-home-kind{corner-shape:squircle;height:28px;color:rgb(var(--text-2));font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}@media (hover:hover) and (pointer:fine){.lab-home-kind:hover,.lab-home-clear:hover{background:color-mix(in srgb, var(--foreground) 5%, transparent);color:rgb(var(--text-1))}}.lab-home-kind:focus-visible,.lab-home-clear:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.lab-home-kind[aria-pressed=true]{background:rgb(var(--surface-2));color:rgb(var(--text-1))}.lab-home-count{color:rgb(var(--text-3));font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;font-size:11px}.lab-home-kindmenu{flex:none;display:none;position:relative}.lab-home .record-key.lab-home-kindkey{--glyph-surface:rgb(var(--surface-4));height:var(--lab-home-field);color:rgb(var(--text-1));white-space:nowrap;touch-action:manipulation;align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;display:inline-flex;position:relative}.lab-home-kindkey[aria-expanded=true]{background:rgb(var(--surface-2));box-shadow:inset 0 0 0 1px var(--lab-edge-sunk), inset 0 1px 2px #0000001a}.lab-home-kindkey-caret{width:16px;height:16px;color:rgb(var(--text-3));display:block}.lab-home-kinds-menu{z-index:45;border:1px solid var(--lab-menu-edge);corner-shape:squircle;background:rgb(var(--surface-4));min-width:208px;box-shadow:var(--luke-shadow-window);transform-origin:100% 0;animation:lab-home-menu-in var(--duration-fast) var(--ease-out);border-radius:8px;outline:none;gap:1px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0}@keyframes lab-home-menu-in{0%{opacity:0;transform:translateY(-3px)}}.lab-home-kinds-item{--glyph-surface:rgb(var(--surface-4));corner-shape:squircle;width:100%;height:28px;color:rgb(var(--text-1));font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:5px;outline:none;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:12px;line-height:1;display:grid}.lab-home-kinds-item:focus-visible{background:color-mix(in srgb, var(--foreground) 6%, transparent)}@media (hover:hover) and (pointer:fine){.lab-home-kinds-item:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}}.lab-home-kinds-item:active{background:color-mix(in srgb, var(--foreground) 9%, transparent)}.lab-home-kinds-check{width:16px;height:16px;display:block}.lab-home-main{overscroll-behavior:contain;min-width:0;min-height:0;overflow-y:auto}.lab-home .record-key.lab-home-view-head{display:none}.lab-home-bar{justify-content:space-between;align-items:center;gap:12px;max-width:1376px;margin:0 auto;padding:28px 40px 16px;display:flex}.lab-home-title{color:rgb(var(--text-1));letter-spacing:.005em;margin:0;font-size:22px;font-weight:500;line-height:1.2}.lab-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:24px;max-width:1376px;margin:0 auto;padding:8px 40px 48px;list-style:none;display:grid}.lab-tile-cell{min-width:0;margin:0;padding:0;display:grid}.lab-tile{--glyph-surface:rgb(var(--surface-4));corner-shape:squircle;background:rgb(var(--surface-4));min-width:0;box-shadow:inset 0 0 0 1px var(--lab-edge);color:inherit;-webkit-tap-highlight-color:transparent;border-radius:10px;grid-template-rows:auto 1fr;align-content:start;gap:2px;padding:6px 8px 8px;text-decoration:none;display:grid;position:relative}.lab-tile:after{content:"";border-radius:inherit;corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--lab-edge-lit);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.lab-tile:hover:after{opacity:1}}.lab-tile:active{--glyph-surface:rgb(var(--surface-2));background:rgb(var(--surface-2))}.lab-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lab-tile-head{align-items:center;gap:8px;min-width:0;min-height:22px;display:flex}.lab-tile-sign{flex:none;width:16px;height:16px;display:block}.lab-tile-name{min-width:0;color:rgb(var(--text-1));text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.lab-tile-opened{display:none}.lab-tile-poster{aspect-ratio:8/5;corner-shape:squircle;background:rgb(var(--surface-1));background-image:var(--lab-still-light,none);background-size:cover;border-radius:6px;align-self:end;display:block;position:relative;overflow:hidden}[data-theme]:not([data-theme=light]) .lab-tile-poster{background-image:var(--lab-still-dark,none)}.lab-tile-poster:after{content:"";border-radius:inherit;corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--lab-edge);pointer-events:none;position:absolute;inset:0}.lab-tile-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lab-tile-still[data-still-pending]{opacity:0}.lab-tile-still[data-still-fade]{animation:.12s ease-out lab-still-in}@keyframes lab-still-in{0%{opacity:0}to{opacity:1}}.lab-tile-loop{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:0}.lab-tile-loop[data-entering]{opacity:0;transition-duration:0s}.lab-tile-loop[data-leaving]{opacity:0}.lab-tile-still[data-poster-theme=dark]{display:none}[data-theme]:not([data-theme=light]) .lab-tile-still[data-poster-theme=dark]{display:block}[data-theme]:not([data-theme=light]) .lab-tile-still[data-poster-theme=light]{display:none}.lab-home[data-view=list] .lab-gallery-grid{grid-template-columns:minmax(0,1fr);gap:0}.lab-home[data-view=list] .lab-tile{--glyph-surface:rgb(var(--surface-1));box-shadow:inset 0 -1px 0 var(--lab-hairline);background:0 0;border-radius:0;grid-template-rows:auto;grid-template-columns:80px minmax(160px,1fr) 88px;align-items:center;gap:16px;padding:8px}.lab-home[data-view=list] .lab-tile:after{display:none}@media (hover:hover) and (pointer:fine){.lab-home[data-view=list] .lab-tile:hover{background:color-mix(in srgb, var(--foreground) 3%, transparent)}}.lab-home[data-view=list] .lab-tile:active{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.lab-home[data-view=list] .lab-tile-poster{border-radius:4px;grid-area:1/1;width:100%}.lab-home[data-view=list] .lab-tile-head{grid-area:1/2}.lab-home[data-view=list] .lab-tile-opened{color:rgb(var(--text-3));font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;grid-area:1/3;font-size:11px;display:block}@media (max-width:719px){.lab-home{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.lab-home-side{border-right:0;border-bottom:1px solid var(--lab-hairline);gap:10px;padding-bottom:10px;overflow:visible}.lab-home-kbd,.lab-home-kinds{display:none}.lab-home-kindmenu{display:block}.lab-home .record-key.lab-home-view-head{display:inline-flex}.lab-home .record-key.lab-home-view-bar{display:none}.lab-home-bar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lab-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}.lab-home .lab-tile{--glyph-surface:rgb(var(--surface-1));box-shadow:none;background:0 0;border-radius:0;gap:4px;padding:10px 12px 12px}.lab-home .lab-tile:after{display:none}.lab-home .lab-tile:active{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.lab-tile:focus-visible{outline-offset:-2px}.lab-home[data-view=grid] .lab-tile-cell{box-shadow:inset 0 -1px 0 var(--lab-hairline)}.lab-home[data-view=grid] .lab-tile-cell:nth-child(odd){box-shadow:inset -1px -1px 0 var(--lab-hairline)}.lab-home[data-view=grid] .lab-tile-cell:nth-child(odd):last-child,.lab-home[data-view=grid] .lab-tile-cell:nth-child(odd):nth-last-child(2){box-shadow:inset -1px 0 0 var(--lab-hairline)}.lab-home[data-view=grid] .lab-tile-cell:nth-child(2n):last-child{box-shadow:none}.lab-home[data-view=list] .lab-tile{box-shadow:inset 0 -1px 0 var(--lab-hairline);grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 12px}.lab-home[data-view=list] .lab-tile-cell:last-child .lab-tile{box-shadow:none}.lab-home[data-view=list] .lab-tile-opened{display:none}}@media (pointer:coarse){.lab-home{--lab-home-field:36px;--lab-home-reserve:4px}.lab-home-head{gap:20px}.lab-home .record-shell-head .record-key{touch-action:manipulation;position:relative}.lab-home .record-shell-head .record-key:after{content:"";position:absolute;inset:-10px}.lab-home-search input{padding-right:44px;font-size:16px}.lab-home-clear{width:44px;top:-4px;bottom:-4px;right:0}.lab-home-kind{height:44px;font-size:13px}.lab-home .record-key.lab-home-kindkey:after{content:"";inset:calc(-1 * var(--lab-home-reserve)) -4px;position:absolute}.lab-home-kinds-item{height:44px;font-size:13px}}@media (prefers-reduced-motion:reduce){.lab-tile-still[data-still-fade]{animation:none}.lab-tile:after{transition:none}.lab-tile-loop{display:none}.lab-home-kinds-menu{animation:none}}