[hidden]{display:none!important}.site-header{padding:var(--space-2) var(--space-4);border-bottom:var(--border-hairline) solid var(--color-border);background:var(--color-surface)}.logo-link{align-items:center;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.9}.logo{height:auto;display:block}.site-footer{padding:var(--space-4) var(--space-4);background:var(--color-surface);text-align:center}.site-footer p{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.site-footer a{color:var(--color-accent);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--wn-pink);text-decoration:underline}.receipt-badge{gap:var(--space-1);border-radius:var(--radius);border:var(--border-hairline) solid var(--color-border);flex-direction:column;display:inline-flex}.receipt-badge__text{font-size:var(--text-xs);padding:0 var(--space-2)}.receipt-badge__detail{font-size:var(--text-xs);color:var(--color-fg-muted);font-family:var(--font-mono)}.receipt-badge--full{border-color:var(--color-border);color:var(--color-fg-muted)}.receipt-badge--partial{border-color:var(--delegation-partial);background:var(--delegation-partial-tint);color:var(--delegation-partial)}.receipt-badge--failed{border-color:var(--delegation-failed);background:var(--delegation-failed-tint);color:var(--delegation-failed)}.metric-row{font-size:var(--text-sm);justify-content:space-between;align-items:baseline;display:flex}.classification-results{padding:0;font-size:small}.classification-row{padding:var(--space-1) 0;border-bottom:var(--border-hairline) solid var(--color-border);align-items:center;display:flex}.classification-row:last-child{border-bottom:none}.classification-rank{font-family:var(--font-mono);color:var(--color-accent);min-width:var(--space-4);text-align:center;margin-right:var(--space-2)}.classification-label{font-size:var(--text-sm);color:var(--color-fg);flex:1}.classification-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-muted);margin-left:var(--space-2)}.metric-row__label{color:var(--color-fg-muted)}.metric-row__value{font-weight:var(--weight-medium);color:var(--wn-pink)}.demo-wrap{padding:var(--space-2) var(--space-4);margin:0 auto}.demo-header{margin-bottom:var(--space-4);padding:0 var(--space-4)}.demo-header h1{margin:var(--space-2) 0 0 0;font-size:var(--text-xl)}.demo-header p:first-child{margin-bottom:var(--space-2)}.demo-header p:first-child a{color:var(--color-accent);text-decoration:none}.demo-header p:first-child a:hover{text-decoration:underline}.demo-lede{color:var(--color-fg-muted);margin:0}.demo-layout{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-4);align-items:start;display:grid}.demo-sidebar{top:var(--space-4);position:sticky}.demo-content{min-width:0}.demo-content--live{grid-template-columns:minmax(0, 1fr) var(--log-sidebar-width);gap:var(--space-4);align-items:start;display:grid}.demo-content--live .compare-grid{margin-bottom:0}.demo-content--live .log-status{height:0;min-height:100%;max-height:none;margin-top:0}@media (max-width:72rem){.demo-content--live{grid-template-columns:minmax(0,1fr)}.demo-content--live .log-status{margin-top:var(--space-4);height:auto;min-height:0;max-height:10rem}}.demo-sidebar .sample-image{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-4)}.live-mode-panel{margin-top:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.live-mode-panel .image-upload{padding-top:0}.live-mode-panel .run{margin-top:0}.demo-sidebar .sample-image img{border-radius:var(--radius-sm);max-width:100%;height:auto}.demo-sidebar .sample-image a{color:var(--wn-navy);text-decoration:none}.demo-sidebar .sample-image a:hover{color:var(--wn-pink);text-decoration:underline}.image-upload{padding-top:var(--space-4)}.model-source .image-upload{padding-top:0}.model-source__name{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-fg-muted);overflow-wrap:anywhere}.image-upload__label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);color:var(--color-fg);display:block}.image-upload__input{display:none}.image-upload__button,.run{width:100%;min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center;color:var(--color-fg);cursor:pointer;transition:all .2s;display:flex}.image-upload__button:hover,.run:hover{border-color:var(--color-accent);color:var(--color-accent)}.run{margin-top:var(--space-3)}.run:disabled{opacity:.6;cursor:not-allowed}@media (max-width:48rem){.demo-layout{gap:var(--space-4);grid-template-columns:1fr}.demo-sidebar{position:static}}.demo-controls-group{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:0 0 var(--space-4)}.demo-controls-group__title{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.demo-controls label{font-size:var(--text-sm);align-items:center;gap:var(--space-2);padding:0;display:flex}.inference-count-control{gap:var(--space-2);flex-direction:column;display:flex}.inference-count-slider{cursor:pointer;width:100%}.inference-count-value{font-size:var(--text-sm);color:var(--color-fg);text-align:center}.inference-count-value span{font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--color-accent)}.inference-count-presets{gap:var(--space-1);flex-wrap:wrap;display:flex}.inference-count-preset{min-width:calc(20% - var(--space-1));padding:var(--space-1) var(--space-2);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-fg);cursor:pointer;flex:1;transition:all .2s}.inference-count-preset:hover{border-color:var(--color-accent);color:var(--color-accent)}.inference-count-preset.active{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.litert-version-select{width:100%;padding:var(--space-2);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer;transition:border-color .2s}.litert-version-select:hover{border-color:var(--color-accent)}.litert-version-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-alpha);outline:none}.litert-version-select:disabled{opacity:.6;cursor:not-allowed}.demo-status{font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.5em;margin:var(--space-3) 0}.compare-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.compare-grid:empty:before{content:"Select a backend to start";padding:var(--space-4);color:var(--color-fg-muted);border:var(--border-hairline) dashed var(--color-border);border-radius:var(--radius)}.compare-card{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.compare-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.compare-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-muted)}.compare-card__stage{border-radius:var(--radius);justify-content:center;padding:0;display:flex}.compare-card__stage canvas{border-radius:var(--radius-sm);max-width:100%;height:auto}.compare-card:fullscreen{border:0;border-radius:0;padding:0}.compare-card:fullscreen .compare-card__stage{position:absolute;inset:0}.compare-card:fullscreen .compare-card__stage canvas{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.compare-card__chrome{gap:var(--space-2);flex-direction:column;display:flex}:is(.compare-card:fullscreen .compare-card__header,.compare-card:fullscreen .compare-card__chrome),.stage-overlay{display:none}.compare-card:fullscreen .stage-overlay{right:var(--space-7);bottom:var(--space-7);z-index:1;text-align:right;font-size:var(--stage-overlay-size);line-height:var(--leading-tight);color:var(--stage-overlay-fg);display:block;position:absolute}.classification-container{width:100%}.compare-card__metrics{flex-direction:column;display:flex}.log-status{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-subtle);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius);max-height:10rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-muted);white-space:pre-wrap;line-height:1.6;overflow-y:auto}