:root{color:#171b23;font-synthesis:none;--ink:#171b23;--muted:#6b727e;--line:#dfe3e9;--surface:#fff;--blue:#2457dd;--blue-dark:#1a43af;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;color:var(--ink);background:#f5f6f8;margin:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled,select:disabled{cursor:wait;opacity:.58}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0}.topbar-inner,.telemetry,.main-content,.footer{width:min(100% - 48px,1500px);margin-inline:auto}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:74px;display:flex}.brand-group{align-items:center;gap:13px;min-width:0;display:flex}.brand-logo{width:118px;height:auto;display:block}.edition{border-left:1px solid var(--line);color:var(--muted);padding-left:13px;font-size:13px;font-weight:600}.toolbar{align-items:center;gap:10px;display:flex}.model-field{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.model-field select{appearance:none;border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%235a6370' stroke-width='1.6'/%3E%3C/svg%3E") right 10px center / 12px 8px no-repeat;min-width:170px;color:var(--ink);border-radius:7px;padding:9px 28px 9px 11px;font-size:14px;font-weight:600}.provider-switch{border:1px solid var(--line);background:#f4f5f7;border-radius:7px;gap:2px;padding:3px;display:inline-flex}.provider-switch button{min-width:48px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:7px 9px;font-size:13px;font-weight:700}.provider-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1722381b}.run-button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;min-width:191px;padding:10px 12px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.run-button:hover:not(:disabled){background:var(--blue-dark)}.run-button[data-running=true]{color:var(--ink);background:#eff1f5;border-color:#cfd5df}.run-button[data-running=true]:hover:not(:disabled){background:#e7ebf1}.run-symbol{font-size:17px;line-height:1}.telemetry{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:stretch;min-height:62px;display:grid}.metric{flex-direction:column;justify-content:center;gap:3px;padding:8px 20px 9px 0;display:flex}.metric+.metric{border-left:1px solid var(--line);padding-left:20px}.metric span{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:650}.metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:680}.runtime{color:#255f50;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:145px;font-size:13px;font-weight:700;display:inline-flex}.runtime-dot{background:#1d9c73;border-radius:50%;width:7px;height:7px}.runtime[data-state=loading]{color:var(--muted)}.runtime[data-state=loading] .runtime-dot{background:#a1a8b2}.runtime[data-state=error]{color:#ae3939}.runtime[data-state=error] .runtime-dot{background:#ae3939}.runtime[data-state=cpu]{color:#9b5c22}.runtime[data-state=cpu] .runtime-dot{background:#d28742}.progress-track{background:0 0;height:2px}.progress-track span{background:var(--blue);width:0;height:100%;transition:width .12s;display:block}.main-content{min-height:calc(100svh - 197px);padding-top:30px;padding-bottom:36px}.intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:20px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.085em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:750}h1{letter-spacing:-.06em;margin:0;font-size:clamp(27px,3vw,38px);font-weight:650;line-height:1.13}.description{color:#56606d;max-width:630px;margin:10px 0 0;font-size:15px;line-height:1.5}.note{max-width:305px;color:var(--muted);margin:0 0 2px;font-size:13px;line-height:1.45}.status{color:#536071;min-height:20px;margin:0 0 20px;font-size:14px}.gallery{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px;display:grid}.image-tile{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;margin:0;animation:.18s ease-out both arrive;overflow:hidden}.image-tile canvas{aspect-ratio:1;background:#e9edf2;width:100%;height:auto;display:block}.image-tile figcaption{color:#7a838f;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;gap:8px;padding:8px 10px;font-size:11px;display:flex}.image-tile figcaption span:first-child{text-overflow:ellipsis;overflow:hidden}.image-tile figcaption span:last-child{color:#4d5765;font-weight:650}.empty-state{color:#8b929d;background:#ffffffa6;border:1px dashed #d7dce4;border-radius:8px;grid-column:1/-1;place-items:center;min-height:250px;font-size:15px;display:grid}.history-note{color:#8a919c;margin:18px 0 0;font-size:12px}.footer{border-top:1px solid var(--line);color:#858d99;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:12px;display:flex}.footer button{color:#606b79;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.footer button:hover:not(:disabled){color:var(--blue)}@keyframes arrive{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.telemetry{grid-template-columns:repeat(5,minmax(0,1fr))}.runtime{display:none}}@media (width<=850px){.topbar-inner{flex-wrap:wrap;justify-content:center;gap:12px;padding-block:12px}.toolbar{justify-content:space-between;width:100%}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.intro{align-items:flex-start}.note{max-width:210px}}@media (width<=650px){.topbar-inner,.telemetry,.main-content,.footer{width:min(100% - 28px,1500px)}.topbar-inner{justify-content:flex-start}.brand-group{width:100%}.brand-logo{width:100px}.toolbar{flex-wrap:wrap;gap:8px}.model-field{flex:1}.model-field>span{display:none}.model-field select{width:100%;min-width:0}.run-button{flex:100%;justify-content:center;min-width:0}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:50px;padding-right:10px}.metric+.metric{padding-left:12px}.metric:nth-child(odd){border-left:0;padding-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.metric:nth-child(5){display:none}.metric span{font-size:11px}.metric strong{font-size:16px}.main-content{padding-top:20px}.intro{display:block}.note{max-width:none;margin-top:11px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-tile figcaption{padding:7px;font-size:10px}.footer{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}