@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-regular.DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-mono-medium.DSY6xOcd.woff2)format("woff2")}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums slashed-zero;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);--background:#080a0e;--surface:#0c0f14;--muted:#7b828c;--border:#ffffff1c;--accent:#ffa028;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:400}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafaf8;--surface:#f1f2f2;--muted:#656b74;--border:#1b20261c;--accent:#925b15}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:27px;padding:2px 5px;display:flex;position:absolute;inset:0 0 auto}.brand{color:var(--accent);font-size:11px;font-weight:500;line-height:1.5;position:absolute;left:5px}main{place-items:center;min-height:100svh;padding:48px 16px;display:grid}.holding{--frame-y:26px;--rail-height:25px;width:min(100%,510px);padding:var(--frame-y) 32px;position:relative}.panel-outline{border:1px solid var(--border);pointer-events:none;position:absolute}.outline-back{inset:0 24px 46px 0}.outline-front{inset:calc(var(--frame-y) + var(--rail-height)) 0 0 24px}.outline-back:before,.outline-front:after{content:"";background:var(--accent);width:16px;height:4px;position:absolute}.outline-back:before{top:-1px;left:-1px}.outline-front:after{bottom:-1px;right:-1px}.image-panel{border:1px solid var(--border);background:var(--background);position:relative}.panel-rail{height:var(--rail-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:0 0 0 6px;display:flex}.rail-mark{background:var(--accent);width:18px;height:2px}.rail-control{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.rail-expand{color:var(--muted);display:block}.image-body{padding:12px}img{object-fit:contain;width:100%;height:auto;max-height:calc(100svh - 224px);display:block}h1{color:var(--accent);margin:0;padding:1px 7px;font-size:10px;font-weight:400;line-height:18px}.theme-toggle{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;right:5px}.theme-toggle:hover{color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.theme-toggle[hidden],.moon,:root[data-theme=light] .sun{display:none}:root[data-theme=light] .moon{display:block}@media (width<=650px) and (orientation:portrait){main{align-items:start;padding-top:clamp(64px,14svh,112px);padding-bottom:32px}}@media (width<=420px){.holding{--frame-y:20px;padding-inline:16px}.image-body{padding:6px}.outline-back{right:16px}.outline-front{left:16px}}