.ff-cls{gap:var(--ff-space-1);justify-items:start;display:grid}.ff-cls p{margin:0}.ff-generator{gap:var(--ff-space-4);min-block-size:0;display:grid}@media (width>=64rem){.ff-generator{grid-template-columns:minmax(20rem,24rem) minmax(0,1fr);align-items:start}.ff-generator__stage{grid-area:1/2}}.ff-generator__settings{align-content:start;gap:var(--ff-space-3);min-block-size:0;min-inline-size:0;display:grid}.ff-drop,.ff-preview,.ff-generator__section{align-content:start;gap:var(--ff-space-2);padding:var(--ff-space-3);border:1px dashed var(--ff-border);border-radius:var(--ff-radius);display:grid}.ff-drop[data-over=true]{border-style:solid;border-color:var(--ff-accent)}.ff-drop p{margin:0}.ff-preview,.ff-generator__section{border-style:solid}.ff-generator h2{margin:0;font-size:1rem}.ff-generator ul{gap:var(--ff-space-1);padding:var(--ff-space-1) 0 0;margin:0;list-style:none;display:grid}.ff-generator li{margin:0}.ff-generator .ff-button{min-block-size:2rem;padding-block:var(--ff-space-1)}.ff-generator .ff-muted,.ff-generator__empty{margin:0;font-size:.8125rem}.ff-preview__controls{gap:var(--ff-space-2);flex-wrap:wrap;align-items:end;display:flex}.ff-preview__modes{gap:var(--ff-space-1);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex}.ff-preview__slider{flex:6rem;min-inline-size:5rem}.ff-preview__samples{flex:12rem}.ff-preview__outline{pointer-events:none}.ff-preview__controls input[type=range]{min-block-size:1.75rem;inline-size:100%;accent-color:var(--ff-accent)}.ff-preview figure{padding:var(--ff-space-2) var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius);min-inline-size:0;margin:0}.ff-preview figcaption{font-size:.875rem;font-weight:600}.ff-preview__text{margin:var(--ff-space-1) 0 0;overflow-wrap:anywhere}.ff-preview__overlay{display:grid}.ff-preview__overlay>*{grid-area:1/1}.ff-preview__outline{color:#0000;-webkit-text-stroke:1px var(--ff-accent);text-decoration:underline dotted var(--ff-accent) 2px;text-underline-offset:.15em}.ff-generator .ff-code__body{max-block-size:11rem}.ff-generator .ff-code pre{padding:var(--ff-space-2) var(--ff-space-3);font-size:.8125rem}.ff-generator .ff-code__header{padding:var(--ff-space-1) var(--ff-space-3)}@media (width>=64rem) and (height>=40rem){.ff-generator .ff-code__body{max-block-size:none}}@media (forced-colors:active){.ff-preview__outline{-webkit-text-stroke:0;text-decoration-color:canvastext}}.ff-preview__label{justify-content:space-between;gap:var(--ff-space-2);display:flex}.ff-drop__text{resize:vertical;inline-size:100%}.ff-drop__hint{margin:0}.ff-drop__links{gap:var(--ff-space-2) var(--ff-space-4);flex-wrap:wrap;margin:0;display:flex}.ff-link-button{min-block-size:2rem;color:var(--ff-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ff-link-button:disabled{opacity:.6;cursor:default}.ff-generator .ff-input{min-block-size:2rem;padding-block:var(--ff-space-1)}.ff-generator .ff-fit__number{min-inline-size:5.5rem}.ff-generator .ff-field{gap:var(--ff-space-1)}@media (width>=64rem) and (height>=40rem){.ff-generator__main .ff-code__body{max-block-size:none}.ff-generator__settings{gap:var(--ff-space-2)}.ff-drop,.ff-generator__section{padding:var(--ff-space-2) var(--ff-space-3)}}@media (width>=64rem) and (height>=40rem) and (height<=48rem){.ff-generator__settings{gap:var(--ff-space-2)}}.ff-generator__section--plain{border:0;padding:0}.ff-generator__row{gap:var(--ff-space-2);grid-template-columns:minmax(0,1fr);display:grid}.ff-generator__buttons{gap:var(--ff-space-1);flex-wrap:wrap;display:flex}.ff-generator__systems{gap:var(--ff-space-1);padding:var(--ff-space-2);border-radius:var(--ff-radius);background:var(--ff-surface-2);margin:0;font-size:.875rem;display:grid}.ff-generator__main{gap:var(--ff-space-2);align-content:start;min-block-size:0;min-inline-size:0;display:grid}.ff-generator__stage{gap:var(--ff-space-2);flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}.ff-accordion__panel .ff-preview,.ff-accordion__panel .ff-generator__section,.ff-accordion__panel .ff-matrix,.ff-accordion__panel .ff-cls{border:0;padding:0}.ff-generator__notes{gap:var(--ff-space-2);display:grid}.ff-generator__notes p{margin:0}.ff-generator__settings[hidden]{display:none}.ff-accordion__panel:focus-visible{outline-offset:-3px}.ff-generator__notes:focus{outline:none}.ff-generator .ff-matrix__legend li{justify-content:flex-start}.ff-map{gap:var(--ff-space-2);display:grid}.ff-map p{margin:0}.ff-map__controls{gap:var(--ff-space-3);flex-wrap:wrap;align-items:end;display:flex}.ff-map__pages{gap:var(--ff-space-2);align-items:center;display:flex}.ff-map__grid{border:1px solid var(--ff-border);background:var(--ff-border);grid-template-columns:repeat(16,minmax(0,1fr));gap:1px;max-inline-size:36rem;display:grid}.ff-map__cell{aspect-ratio:1;background:var(--ff-state-unknown);justify-content:center;align-items:center;font-family:ff-preview-web,sans-serif;font-size:1rem;display:flex;overflow:hidden}.ff-map__cell[data-covered=true]{background:var(--ff-state-full)}.ff-map__cell[data-cursor=true]{outline:2px solid var(--ff-focus);outline-offset:-2px}.ff-map__readout{font-variant-numeric:tabular-nums;min-block-size:1.5rem}.ff-map__table{border-collapse:collapse;inline-size:100%;font-size:.8125rem}.ff-map__table caption{text-align:start;font-weight:600}.ff-map__table th,.ff-map__table td{padding:var(--ff-space-1) var(--ff-space-2);border-block-end:1px solid var(--ff-border);text-align:start}@media (forced-colors:active){.ff-map__cell[data-covered=true]{color:highlighttext;forced-color-adjust:none;background:highlight}}.ff-preview__missing{gap:var(--ff-space-2);padding:var(--ff-space-2) var(--ff-space-3);border:1px dashed var(--ff-border);border-radius:var(--ff-radius);display:grid}.ff-preview__missing p{margin:0}.ff-preview__missing-run{background:var(--ff-state-none);color:inherit;text-decoration:underline wavy var(--ff-accent)}@media (forced-colors:active){.ff-preview__missing-run{color:marktext;forced-color-adjust:none;background:mark}}.ff-cssimport{gap:var(--ff-space-2);display:grid}.ff-cssimport p{margin:0}.ff-cssimport__list{gap:var(--ff-space-1);display:grid}.ff-source,.ff-source__chosen{gap:var(--ff-space-2);display:grid}.ff-source p{margin:0}.ff-source__scroll{max-block-size:14rem}.ff-source__list{gap:var(--ff-space-1);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.ff-source__item{justify-content:space-between;gap:var(--ff-space-2);min-block-size:2rem;inline-size:100%;padding:var(--ff-space-1) var(--ff-space-2);border:1px solid var(--ff-border);border-radius:var(--ff-radius);color:inherit;text-align:start;cursor:pointer;background:0 0;display:flex}.ff-source__item[aria-pressed=true]{background:var(--ff-state-full)}.ff-source__groups{gap:var(--ff-space-3) var(--ff-space-4);flex-wrap:wrap;display:flex}.ff-toggle-set{gap:var(--ff-space-1);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.ff-toggle-set legend{margin-block-end:var(--ff-space-1);padding:0}.ff-toggle-group{align-items:center;gap:var(--ff-space-1);flex-wrap:wrap;display:flex}.ff-toggle-group__label{min-inline-size:4.5rem}.ff-source__add{align-items:center;gap:var(--ff-space-2);flex-wrap:wrap;display:flex}.ff-export,.ff-share{gap:var(--ff-space-2);display:grid}.ff-share p{margin:0}.ff-preview__field{position:relative}.ff-preview__samples{z-index:2;justify-items:end;display:grid;position:absolute;inset-block-start:var(--ff-space-1);inset-inline-end:var(--ff-space-1)}.ff-fontlist__item{gap:var(--ff-space-2);padding:var(--ff-space-1);border:1px solid var(--ff-border);border-radius:var(--ff-radius);align-items:center;display:flex}.ff-fontlist__item[data-selected=true]{border-color:var(--ff-accent)}.ff-fontlist__select{min-block-size:2rem;min-inline-size:0;color:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;font-weight:600;overflow:hidden}.ff-article-view{--ff-guide-ascender:var(--ff-rating-needs);--ff-guide-cap:var(--ff-focus);--ff-guide-x:var(--ff-accent);--ff-guide-baseline:var(--ff-error);--ff-guide-descender:var(--ff-muted);gap:var(--ff-space-3);display:grid}.ff-article-view__controls .ff-field{flex:none}.ff-article-view__controls .ff-preview__slider{flex:0 0 7.5rem}.ff-article-view__controls input[type=range]{min-block-size:1.75rem;inline-size:100%;accent-color:var(--ff-accent)}.ff-article-view__overlay{display:grid}.ff-article-view__overlay>.ff-article{grid-area:1/1}.ff-article-view__side{gap:var(--ff-space-3);grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));display:grid}.ff-article-view__side[data-stacked]{grid-template-columns:minmax(0,1fr)}.ff-article-view__side figure{min-inline-size:0;margin:0}.ff-article-view__side figcaption{margin-block-end:var(--ff-space-1);font-weight:600}.ff-article-view .ff-article{--ff-article-heading:system-ui, sans-serif;--ff-article-body:system-ui, sans-serif;--ff-article-size:18px;--ff-article-line:1.5;--ff-layer-color:var(--ff-text);--ff-layer-stroke:1px;box-sizing:border-box;align-content:start;gap:calc(var(--ff-article-size) * 1.5);min-inline-size:0;padding:var(--ff-space-6);border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);font-family:var(--ff-article-body);font-size:var(--ff-article-size);line-height:var(--ff-article-line);overflow-wrap:anywhere;display:grid;position:relative}.ff-article-view .ff-article--ghost{pointer-events:none;text-decoration:underline dotted var(--ff-layer-color) 2px;text-underline-offset:.15em;background:0 0;border-color:#0000}.ff-article-view .ff-article--ghost[data-idle]{visibility:hidden}.ff-article-view .ff-article[data-render=fill]{color:var(--ff-layer-color)}.ff-article-view .ff-article[data-render=outline]{color:#0000;-webkit-text-stroke:var(--ff-layer-stroke) var(--ff-layer-color)}.ff-article-view .ff-article[data-guides] :is(p,li){background-image:var(--ff-guides,none);background-size:100% calc(var(--ff-article-size) * var(--ff-article-line))}.ff-article__boxes{pointer-events:none;position:absolute;inset-block-start:-1px;inset-inline-start:-1px}.ff-article-view .ff-article p,.ff-article-view .ff-article ol,.ff-article-view .ff-article blockquote,.ff-article-view .ff-article figure{margin:0}.ff-article-view .ff-article h3,.ff-article-view .ff-article h4{font-family:var(--ff-article-heading);margin:0}.ff-article-view .ff-article__kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.8em}.ff-article-view .ff-article__title{font-size:2.6em;line-height:max(1.1, calc(var(--ff-article-line) - .3))}.ff-article-view .ff-article__lead{font-size:1.25em}.ff-article-view .ff-article__meta,.ff-article-view .ff-article__footer{font-size:.8em}.ff-article-view .ff-article__hero{gap:.5em;display:grid}.ff-article-view .ff-article__factors{gap:var(--ff-space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.ff-article-view .ff-article__factor{padding:var(--ff-space-3);border-radius:var(--ff-radius);background:var(--ff-surface-2);align-content:start;gap:.4em;display:grid}.ff-article-view .ff-article__factor .ff-icon{block-size:2em;inline-size:2em;color:var(--ff-accent);margin:0}.ff-article-view .ff-article__factor h4,.ff-article-view .ff-article__heading{font-size:1.2em;line-height:max(1.1, calc(var(--ff-article-line) - .3))}.ff-article-view .ff-article__columns{columns:3 16rem;column-rule:1px solid var(--ff-border);column-gap:2em;margin-block-start:.5em}.ff-article-view .ff-article__columns p{margin-block-end:.8em}.ff-article-view .ff-article__split{gap:var(--ff-space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.ff-article-view .ff-article blockquote{border-inline-start:3px solid var(--ff-accent);padding-inline-start:1em;font-size:1.3em;font-style:italic}.ff-article-view .ff-article ol{padding-inline-start:1.4em}.ff-article-view .ff-article table{border-collapse:collapse;inline-size:100%}.ff-article-view .ff-article th,.ff-article-view .ff-article td{border-block-end:1px solid var(--ff-border);text-align:start;padding:.3em .5em}.ff-article-view .ff-article th{font-family:var(--ff-article-heading)}.ff-article-view .ff-article__glyphs{letter-spacing:.1em;word-spacing:.3em;font-size:1.4em}.ff-article-view .ff-article code{font-size:.9em}.ff-article-view__controls{gap:var(--ff-space-2);flex-wrap:wrap;align-items:stretch;display:flex}.ff-article-view__group{gap:var(--ff-space-3);min-inline-size:0;padding:var(--ff-space-2) var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius);flex:none;align-items:end;margin:0;display:flex}.ff-article-view__group .ff-select>span{white-space:nowrap}@media (width<=64rem){.ff-article-view__group{flex-wrap:wrap;flex:100%}}.ff-article-view__group legend{padding-inline:var(--ff-space-1);font-size:.8125rem;font-weight:600}.ff-shift__score{inline-size:fit-content;padding:0 var(--ff-space-2);border:1px solid #0000;border-radius:.75rem;font-size:1rem}.ff-shift__score[data-rating=good]{background:var(--ff-rating-good);color:var(--ff-rating-good-text)}.ff-shift__score[data-rating=needs-improvement]{background:var(--ff-rating-needs);color:var(--ff-rating-needs-text)}.ff-shift__score[data-rating=poor]{background:var(--ff-rating-poor);color:var(--ff-rating-poor-text)}.ff-shift .ff-shift__widths{gap:var(--ff-space-1) var(--ff-space-3);flex-wrap:nowrap;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.ff-shift__width{color:var(--ff-muted);margin-inline:.25em}@media (forced-colors:active){.ff-shift__score{border-color:canvastext}}.ff-article-view .ff-article--nowrap :is(p,h3,h4,li,th,td,figcaption,blockquote){text-overflow:ellipsis;overflow:hidden}.ff-article-view .ff-article__missing{anchor-name:--ff-mark;anchor-scope:--ff-mark;background:color-mix(in srgb, var(--ff-error) 25%, transparent);color:inherit;text-decoration:underline wavy var(--ff-error)}.ff-article-view .ff-article__tip{position-anchor:--ff-mark;position-visibility:always;z-index:5;inline-size:max-content;max-inline-size:min(18rem,90vw);margin:var(--ff-space-1);padding:var(--ff-space-1) var(--ff-space-2);border:1px solid var(--ff-error);border-radius:var(--ff-radius);background:var(--ff-surface);color:var(--ff-text);letter-spacing:normal;word-spacing:normal;text-transform:none;-webkit-text-stroke:0;white-space:normal;font:400 .8125rem/1.3 system-ui,sans-serif;text-decoration:none;display:none;position:fixed}@supports (position-area:top){.ff-article-view .ff-article__missing:is(:hover,:focus-visible)>.ff-article__tip{position-area:top;justify-self:anchor-center;position-try-fallbacks:flip-block;display:block}}.ff-dropzone{inset:var(--ff-space-3);z-index:100;border:3px dashed var(--ff-accent);border-radius:var(--ff-radius);background:color-mix(in srgb, var(--ff-bg) 85%, transparent);pointer-events:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:fixed}.ff-article-view{position:relative}.ff-article-view .ff-article-probe{visibility:hidden;pointer-events:none;block-size:0;inline-size:100%;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.ff-article-view .ff-article-probe>.ff-article{grid-area:1/1}.ff-site-import{gap:var(--ff-space-2);display:grid}.ff-site-import__title{margin:var(--ff-space-2) 0 0}.ff-site-import__actions{gap:var(--ff-space-2);flex-wrap:wrap;margin:0;display:flex}.ff-site-import__confirm{gap:var(--ff-space-2);padding:var(--ff-space-3);border:2px solid var(--ff-accent);border-radius:var(--ff-radius);background:var(--ff-surface);display:grid;overflow:hidden}.ff-site-import__line{margin:0}.ff-article-view__group:disabled{opacity:.55}.ff-article-view__group.ff-layers{align-items:stretch;gap:var(--ff-space-1);flex-direction:column}.ff-layers__row{gap:var(--ff-space-3);border:0;align-items:end;min-inline-size:0;margin:0;padding:0;display:flex}.ff-layers__name{flex:none;align-self:center;min-inline-size:6.5rem;font-weight:600}.ff-toolbar__guides [aria-pressed=true]{background:color-mix(in srgb, var(--ff-accent) 18%, var(--ff-surface));box-shadow:inset 0 -3px 0 var(--ff-accent);color:inherit}.ff-button-group .ff-tool-button{min-inline-size:2rem;padding-inline:.5rem}.ff-tool-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:1.125rem;inline-size:1.125rem;display:block}.ff-tool-icon__fill{fill:currentColor}.ff-tool-icon__faint{opacity:.45}.ff-tool-icon__guide{stroke-width:2px}.ff-tool-icon__guide[data-guide=ascender]{stroke:var(--ff-guide-ascender)}.ff-tool-icon__guide[data-guide=cap]{stroke:var(--ff-guide-cap)}.ff-tool-icon__guide[data-guide=x]{stroke:var(--ff-guide-x)}.ff-tool-icon__guide[data-guide=baseline]{stroke:var(--ff-guide-baseline)}.ff-tool-icon__guide[data-guide=descender]{stroke:var(--ff-guide-descender)}.ff-toolbar__guides:disabled{opacity:.55}.ff-article-view .ff-preview__modes .ff-button{min-block-size:2rem;padding:.125rem var(--ff-space-2)}.ff-article-view__controls .ff-preview__slider{flex-basis:6.5rem}.ff-article-view__group{gap:var(--ff-space-2);padding:var(--ff-space-1) var(--ff-space-2)}.ff-article-view__controls .ff-preview__label label{white-space:nowrap}.ff-article-view__group{align-items:center}.ff-layers__row{flex-wrap:wrap}@media (width<=40rem){.ff-article-view__controls .ff-preview__label label{white-space:normal}.ff-article-view__controls .ff-preview__slider{flex:100%}.ff-shift .ff-shift__widths{flex-wrap:wrap}}.ff-inspect__section{gap:var(--ff-space-1);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.ff-inspect__section legend{padding:0;font-weight:600}.ff-preview__arrange{display:inline-flex}.ff-preview__arrange[data-active=false]{opacity:.45}.ff-arrange-icon{vertical-align:middle;border:2px solid;border-radius:2px;block-size:.875rem;inline-size:1.125rem;display:inline-block}.ff-arrange-icon[data-kind=horizontal]{background:linear-gradient(90deg,#0000 calc(50% - 1px),currentColor calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.ff-arrange-icon[data-kind=stacked]{background:linear-gradient(#0000 calc(50% - 1px),currentColor calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.ff-shift .ff-shift__baseline{margin:0;font-size:.75rem}.ff-article-view .ff-popover__panel .ff-layers__row{flex-wrap:nowrap}.ff-article-view__stage,.ff-article-view__loupe{position:relative}.ff-article-view__loupe{--ff-lens-r:0px;--ff-lens-x:50%;--ff-lens-y:50%;--ff-lens-ox:0px;--ff-lens-oy:0px;--ff-lens-w:100%;cursor:crosshair;touch-action:pan-y;overflow:clip}.ff-article-view__lens{z-index:3;background:var(--ff-surface);clip-path:circle(var(--ff-lens-r) at var(--ff-lens-x) var(--ff-lens-y));pointer-events:none;position:absolute;inset:0}.ff-article-view__lens-pane{top:var(--ff-lens-oy);left:var(--ff-lens-ox);inline-size:var(--ff-lens-w);position:absolute}.ff-article-view__lens-pane:dir(rtl){left:auto;right:var(--ff-lens-ox-end)}.ff-article-view__ring{left:calc(var(--ff-lens-x) - var(--ff-lens-r));top:calc(var(--ff-lens-y) - var(--ff-lens-r));box-sizing:border-box;inline-size:calc(var(--ff-lens-r) * 2);block-size:calc(var(--ff-lens-r) * 2);border:2px solid var(--ff-accent);box-shadow:0 0 0 1px var(--ff-surface), 0 6px 20px #0000004d;pointer-events:none;border-radius:50%;position:absolute}.ff-article-view__loupe:not([data-active]) .ff-article-view__ring{display:none}.ff-article-view__loupe:focus-visible{outline:3px solid var(--ff-focus);outline-offset:2px}.ff-article-view__controls.ff-toolbar{gap:var(--ff-space-2);align-items:center}.ff-toolbar .ff-shift{justify-content:flex-end;gap:var(--ff-space-1) var(--ff-space-3);flex-wrap:wrap;align-items:center;min-block-size:2.125rem;min-inline-size:min(32rem,100%);max-inline-size:100%;margin-inline-start:auto;display:flex}.ff-toolbar .ff-popover__panel .ff-article-view__group{border:0;padding:0}.ff-article-view .ff-toolbar .ff-button{white-space:nowrap}@media (width<=40rem){.ff-toolbar .ff-shift{min-block-size:4rem}}.ff-toolbar .ff-shift .ff-popover{max-inline-size:100%}.ff-article-view .ff-toolbar .ff-shift .ff-popover__button{white-space:normal;max-inline-size:100%}@media (width>=75rem){.ff-toolbar .ff-preview__modes{flex-wrap:nowrap;flex:none}}.ff-intro{align-content:start;align-self:start;gap:var(--ff-space-3);margin-block-end:var(--ff-space-6);display:grid}.ff-article-view .ff-intro p{margin:0}.ff-article-view .ff-intro__status{font-weight:600;display:grid}.ff-article-view .ff-intro__status>p{grid-area:1/1}.ff-article-view .ff-intro__status>p:not([data-shown]){visibility:hidden}.ff-intro__demo{gap:var(--ff-space-2);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.ff-intro__frame{align-content:start;gap:var(--ff-space-1);padding:var(--ff-space-3);border-radius:var(--ff-radius);background:var(--ff-surface-2);margin:0;display:grid}.ff-intro__frame figcaption{font-weight:700}@container dock (width>=44rem){.ff-generator__settings{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));align-items:stretch}.ff-generator__settings>:is(p,.ff-error,.ff-generator__section){grid-column:1/-1}}.ff-article-view__slider{--ff-split:50%;display:grid;position:relative}.ff-article-view .ff-article-view__slider>.ff-article,.ff-article-view__slider-fallback{grid-area:1/1}.ff-article-view__slider-fallback{background:var(--ff-surface);clip-path:inset(0 0 0 var(--ff-split));pointer-events:none}.ff-article-view__slider:dir(rtl) .ff-article-view__slider-fallback{clip-path:inset(0 var(--ff-split) 0 0)}.ff-article-view__slider[data-stacked] .ff-article-view__slider-fallback{clip-path:inset(var(--ff-split) 0 0 0)}.ff-article-view__divider{cursor:ew-resize;touch-action:none;inline-size:1.25rem;margin-inline-start:-.625rem;position:absolute;inset-block:0;inset-inline-start:var(--ff-split)}.ff-article-view__divider:before{content:"";background:var(--ff-accent);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px)}.ff-article-view__divider:after{content:"";border:2px solid var(--ff-accent);background:var(--ff-surface);border-radius:50%;block-size:1rem;inline-size:1rem;position:absolute;inset-block-start:min(50%,14rem);inset-inline-start:calc(50% - .5rem)}.ff-article-view__slider[data-stacked] .ff-article-view__divider{inset-block:var(--ff-split) auto;cursor:ns-resize;block-size:1.25rem;inline-size:auto;margin:-.625rem 0 0;inset-inline:0}.ff-article-view__slider[data-stacked] .ff-article-view__divider:before{block-size:2px;inline-size:auto;inset-block:calc(50% - 1px) auto;inset-inline:0}.ff-article-view__slider[data-stacked] .ff-article-view__divider:after{inset-block:calc(50% - .5rem) auto;inset-inline-start:min(50%,20rem)}.ff-article-view__divider:focus-visible{outline:3px solid var(--ff-focus);outline-offset:-3px}.ff-article-view .ff-shadow{--ff-shadow-bg:var(--ff-surface-2)}.ff-article-view .ff-article__code{box-sizing:border-box;inline-size:max-content;min-inline-size:100%;padding:var(--ff-space-3);border-radius:var(--ff-radius);background:var(--ff-surface-2);margin:0;font-size:.875em;line-height:1.5}.ff-article-view .ff-article__code:focus-visible{outline-offset:-3px}.ff-article-view .ff-article__code code{white-space:pre;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}.ff-share{gap:var(--ff-space-2);flex-wrap:wrap;flex:0 auto;align-items:center;max-inline-size:100%;display:flex}.ff-shift__change{gap:var(--ff-space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.ff-shift__label{font-weight:700}.ff-shift__arrow{color:var(--ff-muted)}.ff-article-view__frame{max-inline-size:100%;position:relative}.ff-article-view__frame[data-constrained]{outline:1px dashed var(--ff-border)}.ff-article-view__resize{z-index:2;cursor:ew-resize;touch-action:none;inline-size:1rem;position:absolute;inset-block:0;inset-inline-end:0}.ff-article-view__resize:before{content:"";background:var(--ff-border);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px)}.ff-article-view__resize:after{content:"";border:1px solid var(--ff-border);background:var(--ff-surface);border-radius:.25rem;block-size:2.5rem;inline-size:.5rem;position:absolute;inset-block-start:min(50%,14rem);inset-inline-start:calc(50% - .25rem)}.ff-article-view__resize:hover:before,.ff-article-view__resize:focus-visible:before{background:var(--ff-accent)}.ff-article-view__resize:focus-visible{outline:3px solid var(--ff-focus);outline-offset:-3px}.ff-article-view__resize-size{padding:0 var(--ff-space-1);border-radius:var(--ff-radius);background:var(--ff-surface-2);color:var(--ff-muted);white-space:nowrap;font-size:.75rem;position:absolute;inset-block-start:calc(min(50%,14rem) - 1.75rem);inset-inline-end:.75rem}.ff-shift__arrow:dir(rtl){transform:scaleX(-1)}