.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__toggle[aria-expanded=true]{color:var(--af-text);background:var(--af-surface)}.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);width:260px;max-height:max(120px, calc(100dvh - var(--af-h-header) - var(--af-h-toolbar) - var(--af-h-status) - 16px));overscroll-behavior:contain;background:var(--af-raised);border:1px solid var(--af-border);border-radius:var(--af-radius-popover);padding:6px;position:absolute;top:calc(100% + 4px);right:0;overflow:auto}.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;position:relative}.af-seg__btn:hover{color:var(--af-text)}.af-seg__btn[aria-pressed=true]{color:var(--af-accent);background:var(--af-bg);box-shadow:0 0 0 1px var(--af-border-strong)}@media (pointer:coarse){.af-seg__btn:after{content:"";position:absolute;inset:-6px 0}}@media (forced-colors:active){.af-seg__btn[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight}}.af-wrap-toggle{flex:none;display:inline-flex}.af-wrap-toggle .af-toggle{height:var(--af-h-control);font-size:var(--af-fs-button);white-space:nowrap;padding:0 6px}html[data-wrap=off] .af-wrap-toggle .af-toggle__input:checked+.af-toggle__track{background:color-mix(in srgb, var(--af-muted) 25%, transparent);border-color:var(--af-border)}html[data-wrap=off] .af-wrap-toggle .af-toggle__input:checked+.af-toggle__track .af-toggle__knob{background:var(--af-text-2);transform:none}@media (pointer:coarse){.af-wrap-toggle .af-toggle:after{content:"";position:absolute;inset:-5px 0}}@media (forced-colors:active){html[data-wrap=off] .af-wrap-toggle .af-toggle__input:checked+.af-toggle__track{background:canvas;border-color:canvastext}html[data-wrap=off] .af-wrap-toggle .af-toggle__input:checked+.af-toggle__track .af-toggle__knob{background:canvastext}}.af-editor{box-sizing:border-box;width:100%;min-height:0;padding:12px var(--af-space-4);font-family:var(--af-font-code);font-size:var(--af-fs-body);line-height:var(--af-lh-text);color:var(--af-code-text);background:inherit;resize:none;tab-size:4;white-space:pre-wrap;overflow-wrap:anywhere;border:0;border-radius:0;outline:0;flex:1;margin:0;display:block;overflow:hidden auto}html[data-wrap=off] .af-editor{white-space:pre;overflow-wrap:normal;overflow-x:auto}.af-editor::placeholder{color:var(--af-muted);opacity:1}.af-editor:focus-visible{box-shadow:var(--af-focus-edge);outline:0}@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)}}@media (forced-colors:active){.af-editor:focus-visible{outline-offset:-2px;outline:2px solid highlight}}.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 var(--af-space-3) 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)}.af-pane__stats{min-width:0;height:1lh;font-size:var(--af-fs-small);line-height:var(--af-lh-base);font-variant-numeric:tabular-nums;color:var(--af-muted);white-space:nowrap;flex-wrap:wrap;flex:0 auto;display:flex;overflow:hidden}.af-pane__stats:before{content:"";width:0;height:1lh}.af-pane__controls{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.af-pane__controls:not(:empty)+.af-pane__actions{margin-left:0}.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-pane__header{gap:2px var(--af-space-2);height:auto;min-height:var(--af-h-pane-header);flex-wrap:wrap;padding-block:2px}.af-pane__label{flex:none}.af-pane__controls .af-seg__btn{padding:0 6px}}.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)}.af-noscript{padding:var(--af-space-2) var(--af-space-4);font-size:var(--af-fs-body);color:var(--af-text-2);border-bottom:1px solid var(--af-border-subtle);flex:none;margin:0}@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{box-shadow:var(--af-focus-edge);outline:0}@media (width>=960px){.af-preview{overscroll-behavior:contain}}@media (forced-colors:active){.af-preview:focus-visible{outline-offset:-2px;outline:2px solid highlight}}.af-word-preview{min-height:0;padding:var(--af-space-4);background:var(--af-surface);scrollbar-gutter:stable;flex:1;overflow:auto}.af-word-preview:focus-visible{box-shadow:var(--af-focus-edge);outline:0}@media (width>=960px){.af-word-preview{overscroll-behavior:contain}}@media (width<600px){.af-word-preview{padding:var(--af-space-2)}}@supports (animation-timeline:scroll()){@media (width<600px){.af-word-preview{animation-name:af-word-pan-cue;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self inline)}}}@keyframes af-word-pan-cue{0%{mask-image:linear-gradient(to left, transparent, currentcolor var(--af-space-5))}6%,94%{mask-image:linear-gradient(to right, transparent, currentcolor var(--af-space-5), currentcolor calc(100% - var(--af-space-5)), transparent)}to{mask-image:linear-gradient(to right, transparent, currentcolor var(--af-space-5))}}@media (forced-colors:active){.af-word-preview:focus-visible{outline-offset:-2px;outline:2px solid highlight}}