.avatar-feature{--ink-strong:var(--foreground);--ink:var(--foreground);--ink-muted:var(--muted-foreground);--ink-faint:color-mix(in oklch, var(--muted-foreground) 72%, transparent);--line:var(--border);--line-strong:color-mix(in oklch, var(--border) 58%, var(--foreground));--surface:var(--card);--surface-raised:color-mix(in oklch, var(--card) 94%, var(--muted));--surface-subtle:color-mix(in oklch, var(--card) 75%, var(--muted));--stage:#e9e4dc;--accent:var(--primary);--accent-strong:var(--primary);--accent-soft:var(--accent);--danger:var(--destructive);--danger-strong:var(--destructive);--danger-soft:color-mix(in oklch, var(--destructive) 12%, var(--card));color:var(--ink)}@supports (color:lab(0% 0 0)){.avatar-feature{--stage:lab(90.7399% 1.05202 4.45001)}}.avatar-feature .button-primary,.avatar-feature .button-secondary,.avatar-feature .button-danger{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1;transition:color .16s,background-color .16s,border-color .16s;display:inline-flex}.avatar-feature .button-primary{border:1px solid var(--accent-strong);color:var(--primary-foreground);background:var(--accent)}.avatar-feature .button-primary:hover{filter:brightness(1.08)}.avatar-feature .button-secondary{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.avatar-feature .button-secondary:hover{border-color:var(--line-strong);color:var(--ink-strong);background:var(--surface-raised)}.avatar-feature .button-danger{border:1px solid var(--danger-strong);color:#fff;background:var(--danger)}.avatar-feature .button-primary:disabled,.avatar-feature .button-secondary:disabled,.avatar-feature .button-danger:disabled{cursor:not-allowed;opacity:.48}.avatar-feature .text-area{border:1px solid var(--line);width:100%;color:var(--ink-strong);background:var(--surface);resize:vertical;border-radius:6px;outline:none;padding:10px 11px;font-size:13px;font-weight:500;line-height:1.5}.avatar-feature .text-area:focus-visible{border-color:var(--ring);outline:1px solid var(--ring);outline-offset:-1px;box-shadow:none}.avatar-feature .error-banner{border:1px solid color-mix(in oklch, var(--danger) 30%, var(--line));color:var(--danger-strong);background:var(--danger-soft);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5}.avatar-feature.avatar-preview-frame{aspect-ratio:4/3;background-color:var(--stage);background-image:linear-gradient(#d3c9bd52 1px,#0000 1px),linear-gradient(90deg,#d3c9bd52 1px,#0000 1px);background-image:linear-gradient(lab(81.4652% 1.92839 7.42431/.32) 1px,#0000 1px),linear-gradient(90deg,lab(81.4652% 1.92839 7.42431/.32) 1px,#0000 1px);background-size:32px 32px;flex:none;width:100%;position:relative;overflow:hidden}.avatar-feature .avatar-thumbnail{object-fit:contain;background:#f8f4ef;background:lab(96.5339% .690222 2.95945);width:100%;height:100%;display:block}.avatar-feature .avatar-thumbnail-placeholder{width:100%;height:100%;color:var(--ink-faint);background:var(--stage);place-items:center;display:grid}.avatar-feature .segmented-control,.avatar-feature.segmented-control{border:1px solid var(--line);background:var(--surface-subtle);border-radius:7px;align-items:center;gap:2px;min-width:0;margin:0;padding:3px;display:inline-flex}.avatar-feature .segmented-radio-option{cursor:pointer;flex:1;min-width:0}.avatar-feature .segmented-radio-label{min-height:34px;color:var(--ink-muted);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.avatar-feature .segmented-radio-option:hover .segmented-radio-label{color:var(--ink)}.avatar-feature .segmented-radio-option input:checked+.segmented-radio-label{color:var(--ink-strong);background:var(--surface);box-shadow:0 1px 2px #0e191317;box-shadow:0 1px 2px lab(7.47972% -5.83105 2.30886/.09)}.avatar-feature .segmented-radio-option input:focus-visible+.segmented-radio-label{outline:1px solid var(--ring);outline-offset:-1px}.avatar-feature .segmented-radio-option input:disabled+.segmented-radio-label{cursor:not-allowed;opacity:.5}.avatar-feature.diagnostics-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:20px;height:calc(100dvh - 128px);min-height:560px;display:grid}.avatar-feature .diagnostics-tools{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:16px;display:grid;overflow:hidden}.avatar-feature .diagnostics-tool-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;margin-top:20px;padding-right:4px;overflow-y:auto}.avatar-feature .diagnostics-stage{border:1px solid var(--line);background-color:var(--stage);background-image:linear-gradient(#d3c9bd52 1px,#0000 1px),linear-gradient(90deg,#d3c9bd52 1px,#0000 1px);background-image:linear-gradient(lab(81.4652% 1.92839 7.42431/.32) 1px,#0000 1px),linear-gradient(90deg,lab(81.4652% 1.92839 7.42431/.32) 1px,#0000 1px);background-size:32px 32px;border-radius:8px;height:100%;min-height:0;position:relative;overflow:hidden}.avatar-feature .parameter-heading{z-index:1;color:var(--ink-muted);background:color-mix(in oklch, var(--surface) 94%, transparent);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 0;font-size:11px;font-weight:700;position:sticky;top:0}.avatar-feature .parameter-row{margin-bottom:6px;display:block}.avatar-feature .telemetry-dock,.avatar-feature.telemetry-dock{border-top:1px solid var(--line);background:color-mix(in oklch, var(--surface) 94%, var(--accent) 6%);min-width:0;color:var(--ink-muted)}.avatar-feature .telemetry-summary{width:100%;min-height:42px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.avatar-feature .telemetry-summary:hover{color:var(--ink-strong);background:color-mix(in oklch, var(--surface-subtle) 78%, transparent)}.avatar-feature .telemetry-signal,.avatar-feature .telemetry-summary-stats{align-items:center;display:flex}.avatar-feature .telemetry-signal{color:var(--ink-strong);gap:6px;font-size:11px;font-weight:750}.avatar-feature .telemetry-signal svg{color:var(--ink-faint)}.avatar-feature .telemetry-signal.active svg{color:var(--success)}.avatar-feature .telemetry-summary-stats{white-space:nowrap;justify-content:flex-end;gap:9px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden}.avatar-feature .telemetry-summary-stats span+span:before{color:var(--line-strong);content:"·";margin-right:9px}.avatar-feature .telemetry-summary>svg{transition:transform .18s cubic-bezier(.65,0,.35,1)}.avatar-feature .telemetry-dock.expanded .telemetry-summary>svg,.avatar-feature.telemetry-dock.expanded .telemetry-summary>svg{transform:rotate(180deg)}.avatar-feature .telemetry-details{border-top:1px solid color-mix(in oklch, var(--line) 72%, transparent);scrollbar-gutter:stable;max-height:min(310px,38dvh);padding:10px 12px 12px;overflow:auto}.avatar-feature .telemetry-section-heading{color:var(--ink-strong);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;font-size:10px;font-weight:750;display:flex}.avatar-feature .telemetry-section-heading span:last-child{color:var(--ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:550}.avatar-feature .telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 7px;display:grid}.avatar-feature .telemetry-cell{min-width:0}.avatar-feature .telemetry-cell-copy{min-width:0;color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.35;display:flex}.avatar-feature .telemetry-cell-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-feature .telemetry-cell-copy output{color:var(--ink-faint);flex:none}.avatar-feature .telemetry-meter{background:color-mix(in oklch, var(--line) 72%, transparent);border-radius:2px;height:2px;margin-top:2px;overflow:hidden}.avatar-feature .telemetry-meter i{border-radius:inherit;background:var(--accent);height:100%;display:block}.avatar-feature .telemetry-emotion-heading{margin-top:13px}.avatar-feature .telemetry-emotions{flex-wrap:wrap;gap:5px;display:flex}.avatar-feature .telemetry-emotions span{border:1px solid var(--line);background:var(--surface);border-radius:4px;align-items:center;gap:5px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:inline-flex}.avatar-feature .telemetry-emotions b{color:var(--ink-strong);font-weight:700}.avatar-feature .telemetry-emotions .quiet,.avatar-feature .telemetry-empty{color:var(--ink-faint)}.avatar-feature .telemetry-empty{margin:0;font-size:10px;line-height:1.5}.avatar-feature .telemetry-mapped{margin-top:11px;font-size:9px}.avatar-feature .telemetry-mapped summary{color:var(--ink-muted);cursor:pointer}.avatar-feature .telemetry-mapped>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 7px;padding-top:8px;display:grid}@media (max-width:979px){.avatar-feature.diagnostics-layout{grid-template-rows:auto 560px;grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.avatar-feature .diagnostics-tools{min-height:560px}.avatar-feature .diagnostics-stage{min-height:520px}}