:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eef3;background:#0c1117;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{grid-template-columns:310px minmax(0,1fr);height:100dvh;margin:0;display:grid;overflow:hidden}.panel{z-index:2;background:#111820;border-right:1px solid #26323e;padding:28px 24px;overflow:auto}.field-label,legend{color:#aebbc7;text-transform:uppercase;letter-spacing:.11em;margin-bottom:10px;font-size:10px;font-weight:650;display:block}select{color:#f0f5f8;width:100%;font:inherit;background:#1b2632;border:1px solid #344454;border-radius:6px;padding:10px 12px;font-size:13px}fieldset{border:0;margin:24px 0 0;padding:0}.format{cursor:pointer;border:1px solid #2b3743;border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 10px;display:flex}.format:has(input:checked){background:#19342e;border-color:#6fe4b1}.format input{accent-color:#6fe4b1;margin:0}.format strong{font-size:12px;font-weight:600;display:block}.format small{color:#9fb0bd;margin-top:4px;font-size:10px;line-height:1.4;display:block}.format.unavailable{opacity:.48;cursor:not-allowed}.metrics{border-top:1px solid #2b3743;margin-top:24px;padding-top:22px}.metric{margin-bottom:24px}.metric-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.metric h2{color:#b9c7d0;margin:0;font-size:12px;font-weight:500}.metric h2 span{color:#91a3b3;margin-top:3px;font-size:10px;display:block}.metric strong{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:22px;font-weight:600}.track{background:#2c3946;border-radius:8px;height:5px;margin:12px 0 7px;overflow:hidden}.track div{background:#6fe4b1;width:0;height:100%;transition:width .25s}#gpu-bar{background:#7fb0ff}.metric p{color:#9baebb;min-height:14px;margin:0;font-size:10px}.texture-detail{color:#9baebb;font-size:10px;line-height:1.65}#viewer{background:#080c11;min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-top,footer,.status-wrap{z-index:1;pointer-events:none;position:absolute}.viewer-top{top:22px;right:24px}.orbit-hint{color:#e0e8ed;background:#111820b8;border-radius:4px;padding:7px;font-size:11px}.status-wrap{top:64px;left:24px;right:24px}#status{color:#b6c8d2;background:#111820dd;border-radius:5px;max-width:520px;padding:10px 12px;font-size:12px;line-height:1.6;display:inline-block}#status[data-state=ready]{display:none}#status[data-state=error]{color:#ffb8af}#retry{pointer-events:auto;color:#0e211a;cursor:pointer;background:#6fe4b1;border:0;border-radius:4px;padding:8px 12px;display:block}#retry[hidden]{display:none}footer{background:#111820b8;border-radius:5px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 48px);padding:10px 12px;bottom:25px;left:24px;right:24px}footer a{color:#93a7b5;pointer-events:auto;font-size:10px;text-decoration:none}footer a:hover{text-decoration:underline}:focus-visible{outline-offset:4px;outline:2px solid #9cceff}@media (min-width:701px) and (max-height:760px){.panel{padding:18px 20px}.field-label,legend{margin-bottom:6px}select{padding:7px 10px}fieldset{margin-top:14px}.format{margin-bottom:6px;padding:8px 9px}.format small{margin-top:2px}.metrics{margin-top:14px;padding-top:12px}.metric{margin-bottom:12px}.metric strong{font-size:20px}.metric h2 span{font-size:8px;display:inline}.track{margin:7px 0 5px}.texture-detail{margin:0}}@media (max-width:700px){body{grid-template-rows:minmax(270px,52dvh) minmax(0,1fr);grid-template-columns:1fr}#viewer{grid-row:1}.panel{border-top:1px solid #26323e;border-right:0;grid-row:2;padding:20px}.viewer-top{top:14px;right:16px}.orbit-hint{font-size:9px}.status-wrap{top:45px;left:16px}footer{bottom:15px;left:16px}}@media (prefers-reduced-motion:reduce){.track div{transition:none}}