.af-pane__body:has(>.af-trace-preview)>.af-editor{height:calc(4.8em + var(--af-space-4));flex:none;min-height:0}.af-trace-preview{box-sizing:border-box;width:auto;min-width:0;height:auto;min-height:0;margin:var(--af-space-3);object-fit:contain;background:var(--af-surface);flex:1 1 0;align-self:stretch;display:block}.af-trace-page .af-pane--output{overflow:hidden}.af-trace-page .af-pane--output[aria-busy=true]:before{content:"";z-index:1;background:var(--af-accent);opacity:0;pointer-events:none;width:35%;height:3px;animation:1.1s ease-in-out infinite af-trace-bar,10ms linear .28s forwards af-trace-bar-in;position:absolute;top:0;left:0}@keyframes af-trace-bar{0%{transform:translate(-120%)}to{transform:translate(380%)}}@keyframes af-trace-bar-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.af-trace-page .af-pane--output[aria-busy=true]:before{width:100%;animation:10ms linear .28s forwards af-trace-bar-in;transform:none}}@media (forced-colors:active){.af-trace-page .af-pane--output[aria-busy=true]:before{background:highlight}}.af-trace-page .af-empty{padding:var(--af-space-4);text-align:center;justify-content:center;align-items:center;inset:0}.af-trace-page .af-empty__text{text-align:center}.af-trace-page .af-trace-upload{min-width:8.5em;color:var(--af-accent);background:var(--af-accent-subtle);border-color:var(--af-accent);justify-content:center}.af-trace-page .af-trace-upload:hover:not(:disabled){color:var(--af-text);background:var(--af-bg);border-color:var(--af-accent)}.af-trace-page .af-pane__body:has(>.af-trace-studio:not([hidden]))>.af-editor{height:calc(4.8em + var(--af-space-4));flex:none;min-height:0}.af-trace-studio{gap:var(--af-space-2);box-sizing:border-box;padding:var(--af-space-3);border-top:1px solid var(--af-border);flex-direction:column;flex:none;display:flex}.af-trace-colors,.af-trace-studio__row{align-items:center;gap:var(--af-space-2);flex-wrap:wrap;min-width:0;display:flex}.af-trace-studio__label,.af-trace-studio__count,.af-trace-studio__word{font-size:var(--af-fs-small);line-height:var(--af-lh-base);color:var(--af-text-2);flex:none}.af-trace-studio__count,.af-trace-studio__word{font-variant-numeric:tabular-nums;color:var(--af-text)}.af-trace-studio__row input[type=range]{min-width:0;accent-color:var(--af-accent);flex:auto}.af-trace-studio__swatches{gap:var(--af-space-1);flex-wrap:wrap;display:flex}.af-trace-studio__swatches input{width:var(--af-h-control);height:var(--af-h-control);border:1px solid var(--af-border);border-radius:var(--af-radius-control);background:0 0;padding:0}.af-trace-studio--mono .af-trace-colors{opacity:.4}.af-trace-studio--mono .af-trace-step,.af-trace-studio--mono .af-trace-studio__swatches input{pointer-events:none}