.codec-palette{--codec-bg: #06090b;--codec-panel: #0b1215;--codec-frame: #2c3a40;--codec-ink: #e8f2ef;--codec-dim: #a9c0b9;--codec-me: #9ec9ff;--codec-scan: rgba(0, 0, 0, .14);--codec-line: #3fe0b0;--codec-glow: #c8fff0;--codec-tone-hi: #a9bccb;--codec-tone-mid: #5f7383;--codec-tone-lo: #2c3a45;--codec-outline: #04070a}.codec-tint-accent{--codec-line: var(--accent-light);--codec-glow: #dcebff}.codec-tint-success{--codec-line: var(--success);--codec-glow: #d4ffe8}.codec-tint-warning{--codec-line: var(--warning);--codec-glow: #fff0c8}[data-theme=light] .codec-palette{--codec-bg: #eceff3;--codec-panel: #f5f7f9;--codec-frame: #9aa7b0;--codec-ink: #0d1a17;--codec-dim: #2c3f3a;--codec-me: #1c4f8f;--codec-scan: rgba(255, 255, 255, .2);--codec-line: #0a6b52;--codec-glow: #033b2b;--codec-tone-hi: #e2e8ed;--codec-tone-mid: #a7b6c2;--codec-tone-lo: #697d8c;--codec-outline: #0d1a17}[data-theme=light] .codec-tint-accent{--codec-line: var(--accent);--codec-glow: #1b2f52}[data-theme=light] .codec-tint-success{--codec-line: var(--success);--codec-glow: #123824}[data-theme=light] .codec-tint-warning{--codec-line: var(--warning);--codec-glow: #3f2b08}.portrait.svelte-zf2ftz{position:relative;width:100%;height:100%;min-height:120px;overflow:hidden}.portrait.svelte-zf2ftz .codec-face-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.dim.svelte-zf2ftz .codec-face-canvas{opacity:.35}