:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0f0f0;--ink:#111;--dim:#5f5f5f;--line:#0000001f;--glass:#ffffffbd;--gilt:#111;--focus:#1a56db;--font:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:var(--bg);border-radius:4px;padding:8px 14px;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.app{position:fixed;inset:0}.stage{touch-action:none;cursor:grab;background:var(--bg);position:absolute;inset:0}.stage:active{cursor:grabbing}.loader{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;margin:0;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bar{left:20px;top:calc(env(safe-area-inset-top,0px) + 16px);pointer-events:none;position:absolute}.title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.tools{left:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);gap:8px;display:flex;position:absolute}.hint{right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);color:var(--dim);letter-spacing:.02em;pointer-events:none;margin:0;font-size:12.5px;position:absolute}.chip{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px;text-decoration:none;display:inline-block}.chip[aria-pressed=true]{border-color:var(--gilt);color:var(--gilt)}.panel{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 62px);width:min(940px,100% - 40px);position:absolute;transform:translate(-50%)}.caption{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);opacity:0;visibility:hidden;border-radius:8px;grid-template-columns:minmax(170px,1fr) minmax(0,2.4fr) auto;align-items:start;gap:22px;padding:14px 18px;transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:grid;transform:translateY(10px)}.panel[data-open=true] .caption,.panel:focus-within .caption{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:none}.caption .blurb{margin:0}.caption .tech{flex-wrap:wrap;gap:2px 14px;margin-top:6px;display:flex}.caption .actions{flex-direction:column;align-items:flex-end;gap:6px;margin:0}.caption .size{margin:0}.count{letter-spacing:.16em;color:var(--gilt);margin:0;font-size:11.5px}.caption h1{letter-spacing:-.01em;margin:2px 0 0;font-size:22px;font-weight:500;line-height:1.15}.after{color:var(--dim);margin:2px 0 0;font-size:13px}.blurb{margin:10px 0 0}.tech{color:var(--dim);gap:4px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.tech li{padding-left:14px;position:relative}.tech li:before{content:"";background:var(--gilt);width:7px;height:1px;position:absolute;top:.72em;left:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px}.actions button.primary{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.actions button:disabled{opacity:.6;cursor:default}.size{color:var(--dim);margin-left:auto;font-size:12px}.works{top:calc(env(safe-area-inset-top,0px) + 10px);position:absolute;left:200px;right:20px}.works ol{scrollbar-width:none;gap:6px;width:max-content;max-width:100%;margin:0 0 0 auto;padding:4px;list-style:none;display:flex;overflow-x:auto}.works button{white-space:nowrap;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--dim);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;display:flex}.works button[aria-current=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.works button[aria-current=true] .n{color:#fff}.works .n{color:var(--gilt);font-variant-numeric:tabular-nums;font-size:11px}.stats{border:1px solid var(--line);color:#cfe9c8;white-space:pre;background:#000000c7;border-radius:4px;margin:0;padding:10px 12px;font:12px/1.55 ui-monospace,Consolas,monospace;position:absolute;bottom:64px;left:20px}.viewer{z-index:20;color:#ece7db;--line:#ece7db24;--dim:#a39f94;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 8px;border-bottom:1px solid var(--line);background:#0b0c0b;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.viewer-bar button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px}.viewer-bar h2{margin:0;font-size:15px;font-weight:600}.viewer-bar .controls{color:var(--dim);flex:1;min-width:12ch;margin:0;font-size:12.5px}.viewer-bar a{color:var(--dim);font-size:12.5px}.viewer-bar button[aria-pressed=true]{color:#e0c28f;border-color:#e0c28f}.scene-controls{border-bottom:1px solid var(--line);background:#0b0c0b;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:8px 14px;display:flex}.scene-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.scene-group-label{color:var(--dim);margin-right:4px;font-size:11.5px}.scene-group button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12.5px}.scene-group button[aria-pressed=true]{color:#111;background:#ece7db;border-color:#ece7db}.scene-stats{z-index:2;border:1px solid var(--line);color:#cfe9c8;white-space:pre;pointer-events:none;background:#000000c7;border-radius:4px;margin:0;padding:10px 12px;font:12px/1.55 ui-monospace,Consolas,monospace;position:absolute;bottom:14px;left:14px}.viewer iframe{border:0;flex:1;width:100%;display:block}.viewer-loading{color:var(--dim);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:760px),(hover:none){.caption{opacity:1;visibility:visible;transform:none}}@media (max-width:760px){.panel{width:calc(100% - 24px);bottom:58px}.caption{grid-template-columns:1fr;gap:8px;max-height:40vh;padding:12px 14px;overflow:auto}.caption h1{font-size:19px}.caption .actions{flex-direction:row;align-items:center}.tech{display:none!important}.works{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 40px)}.bar{left:12px}.hint{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}