:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080a12;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#080a12;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}#format-app{min-height:100svh;position:relative;overflow:hidden}#scene-shell{position:fixed;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.format-hud{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0c1121e6,#080a12ad);border:1px solid #a7b5d733;border-radius:1.2rem;width:min(42rem,100% - 2rem);margin:1.2rem;padding:1.25rem;position:relative;box-shadow:0 1.5rem 4rem #00000052}.back-link,.sources a{color:#8fe5d9;text-decoration:none}.back-link{letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.1rem;font:.65rem IBM Plex Mono,ui-monospace,monospace;display:inline-block}.back-link:hover,.sources a:hover{color:#fff}.eyebrow,.status-kicker,.readout span,.signature{letter-spacing:.11em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace}.eyebrow{color:#7bd7ce;font-size:.65rem}h1{letter-spacing:-.075em;max-width:10ch;margin:.7rem 0 .85rem;font-size:clamp(2.5rem,7vw,5.6rem);font-weight:500;line-height:.88}.intro{color:#aeb6ca;max-width:37rem;margin:0;font-size:.9rem;line-height:1.55}code{color:#c8fff5}.status-row{border-top:1px solid #a7b5d724;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding-top:1rem;display:flex}.status-row strong{color:#eef2ff;letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem;font:.8rem IBM Plex Mono,ui-monospace,monospace;display:block}.status-row p{color:#8f9ab3;margin:.3rem 0 0;font-size:.78rem;line-height:1.4}.backend{text-align:right;min-width:5rem}.status-kicker{color:#6e7b96;font-size:.57rem}.metrics{grid-template-columns:repeat(4,1fr);gap:.45rem;margin:1rem 0;display:grid}.metrics div{background:#0e1425a6;border:1px solid #a7b5d724;border-radius:.7rem;padding:.65rem .7rem}.metrics dt{color:#6e7b96;letter-spacing:.1em;font:.55rem IBM Plex Mono,ui-monospace,monospace}.metrics dd{color:#ecfff9;margin:.3rem 0 0;font:1rem IBM Plex Mono,ui-monospace,monospace}.controls{flex-wrap:wrap;gap:.45rem;display:flex}.controls button{color:#dffdf6;background:#18383dbd;border:1px solid #7bd7ce59;border-radius:.55rem;padding:.62rem .75rem;font-size:.72rem}.controls button:hover:not(:disabled){background:#245356d6;border-color:#96f4e1}.readout-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.readout{background:#06091261;border:1px solid #a7b5d71f;border-radius:.7rem;min-width:0;padding:.65rem .7rem}.readout span{color:#71809c;font-size:.53rem;display:block}.readout strong{color:#dae2f7;text-overflow:ellipsis;white-space:nowrap;margin-top:.3rem;font-size:.73rem;font-weight:500;display:block;overflow:hidden}.readout small{color:#77839b;margin-top:.28rem;font-size:.63rem;line-height:1.3;display:block}.contract{color:#83d8cc;margin:.85rem 0 0;font:.63rem/1.5 IBM Plex Mono,ui-monospace,monospace}.sources{color:#75819a;margin:.8rem 0 0;font-size:.65rem;line-height:1.45}.scene-label{z-index:1;color:#dce7ffb8;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;font:.57rem IBM Plex Mono,ui-monospace,monospace;position:fixed}.scene-label span{color:#7ed7ccb8;margin-top:.3rem;font-size:.5rem;display:block}.lane-label{bottom:13%;left:48%}.webp-label{bottom:13%;left:65%}.avif-label{bottom:13%;left:82%}.signature{z-index:1;color:#93a0be8c;font-size:.55rem;position:fixed;bottom:1rem;right:1.2rem}@media (width<=780px){body{overflow:auto}#format-app{min-height:100svh}#scene-shell{min-height:100svh;position:absolute}.format-hud{margin:.7rem}.lane-label,.signature{display:none}}@media (width<=520px){.format-hud{width:calc(100% - 1.4rem);padding:1rem}.metrics{grid-template-columns:repeat(2,1fr)}.readout-grid{grid-template-columns:1fr}.status-row{align-items:flex-start}}
