@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter/inter-v20-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter/inter-v20-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/noto-sans-arabic/noto-sans-arabic-v33-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}:root{color-scheme:light;--bg: #fbf9fb;--surface: #ffffff;--surface-2: #f8e7f9;--border: #e7dfe9;--border-strong: #d5cbd8;--text: #201c24;--text-dim: #6e6876;--accent: #ff2d95;--accent-2: #6f259f;--accent-ink: #c01277;--on-accent: #ffffff;--gradient-signal: linear-gradient(135deg, #ff2d95 0%, #6f259f 100%);--info: #35818f;--info-soft: rgba(95, 179, 193, .16);--warn: #93650a;--warn-soft: rgba(253, 203, 99, .24);--ok: #0e8a5f;--ok-soft: rgba(20, 160, 110, .12);--bad: #d93036;--bad-soft: rgba(217, 48, 54, .1);--shadow-1: 0 1px 2px rgba(32, 20, 40, .08);--shadow-2: 0 8px 24px rgba(32, 20, 40, .14);--scrim: rgba(24, 14, 30, .45);--brand-pink: #ff2d95;--brand-purple: #6f259f;--brand-orange: #ff5a00;--brand-blue: #5fb3c1;--brand-lavender: #eadcea;--brand-yellow: #fdcb63;--brand-purple-tint: #bea2d1;--brand-orange-tint: #edccbb;--brand-blue-tint: #b1dae7;--brand-lavender-tint: #f8e7f9;--gradient-sunset: linear-gradient(135deg, #ff5a00 0%, #ff2d95 50%, #6f259f 100%);--gradient-tech: linear-gradient(135deg, #5fb3c1 0%, #6f259f 100%);--viewer-bg: #000000;--hud-bg: rgba(12, 12, 14, .62);--hud-text: #f4f3f6;--hud-dim: rgba(244, 243, 246, .6);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--font-sans-base: "InterVariable", "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sans: var(--font-sans-base);--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--fs-display: clamp(28px, 6vw, 36px);--fs-title: 22px;--fs-heading: 17px;--fs-body: 15px;--fs-label: 13px;--fs-hint: 14px;--fs-caption: 13px;--fs-metric: 32px;--fs-metric-sm: 20px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-title: 650;--fw-bold: 700;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.5;--lh-label: 1.35;--tracking-label: .06em;--tracking-display: -.02em;--tracking-title: -.01em;--dur-1: 80ms;--dur-2: .15s;--ease: cubic-bezier(.2, .7, .3, 1);--z-header: 100;--z-nav: 100;--z-hud: 300;--z-sheet: 500;--z-toast: 700;--touch-min: 44px;--control-h: 44px;--control-h-lg: 52px;--nav-h: 56px;--rail-w: 72px;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}:root[data-theme=dark]{color-scheme:dark;--bg: #131316;--surface: #1a1a1f;--surface-2: #232329;--border: #2c2c34;--border-strong: #3a3a44;--text: #f4f3f6;--text-dim: #a2a0ac;--accent: #ff2d95;--accent-2: #6f259f;--accent-ink: #ff4da1;--on-accent: #ffffff;--gradient-signal: linear-gradient(135deg, #ff2d95 0%, #6f259f 100%);--info: #5fb3c1;--info-soft: rgba(95, 179, 193, .14);--warn: #fdcb63;--warn-soft: rgba(253, 203, 99, .14);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .14);--bad: #ff5a5f;--bad-soft: rgba(255, 90, 95, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #131316;--surface: #1a1a1f;--surface-2: #232329;--border: #2c2c34;--border-strong: #3a3a44;--text: #f4f3f6;--text-dim: #a2a0ac;--accent: #ff2d95;--accent-2: #6f259f;--accent-ink: #ff4da1;--on-accent: #ffffff;--gradient-signal: linear-gradient(135deg, #ff2d95 0%, #6f259f 100%);--info: #5fb3c1;--info-soft: rgba(95, 179, 193, .14);--warn: #fdcb63;--warn-soft: rgba(253, 203, 99, .14);--ok: #3ecf8e;--ok-soft: rgba(62, 207, 142, .14);--bad: #ff5a5f;--bad-soft: rgba(255, 90, 95, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .6)}}:root,[dir=ltr],.ltr-island{--dir: 1;--to-end: to right;--to-start: to left;--safe-start: var(--safe-left);--safe-end: var(--safe-right)}[dir=rtl]{--dir: -1;--to-end: to left;--to-start: to right;--safe-start: var(--safe-right);--safe-end: var(--safe-left)}:root[lang=ar]{--font-sans: "InterVariable", "Inter", "Noto Sans Arabic", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tracking-label: 0;--tracking-display: 0;--tracking-title: 0}[dir=rtl] :is(.flip-rtl,.icon--mirror-rtl){scale:-1 1}[dir=rtl] :is([dir=ltr],.ltr-island) :is(.flip-rtl,.icon--mirror-rtl){scale:none}.ltr-island{direction:ltr;unicode-bidi:isolate;text-align:match-parent}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{font-weight:var(--fw-semibold);line-height:var(--lh-snug)}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-ink);text-underline-offset:2px}img,canvas,svg,video{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:color-mix(in srgb,var(--accent) 32%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}html:has(dialog.sheet[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);min-width:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--text);font-family:inherit;font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),filter var(--dur-1) var(--ease)}.btn>svg{width:20px;height:20px;flex:none}.btn>ob-icon{flex:none}.btn:active{background:var(--surface-2)}@media(hover:hover){.btn:hover{border-color:var(--text-dim)}}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn--primary,.btn.btn-primary{background:var(--gradient-signal);color:var(--on-accent);border-color:transparent}.btn--primary:active,.btn.btn-primary:active{background:var(--gradient-signal);filter:brightness(.88)}@media(hover:hover){.btn--primary:hover,.btn.btn-primary:hover{border-color:transparent;filter:brightness(1.06)}}.btn--ghost,.btn.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--ghost:active,.btn.btn-ghost:active{background:var(--surface-2)}.btn--icon,.btn.btn-icon{width:var(--touch-min);min-width:var(--touch-min);padding:0;border-radius:var(--radius-md);background:transparent;color:var(--text);border-color:transparent}.btn--icon>svg,.btn.btn-icon>svg{width:24px;height:24px}.btn--icon:active,.btn.btn-icon:active{background:var(--surface-2)}@media(hover:hover){.btn--icon:hover,.btn.btn-icon:hover{background:var(--surface-2);border-color:transparent}}.btn--icon.btn--outlined,.btn--icon.btn-outlined,.btn.btn-icon.btn--outlined,.btn.btn-icon.btn-outlined{border-color:var(--border-strong)}.btn--destructive,.btn.btn-danger{background:var(--bad-soft);color:var(--bad);border-color:transparent}.btn--destructive:active,.btn.btn-danger:active{background:var(--bad-soft);filter:brightness(.92)}@media(hover:hover){.btn--destructive:hover,.btn.btn-danger:hover{border-color:var(--bad)}}.btn--destructive.btn--solid,.btn--destructive.btn-solid,.btn.btn-danger.btn--solid,.btn.btn-danger.btn-solid{background:var(--bad);color:var(--on-accent)}.btn--lg,.btn.btn-lg{min-height:var(--control-h-lg);padding:0 var(--space-6);font-size:16px;border-radius:var(--radius-lg)}.btn--lg.btn-icon,.btn--lg.btn--icon,.btn.btn-lg.btn-icon,.btn.btn-lg.btn--icon{width:var(--control-h-lg);min-width:var(--control-h-lg)}.btn--sm,.btn.btn-sm{min-height:36px;padding:0 var(--space-4);font-size:var(--fs-label)}.btn--block,.btn.btn-block{width:100%}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:0}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__title{font-size:var(--fs-heading);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.card--tappable{width:100%;color:inherit;text-align:start;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease)}.card--tappable:active{background:var(--surface-2)}.card--inset{background:var(--surface-2);border-color:transparent;border-radius:var(--radius-md)}.card--hero{border-radius:var(--radius-xl);padding:var(--space-6)}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.field__label{font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-label);color:var(--text-dim)}.field__hint{font-size:var(--fs-caption);line-height:var(--lh-label);color:var(--text-dim)}.field__error{font-size:var(--fs-caption);line-height:var(--lh-label);color:var(--bad)}.input{display:block;width:100%;min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:16px;line-height:var(--lh-label);transition:border-color var(--dur-1) var(--ease)}.input::placeholder{color:var(--text-dim);opacity:.8}.input:focus-visible{outline-offset:0;border-color:var(--accent);border-radius:var(--radius-sm)}.input:disabled{opacity:.5;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--bad)}.input.mono,.input[type=number]{font-variant-numeric:tabular-nums}textarea.input{min-height:88px;padding:var(--space-3);resize:vertical}select.input{appearance:none;padding-inline-end:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}[dir=rtl] select.input{background-position:10px 50%,15px 50%}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);border:1px solid var(--border);font-size:var(--fs-label);line-height:var(--lh-label)}.banner>ob-icon,.banner>svg{flex:none;color:var(--text-dim)}.banner__body{display:flex;flex-direction:column;gap:2px;min-width:0}.banner__title{font-weight:var(--fw-semibold)}.banner--warn,.banner.banner-warn{background:var(--warn-soft);border-color:transparent}.banner--warn>ob-icon,.banner--warn>svg,.banner.banner-warn>ob-icon,.banner.banner-warn>svg{color:var(--warn)}.banner--info,.banner.banner-info{background:var(--info-soft);border-color:transparent}.banner--info>ob-icon,.banner--info>svg,.banner.banner-info>ob-icon,.banner.banner-info>svg{color:var(--info)}.banner--bad,.banner.banner-bad{background:var(--bad-soft);border-color:transparent}.banner--bad>ob-icon,.banner--bad>svg,.banner.banner-bad>ob-icon,.banner.banner-bad>svg{color:var(--bad)}.slider{display:block}.slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.slider__label{font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-label);color:var(--text-dim)}.slider__value{flex:none;font-family:var(--font-mono);font-size:var(--fs-label);font-variant-numeric:tabular-nums;color:var(--text);unicode-bidi:isolate}.slider__track-wrap{position:relative}.slider input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:var(--touch-min);margin:0;background:transparent;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slider input[type=range]:focus-visible{outline-offset:0;border-radius:var(--radius-sm)}.slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(var(--to-end, to right),var(--accent) 0%,var(--accent) var(--fill, 50%),var(--surface-2) var(--fill, 50%),var(--surface-2) 100%);box-shadow:inset 0 0 0 1px var(--border)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 1px #00000026,var(--shadow-1)}.slider input[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--surface-2)}.slider input[type=range]::-moz-range-progress{height:4px;border-radius:var(--radius-full);background:var(--accent)}.slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 0 1px #00000026,var(--shadow-1)}.slider input[type=range]:disabled{opacity:.4;cursor:not-allowed}.slider__bubble{position:absolute;bottom:calc(100% - 6px);inset-inline-start:calc(12px + (100% - 24px) * var(--fill-n, .5));translate:calc(-50% * var(--dir, 1)) 0;padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-1);font-family:var(--font-mono);font-size:var(--fs-label);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease)}.slider.is-dragging .slider__bubble{opacity:1}.slider.is-disabled .slider__label,.slider.is-disabled .slider__value{opacity:.6}.toggle{position:relative;display:inline-block;width:52px;height:32px;flex:none;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border-strong);transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease);-webkit-tap-highlight-color:transparent}.toggle__input{position:absolute;inset:-7px;z-index:1;width:calc(100% + 14px);height:calc(100% + 14px);margin:0;opacity:0;cursor:pointer}.toggle__input:disabled{cursor:not-allowed}.toggle__thumb{position:absolute;top:1px;inset-inline-start:1px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);pointer-events:none;transition:translate var(--dur-2) var(--ease)}.toggle.is-on,.toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.toggle.is-on .toggle__thumb,.toggle[aria-checked=true] .toggle__thumb{translate:calc(20px * var(--dir, 1)) 0}.toggle:has(.toggle__input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.toggle.is-disabled,.toggle:disabled{opacity:.4}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--touch-min);padding:var(--space-2) 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-row__label{font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-label);color:var(--text)}.toggle-row__hint{font-size:var(--fs-hint);line-height:var(--lh-label);color:var(--text-dim)}.toggle-row.is-disabled{cursor:not-allowed}.toggle-row.is-disabled .toggle-row__text{opacity:.6}.segmented{display:flex;padding:3px;gap:2px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.segmented__item{flex:1 1 0;min-width:0;min-height:38px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:1.2;color:var(--text-dim);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.segmented__item:focus-visible{outline-offset:-2px}@media(hover:hover){.segmented__item:hover{color:var(--text)}}.segmented__item[aria-checked=true]{background:var(--surface);color:var(--text);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1)}.segmented__item--warn[aria-checked=true]{color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn),var(--shadow-1)}.segmented__item:disabled{opacity:.4;cursor:not-allowed}.segmented--scroll{overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--space-2)}.segmented--scroll::-webkit-scrollbar{display:none}.segmented--scroll .segmented__item{flex:0 0 auto;padding:0 var(--space-4);overflow:visible}.pill{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:1;letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);vertical-align:middle}.pill__dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}.pill--ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.pill--warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.pill--info{background:var(--info-soft);color:var(--info);border-color:transparent}.pill--bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.pill--live .pill__dot{animation:pill-pulse 2s ease-in-out infinite}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.35}}.metric{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0}.metric__label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:var(--lh-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-dim)}.metric__row{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1);min-width:0}.metric__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-metric);font-weight:var(--fw-medium);line-height:var(--lh-tight);color:var(--text);overflow-wrap:anywhere}.metric__unit{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-dim)}.metric__caption,.metric__delta{font-size:var(--fs-caption);line-height:var(--lh-label);color:var(--text-dim)}.metric--ok .metric__value{color:var(--ok)}.metric--bad .metric__value{color:var(--bad)}.metric--warn .metric__value{color:var(--warn)}.metric--sm{padding:var(--space-3)}.metric--sm .metric__value{font-size:var(--fs-metric-sm)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:768px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.compare{--split: 50%;position:relative;display:block;width:100%;max-height:min(72dvh,820px);overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--viewer-bg);aspect-ratio:4/3;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.compare__layer{position:absolute;inset:0}.compare__layer>img,.compare__layer>canvas{width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.compare__layer--b{clip-path:inset(0 0 0 var(--split))}.compare__divider{position:absolute;top:0;bottom:0;inset-inline-start:var(--split);z-index:1;width:var(--touch-min);translate:-50% 0;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.compare__divider:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:50%;width:2px;translate:-50% 0;background:#ffffffd9;box-shadow:0 0 0 1px #00000040}.compare__divider:focus-visible{outline-offset:-2px;border-radius:var(--radius-sm)}.compare__grip{position:relative;width:32px;height:32px;border-radius:50%;background:#141418bf;border:1px solid rgba(255,255,255,.5);color:#fff;display:flex;align-items:center;justify-content:center}.compare__tag{position:absolute;top:var(--space-3);z-index:2;max-width:calc(50% - var(--space-6));padding:3px var(--space-2);border-radius:var(--radius-xs);background:#0c0c0e9e;color:#fff;font-size:11px;font-weight:var(--fw-semibold);line-height:1.3;letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;unicode-bidi:plaintext}.compare__tag--a{inset-inline-start:var(--space-3)}.compare__tag--b{inset-inline-end:var(--space-3)}.compare__tag--hint{top:auto;bottom:var(--space-3);inset-inline-start:var(--space-3);max-width:calc(100% - var(--space-6));color:#ffffffc7;font-weight:var(--fw-medium);letter-spacing:0;text-transform:none}.compare.is-dragging{cursor:ew-resize}.compare.is-dragging .compare__tag--hint,.compare.is-peeking .compare__layer--b,.compare.is-peeking .compare__divider,.compare.is-peeking .compare__tag--b,.compare.is-peeking .compare__tag--hint{visibility:hidden}.sheet{position:fixed;inset:auto 0 0;z-index:var(--z-sheet);width:100%;max-width:none;max-height:min(85dvh,640px);margin:0;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-2);overflow:hidden;overscroll-behavior:contain;transition:translate var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),display var(--dur-2) allow-discrete,overlay var(--dur-2) allow-discrete}.sheet::backdrop{background:var(--scrim);transition:opacity var(--dur-2) var(--ease),display var(--dur-2) allow-discrete,overlay var(--dur-2) allow-discrete}.sheet[open]{display:flex;flex-direction:column;translate:0 0;opacity:1}@starting-style{.sheet[open]{translate:0 24px;opacity:0}}.sheet[open]::backdrop{opacity:1}@starting-style{.sheet[open]::backdrop{opacity:0}}.sheet:not([open]){translate:0 24px;opacity:0}.sheet:not([open])::backdrop{opacity:0}.sheet.is-dragging{transition:none}.sheet__top{flex:none;padding-block:var(--space-2) 0;padding-inline:var(--space-4) var(--space-2);touch-action:none;cursor:grab}.sheet__handle{width:36px;height:4px;margin:0 auto var(--space-1);border-radius:var(--radius-full);background:var(--border-strong)}.sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-min)}.sheet__title{min-width:0;font-size:var(--fs-heading);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.sheet__close{margin-inline-start:auto;flex:none}.sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-block:var(--space-2) calc(var(--space-5) + var(--safe-bottom));padding-inline:calc(var(--space-4) + var(--safe-start)) calc(var(--space-4) + var(--safe-end))}.sheet__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.sheet__actions>.btn{flex:1}@media(min-width:768px){.sheet{inset:0;margin:auto;width:min(480px,100vw - 48px);height:fit-content;max-height:min(80dvh,640px);border-bottom:1px solid var(--border);border-radius:var(--radius-lg)}@starting-style{.sheet[open]{translate:0 12px}}.sheet:not([open]){translate:0 12px}.sheet__top{padding-block:var(--space-4) 0;padding-inline:var(--space-6) var(--space-3);touch-action:auto;cursor:auto}.sheet__handle{display:none}.sheet__body{padding:var(--space-3) var(--space-6) var(--space-6)}}.bottom-nav{position:fixed;inset-block:auto 0;inset-inline:0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--nav-h) + var(--safe-bottom));padding-block:0 var(--safe-bottom);padding-inline:var(--safe-start) var(--safe-end);background:var(--surface);background:color-mix(in srgb,var(--surface) 88%,transparent);border-top:1px solid var(--border)}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.bottom-nav{background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}}.bottom-nav__mark{display:none}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--text-dim);font-size:11px;font-weight:var(--fw-medium);line-height:1.2;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--dur-1) var(--ease)}.bottom-nav__item>svg{width:24px;height:24px}.bottom-nav__item:focus-visible{outline-offset:-4px;border-radius:var(--radius-md)}@media(hover:hover){.bottom-nav__item:hover{color:var(--text)}}.bottom-nav__item:active{color:var(--text)}.bottom-nav__item.is-active,.bottom-nav__item.is-active:hover{color:var(--accent-ink)}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1100px){.bottom-nav{inset-block:0;inset-inline:0 auto;width:calc(var(--rail-w) + var(--safe-start));height:auto;grid-template-columns:1fr;grid-auto-rows:64px;align-content:start;gap:var(--space-1);padding-block:calc(var(--safe-top) + var(--space-4)) var(--space-4);padding-inline:var(--safe-start) 0;border-top:none;border-inline-end:1px solid var(--border)}.bottom-nav__mark{display:flex;align-items:center;justify-content:center;height:48px;margin-bottom:var(--space-3)}.bottom-nav__mark>svg{width:28px;height:28px}.bottom-nav__item{margin-inline:var(--space-1);border-radius:var(--radius-md)}}.hud{position:fixed;inset-inline:0;z-index:var(--z-hud);display:flex;align-items:center;gap:var(--space-3);color:var(--hud-text);transition:opacity var(--dur-2) var(--ease)}.hud.is-hidden{opacity:0;pointer-events:none}.hud--top{top:0;padding-block:calc(var(--safe-top) + var(--space-2)) var(--space-2);padding-inline:calc(var(--safe-start) + var(--space-3)) calc(var(--safe-end) + var(--space-3));background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.hud--bottom{bottom:0;justify-content:center;flex-wrap:wrap;padding-block:var(--space-2) calc(var(--safe-bottom) + var(--space-3));padding-inline:calc(var(--safe-start) + var(--space-3)) calc(var(--safe-end) + var(--space-3));background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.hud__title{flex:1;min-width:0;font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--hud-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud__stat{font-family:var(--font-mono);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--hud-dim)}.hud .btn--icon,.hud .btn-icon{color:var(--hud-text);background:var(--hud-bg);border-color:transparent;border-radius:var(--radius-full)}.hud .btn--icon:active,.hud .btn-icon:active{background:#28282ebf}@media(hover:hover){.hud .btn--icon:hover,.hud .btn-icon:hover{background:#28282ebf}}.hud .btn--ghost,.hud .btn-ghost{color:var(--hud-text);background:var(--hud-bg);border-color:#f4f3f63d}.hud .pill{background:var(--hud-bg);border-color:transparent}.hud .pill:not(.pill--ok,.pill--warn,.pill--info,.pill--bad){color:var(--hud-dim)}.lang-switch{display:inline-flex;align-items:center;flex:none;gap:0;color:var(--text-dim);font-size:var(--fs-label);line-height:1}.lang-switch__item{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:inherit;font-weight:var(--fw-medium);letter-spacing:.04em;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--dur-1) var(--ease)}.lang-switch__item:lang(ar){font-size:1.15em;letter-spacing:0}@media(hover:hover){.lang-switch__item:hover{color:var(--text)}}.lang-switch__item[aria-pressed=true]{color:var(--text);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.lang-switch__item:focus-visible{outline-offset:-2px}.lang-switch__sep{opacity:.5;-webkit-user-select:none;user-select:none}.lang-switch[aria-busy=true]{cursor:progress}.lang-switch--hud{color:var(--hud-dim)}@media(hover:hover){.lang-switch--hud .lang-switch__item:hover{color:var(--hud-text)}}.lang-switch--hud .lang-switch__item[aria-pressed=true]{color:var(--hud-text)}.page{display:block;width:100%;max-width:720px;margin-inline:auto;padding-block:calc(var(--safe-top) + var(--space-5)) var(--space-7);padding-inline:calc(var(--safe-start) + var(--space-4)) calc(var(--safe-end) + var(--space-4))}@media(min-width:768px){.page{padding-top:calc(var(--safe-top) + var(--space-7));padding-inline:calc(var(--safe-start) + var(--space-6)) calc(var(--safe-end) + var(--space-6))}}@media(min-width:1100px){.page{padding-inline-start:var(--space-6)}}@media(min-width:768px){.page.page-wide,.page--wide{max-width:920px}}@media(min-width:1100px){.page.page-wide,.page--wide{max-width:1040px}}.page-header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.page-header h1,.page-header__title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-snug);letter-spacing:var(--tracking-title)}.page-header p,.page-header__subtitle{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-dim)}.page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section+.section{margin-top:var(--space-7)}.action-dock{position:sticky;bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--space-3));z-index:calc(var(--z-nav) - 1);display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 var(--space-3) 0 var(--space-3) var(--bg),var(--shadow-2)}.action-dock>.btn{flex:1}.action-dock>.btn-icon,.action-dock>.btn--icon{flex:none}@media(min-width:1100px){.action-dock{position:static;box-shadow:none}}.lab-grid{display:grid;gap:var(--space-5)}.lab-grid>*{min-width:0}@media(min-width:768px){.lab-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start}}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(min-width:1100px){.analysis-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:where(.app-content>:not(router-outlet)){display:block}html:has(>body>app-root>ob-bottom-nav.is-hidden){overflow:hidden;overscroll-behavior:none}.viewer{position:fixed;inset:0;overflow:hidden;background:var(--viewer-bg);color:var(--hud-text);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.viewer__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}.viewer__shield{position:absolute;inset:0;z-index:calc(var(--z-hud) + 1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--viewer-bg);color:var(--hud-dim);font-size:var(--fs-label)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent-ink)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-bad{color:var(--bad)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.text-display{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-display)}.text-title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-snug)}.text-heading{font-size:var(--fs-heading);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.text-label{font-size:var(--fs-label);font-weight:var(--fw-medium);line-height:var(--lh-label)}.text-caption{font-size:var(--fs-caption);line-height:var(--lh-label)}.eyebrow{font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:var(--lh-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-dim)}.gradient-text{background:var(--gradient-signal);-webkit-background-clip:text;background-clip:text;color:transparent}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack.stack-xs{gap:var(--space-1)}.stack.stack-sm{gap:var(--space-2)}.stack.stack-lg{gap:var(--space-6)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.row.row-sm{gap:var(--space-2)}.row.row-between{justify-content:space-between}.row.row-end{justify-content:flex-end}.row.row-nowrap{flex-wrap:nowrap}.row.row-top{align-items:flex-start}.grow{flex:1 1 0;min-width:0}.divider{height:1px;margin:0;border:0;background:var(--border)}.visually-hidden,.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}