:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--tile-min:500px;--back-space:40px;--caption-space:56px;--drawer-width:280px;--hairline-width:1px;--tile-dim:.4;--tile-fade:.4s;--tile-dim-fade:.2s;--surface:#0c0c0c;--hairline:#262626;--fg:#d4d4d4;--muted:#6b6b6b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--surface:#f7f7f5;--hairline:#d9d9d6;--fg:#1c1c1c;--muted:#8a8a86}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);min-height:100dvh;color:var(--fg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:13px}.grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--tile-min), 100%), 1fr));gap:var(--hairline-width);background:var(--hairline);width:100%;display:grid}@media (scripting:enabled){.grid[data-measured=false]{background:var(--surface)}}.tile{aspect-ratio:1;background:var(--surface);min-width:0;position:relative;overflow:hidden}.tile-empty{box-shadow:0 0 0 var(--hairline-width) var(--surface);outline:var(--hairline-width) dashed color-mix(in srgb, var(--hairline) 70%, var(--surface));outline-offset:0}.tile-link{color:inherit;display:block;position:absolute;inset:0}.tile-media{opacity:var(--tile-dim);transition:opacity var(--tile-dim-fade) ease;position:absolute;inset:0}.tile[data-active=true] .tile-media{opacity:1}.tile-host{opacity:0;position:absolute;inset:0}.tile[data-ready=true] .tile-host{opacity:1;transition:opacity var(--tile-fade) ease}.tile-poster{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.tile[data-ready=true] .tile-poster{visibility:hidden;transition:visibility 0s linear var(--tile-fade)}.tile-info{--label-in:.12s;--label-out:90ms;--label-stagger:25ms;pointer-events:none;opacity:0;transition:opacity 0s linear calc(var(--label-out) + var(--label-stagger));position:absolute;inset:0}.tile[data-active=true] .tile-info,.tile-link:focus-visible .tile-info{opacity:1;transition:none}.tile-caption{letter-spacing:.02em;flex-direction:column;align-items:flex-start;line-height:18px;display:flex;position:absolute;bottom:24px;left:0;right:16px}.tile-bar{--i:0;--j:1;white-space:nowrap;text-overflow:ellipsis;clip-path:inset(0 100% 0 0);max-width:100%;transition:clip-path var(--label-out) cubic-bezier(.4, 0, 1, 1) calc(var(--j) * var(--label-stagger));background:#fff;padding:3px 8px;overflow:hidden}.tile-bar:nth-child(2){--i:1;--j:0;margin-top:-1px;padding-top:4px}.tile[data-active=true] .tile-bar,.tile-link:focus-visible .tile-bar{clip-path:inset(0);transition:clip-path var(--label-in) cubic-bezier(.2, 0, 0, 1) calc(var(--i) * var(--label-stagger))}.tile-title{color:#000;font-weight:600}.tile-sub{color:#0000008c}.fps-meter{z-index:10;color:#000;font-variant-numeric:tabular-nums;pointer-events:none;background:#fff;padding:3px 8px;position:fixed;bottom:8px;right:8px}.tile-new{place-items:center;display:grid}.tile-new-open{color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.tile-new-open svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round}.tile-new-open:hover,.tile-new-open:focus-visible{color:var(--fg);outline:none}.tile-new-form{gap:8px;width:min(260px,80%);display:grid}.tile-new-label{color:var(--muted);letter-spacing:.02em}.tile-new-form input,.tile-new-form select,.tile-new-actions button{border:var(--hairline-width) solid var(--hairline);background:var(--surface);color:var(--fg);font:inherit;padding:5px 8px}.tile-new-form input:focus-visible,.tile-new-form select:focus-visible,.tile-new-actions button:hover:not(:disabled),.tile-new-actions button:focus-visible{border-color:var(--fg);outline:none}.tile-new-actions{justify-content:flex-end;gap:6px;display:flex}.tile-new-actions button{cursor:pointer}.tile-new-actions button:disabled{opacity:.4;cursor:default}.tile-new-error{color:var(--muted);margin:0}.tile-identity{align-items:flex-end;padding:0 16px 14px;display:flex}.tile-identity-body{letter-spacing:.02em;color:var(--fg);gap:2px;display:grid}.tile-identity-name{font-weight:600}.tile-identity-mediums{color:var(--muted);font-variant-numeric:tabular-nums}.tile-identity-link{color:var(--fg);opacity:.6;justify-self:start;text-decoration:none}.tile-identity-link:hover,.tile-identity-link:focus-visible{opacity:1;outline:none}.detail{height:100dvh;display:flex;overflow:hidden}.detail-stage{flex:1;place-items:center;min-width:0;display:grid;container-type:size}.detail-piece{width:min(100cqw, 100cqh - var(--back-space) - var(--caption-space), 900px)}.detail-frame{aspect-ratio:1;width:100%;position:relative}.detail-caption{height:var(--caption-space);letter-spacing:.02em;align-content:start;gap:2px;margin:0;padding-top:12px;display:grid}.detail-sub{color:var(--muted)}.detail-back{height:var(--back-space);width:fit-content;color:var(--muted);letter-spacing:.02em;align-items:flex-end;padding-bottom:12px;text-decoration:none;display:flex}.detail-back:hover,.detail-back:focus-visible{color:var(--fg)}.dev-panel{z-index:2;letter-spacing:.02em;color:var(--fg);-webkit-user-select:none;user-select:none;font-size:13px;position:fixed;top:12px;right:16px}.dev-panel-tab{border:var(--hairline-width) solid var(--hairline);background:var(--surface);color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.08em;padding:4px 10px}.dev-panel-tab:hover,.dev-panel-tab:focus-visible{color:var(--fg)}.dev-drawer-slot{visibility:hidden;flex:none;width:0;overflow:hidden}.dev-drawer-slot[data-open=true]{width:var(--drawer-width);visibility:visible}.dev-drawer-slot[data-animate=true]{transition:width .24s cubic-bezier(.2,0,0,1),visibility 0s linear .24s}.dev-drawer-slot[data-animate=true][data-open=true]{transition:width .24s cubic-bezier(.2,0,0,1),visibility}@media (prefers-reduced-motion:reduce){.dev-drawer-slot[data-animate=true],.tile-media,.tile[data-ready=true] .tile-host,.tile[data-ready=true] .tile-poster,.tile-info,.tile-bar,.tile[data-active=true] .tile-info,.tile[data-active=true] .tile-bar,.tile-link:focus-visible .tile-info,.tile-link:focus-visible .tile-bar{transition:none}}.dev-drawer{width:var(--drawer-width);border-left:var(--hairline-width) solid var(--hairline);background:var(--surface);letter-spacing:.02em;height:100dvh;color:var(--fg);-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;font-size:13px;display:flex}.dev-drawer-top,.dev-drawer-foot{flex:none;gap:10px;padding:10px 12px;display:grid}.dev-drawer-scroll{overscroll-behavior:contain;border-top:var(--hairline-width) solid var(--hairline);border-bottom:var(--hairline-width) solid var(--hairline);flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.dev-panel-head{align-items:center;gap:8px;display:flex}.dev-panel-head .dev-panel-fps{margin-left:auto}.dev-panel-fps{color:var(--muted);font-variant-numeric:tabular-nums}.dev-panel-close{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;width:28px;height:28px;margin:-6px -8px -6px 0;padding:0;font-size:24px;line-height:1}.dev-panel-close:hover,.dev-panel-close:focus-visible{color:var(--fg)}.dev-panel-rows{gap:4px;margin:0;display:grid}.dev-panel-row{justify-content:space-between;gap:12px;display:flex}.dev-panel-row dt{color:var(--muted)}.dev-panel-row dd{text-align:right;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.dev-panel-params{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.dev-panel-params legend{float:left;width:100%;color:var(--muted);align-items:baseline;padding:0;display:flex}.dev-panel-group-actions{gap:12px;margin-left:auto;display:flex}.dev-panel-group{border-top:var(--hairline-width) solid var(--hairline);padding-top:6px}.dev-panel-group summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:flex}.dev-panel-group summary::-webkit-details-marker{display:none}.dev-panel-group summary:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:4px solid;width:0;height:0;transition:transform .12s}.dev-panel-group[open] summary:before{transform:rotate(90deg)}.dev-panel-group summary:hover{color:var(--fg)}.dev-panel-group-body{gap:14px;padding:12px 0 6px;display:grid}.dev-panel-param{gap:6px;display:grid}.dev-panel-param[data-inactive]{opacity:.35}.dev-panel-param-head,.dev-panel-check{justify-content:space-between;align-items:center;gap:12px;display:flex}.dev-panel-param-name{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.dev-panel-lock{width:14px;height:14px;color:var(--muted);opacity:.35;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.dev-panel-param:hover .dev-panel-lock,.dev-panel-lock:focus-visible{opacity:.8}.dev-panel-lock[aria-pressed=true]{color:var(--fg);opacity:1}.dev-panel-value,.dev-panel-value-input{font:inherit;font-variant-numeric:tabular-nums;text-align:right}.dev-panel-value{color:var(--muted);cursor:text;background:0 0;border:0;padding:0 2px}.dev-panel-param[data-changed] .dev-panel-value{color:var(--fg)}.dev-panel-value:hover{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dev-panel-value-input{border:var(--hairline-width) solid var(--muted);width:72px;color:var(--fg);background:0 0;outline:none;padding:0 4px}.dev-panel-param input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.dev-panel-param input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--muted) var(--fill,0%), var(--hairline) var(--fill,0%));height:1px}.dev-panel-param input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--muted) var(--fill,0%), var(--hairline) var(--fill,0%));height:1px}.dev-panel-param input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);border:0;border-radius:50%;width:7px;height:7px;margin-top:-3px}.dev-panel-param input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:7px;height:7px}.dev-panel-param input[type=range]:focus-visible{outline:none}.dev-panel-param input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--hairline)}.dev-panel-param input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--hairline)}.dev-panel-choices{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.dev-panel-choice{border:var(--hairline-width) solid var(--hairline);color:var(--muted);cursor:pointer;padding:4px 8px;position:relative}.dev-panel-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dev-panel-choice:hover{color:var(--fg)}.dev-panel-choice:has(input:checked){border-color:var(--fg);color:var(--fg)}.dev-panel-choice:has(input:focus-visible){box-shadow:0 0 0 2px var(--hairline)}.dev-panel-check input{accent-color:var(--fg);margin:0}.dev-panel-color{align-items:center;gap:8px;display:flex}.dev-panel-color-hex{font-variant-numeric:tabular-nums;opacity:.7}.dev-panel-color input{border:1px solid var(--fg);cursor:pointer;background:0 0;width:28px;height:18px;padding:0}.dev-panel-param-actions{justify-content:space-between;display:flex}.dev-panel-confirm{gap:6px;display:grid}.dev-panel-confirm-actions{justify-content:flex-end;gap:6px;display:flex}.dev-panel-confirm-actions button{border:var(--hairline-width) solid var(--hairline);background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;padding:4px 8px}.dev-panel-confirm-actions button:hover,.dev-panel-confirm-actions button:focus-visible{border-color:var(--fg);outline:none}.dev-panel-confirm-actions .dev-panel-danger{color:#e5484d;border-color:currentColor}.dev-panel-new{gap:6px;display:flex}.dev-panel-new input,.dev-panel-new button{border:var(--hairline-width) solid var(--hairline);background:var(--surface);color:var(--fg);font:inherit;padding:4px 6px}.dev-panel-new input{-webkit-user-select:text;user-select:text;flex:1;min-width:0}.dev-panel-new input:focus-visible,.dev-panel-new button:hover:not(:disabled),.dev-panel-new button:focus-visible{border-color:var(--fg);outline:none}.dev-panel-new button{cursor:pointer}.dev-panel-new button:disabled{opacity:.4;cursor:default}.dev-panel-link{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.dev-panel-link:hover:not(:disabled),.dev-panel-link:focus-visible{color:var(--fg)}.dev-panel-link:disabled{opacity:.4;cursor:default}.dev-panel-note{color:var(--muted);margin:0}.dev-panel-actions{gap:6px;display:grid}.dev-panel-actions button{border:var(--hairline-width) solid var(--hairline);background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;padding:5px 8px}.dev-panel-actions button:hover,.dev-panel-actions button:focus-visible{border-color:var(--fg)}