.af-toggle{font-size:var(--af-fs-body);color:var(--af-text-2);border-radius:var(--af-radius-control);cursor:pointer;transition:color var(--af-transition), background-color var(--af-transition);align-items:center;gap:8px;padding:5px 6px;display:flex;position:relative}.af-toggle:hover{color:var(--af-text);background:var(--af-surface)}.af-toggle__input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.af-toggle__track{background:color-mix(in srgb, var(--af-muted) 25%, transparent);border:1px solid var(--af-border);width:22px;height:12px;transition:background-color var(--af-transition), border-color var(--af-transition);border-radius:999px;flex:none;position:relative}.af-toggle__knob{background:var(--af-text-2);width:8px;height:8px;transition:transform var(--af-transition), background-color var(--af-transition);border-radius:50%;position:absolute;top:1px;left:1px}.af-toggle__input:checked+.af-toggle__track{background:var(--af-accent-subtle);border-color:var(--af-accent)}.af-toggle__input:checked+.af-toggle__track .af-toggle__knob{background:var(--af-accent);transform:translate(10px)}.af-toggle__input:focus-visible+.af-toggle__track{outline:2px solid var(--af-focus);outline-offset:1px}.af-toggle__label{min-width:0}.af-toggle__hint{font-size:var(--af-fs-small);color:var(--af-muted);flex:none;margin-left:auto}@media (forced-colors:active){.af-toggle__track{forced-color-adjust:none;background:canvas;border-color:canvastext}.af-toggle__knob{forced-color-adjust:none;background:canvastext}.af-toggle__input:checked+.af-toggle__track{background:highlight;border-color:highlight}.af-toggle__input:checked+.af-toggle__track .af-toggle__knob{background:highlighttext}}.af-options{flex:none;display:inline-flex}.af-options__count{min-width:14px;height:14px;font-size:var(--af-fs-micro);font-variant-numeric:tabular-nums;color:var(--af-accent);background:var(--af-accent-subtle);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.af-options__count:empty{display:none}.af-options__panel{z-index:var(--af-z-popover);background:var(--af-raised);border:1px solid var(--af-border);border-radius:var(--af-radius-popover);width:260px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}.af-options__title{margin:0;padding:4px 6px 6px}@media (width<480px){.af-options__panel{width:min(260px,100vw - 24px)}}.af-seg{background:var(--af-surface);border:1px solid var(--af-border);border-radius:var(--af-radius-popover);flex:none;align-items:center;padding:2px;display:inline-flex}.af-seg__btn{height:var(--af-h-segment);font-size:var(--af-fs-button);color:var(--af-text-2);border-radius:var(--af-radius-control);white-space:nowrap;cursor:pointer;outline-offset:-2px;transition:color var(--af-transition), background-color var(--af-transition);background:0 0;border:0;align-items:center;margin:0;padding:0 10px;display:inline-flex}.af-seg__btn:hover{color:var(--af-text)}.af-seg__btn[aria-pressed=true]{color:var(--af-accent);background:var(--af-bg)}@media (forced-colors:active){.af-seg__btn[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight}}.af-editor{box-sizing:border-box;width:100%;min-height:0;padding:12px var(--af-space-4);font-family:var(--af-font-mono);font-size:var(--af-fs-body);line-height:var(--af-lh-text);color:var(--af-code-text);background:inherit;resize:none;tab-size:4;border:0;border-radius:0;outline:0;flex:1;margin:0;display:block;overflow:auto}.af-editor--input{white-space:pre-wrap;overflow-wrap:anywhere}.af-editor--output{white-space:pre}.af-editor::placeholder{color:var(--af-muted);opacity:1}.af-editor:focus-visible{outline:1px solid var(--af-focus);outline-offset:-1px}@media (width>=960px){.af-editor{overscroll-behavior:contain}}@media (width<960px){.af-editor{padding:10px var(--af-space-3)}}@media (pointer:coarse){.af-editor{font-size:var(--af-fs-input-touch)}}.af-empty{padding:48px var(--af-space-4) 0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;inset:0 0 auto}.af-empty__text{max-width:44ch;font-size:var(--af-fs-body);color:var(--af-muted);margin:0}.af-empty .af-btn{pointer-events:auto}.af-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.af-pane--input{background:var(--af-bg)}.af-pane--output{background:var(--af-surface)}.af-pane__header{min-width:0;height:var(--af-h-pane-header);padding:0 10px 0 var(--af-space-4);border-bottom:1px solid var(--af-border-subtle);flex:none;align-items:center;gap:10px;display:flex}.af-pane__label{white-space:nowrap;transition:color var(--af-transition);flex:none}.af-pane:focus-within .af-pane__label{color:var(--af-text-2)}.af-pane__stats{min-width:0;font-size:var(--af-fs-small);font-variant-numeric:tabular-nums;color:var(--af-muted);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.af-pane__controls{flex:none;align-items:center;gap:6px;display:flex}.af-pane__controls:empty{display:none}.af-pane__actions{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.af-pane__actions .af-btn{padding:0 6px}.af-pane__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.af-pane[data-af-state=drop] .af-pane__body:after{content:"Drop file to load";z-index:1;font-size:var(--af-fs-body);color:var(--af-accent);background:var(--af-accent-subtle);border:1px dashed var(--af-accent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<960px){.af-pane__header{padding-left:var(--af-space-3)}}@media (width<480px){.af-pane__stats{display:none}}.af-problem{margin:12px var(--af-space-4);background:var(--af-bg);border:1px solid var(--af-border);border-left:2px solid var(--af-danger);border-radius:var(--af-radius-control);flex:none;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.af-problem__dot{background:var(--af-danger);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}.af-problem__body{min-width:0}.af-problem__msg{font-size:var(--af-fs-body);color:var(--af-text);overflow-wrap:anywhere;font-weight:500;display:block}.af-problem__msg code{font-size:var(--af-fs-button);background:var(--af-code-bg);border-radius:var(--af-radius-control);padding:0 3px}.af-problem__loc{font-size:var(--af-fs-small);color:var(--af-muted);margin-top:2px;display:block}.af-problem .af-btn{flex:none;align-self:center;margin-left:auto}@media (forced-colors:active){.af-problem__dot{forced-color-adjust:none;background:canvastext}}.af-workbench{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.af-panes{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.af-pane+.af-pane{border-left:1px solid var(--af-border)}@media (width<960px){.af-panes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.af-pane+.af-pane{border-left:0;border-top:1px solid var(--af-border)}.af-pane{min-height:200px}}.af-preview{min-height:0;padding:var(--af-space-4);background:var(--af-surface);flex:1;overflow:auto}.af-preview:focus-visible{outline:1px solid var(--af-focus);outline-offset:-1px}@media (width>=960px){.af-preview{overscroll-behavior:contain}}