.demo{--fm-window:#1e1e1e;--fm-sidebar:#28282a;--fm-sidebar-sel:#ffffff1a;--fm-hairline:#ffffff14;--fm-text:#ececee;--fm-text-secondary:#a3a3a8;--fm-text-tertiary:#98989d;--fm-accent:var(--accent);--fm-link:#419cff;--fm-selection:#0058d0;--fm-icon-sel:#ffffff1f;--fm-menu:#28282af5;--fm-menu-border:#000000b3;--fm-panel:#2b2b2d;--fm-control:#5b5b5f;--fm-control-edge:#ffffff14;--fm-track:#ffffff24;--fm-success:#30d158;--fm-doc:#f7f7f8;--fm-doc-edge:#00000059;--fm-doc-fold:#d9dbe0;--fm-doc-glyph:#b9bdc7;--fm-doc-wave:#a0a4ad;--fm-folder-back:#3f8fd6;--fm-folder-front:#6eb4f0;--fm-folder-edge:#8cc5f5;--fm-shadow:0 0 0 .5px #000000e6, inset 0 0 0 .5px #ffffff29, 0 1.4em 3em #00000080;flex-direction:column;margin:0;display:flex;container-type:inline-size}.demo-stage{height:var(--stage-h);color:var(--fm-text);letter-spacing:0;cursor:default;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;line-height:1.25;position:relative;overflow:hidden}.demo-stage>*{transition:opacity .35s}.demo-stage.is-fading>*{opacity:0}.demo-stage .icon{stroke-width:1.7px}.demo figcaption{color:var(--text-secondary);order:1;margin-top:20px;font-size:.9375rem;line-height:1.5}.demo-caption-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.demo-caption-box{flex:1;min-width:0;display:grid}.demo-caption-box>*{grid-area:1/1}.demo-caption-box{align-self:center}.demo-caption-lead .demo-caption{color:var(--text-secondary);font-size:1.0625rem}.demo-caption strong{color:var(--text);font-weight:600}.demo-caption-sizer{visibility:hidden}.demo-controls{flex:none;gap:4px;margin-left:auto;display:flex}.demo-step,.demo-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:color .15s var(--ease), background-color .15s var(--ease);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.demo-step:hover,.demo-toggle:hover{background:var(--surface-raised);color:var(--text)}.demo-toggle .icon{width:13px;height:13px}.demo-step{border-color:#0000}.demo-step .icon{width:17px;height:17px}.demo-step[hidden]{display:none}html.js .demo-step[hidden]{visibility:hidden;display:grid}.demo-toggle-play,.demo.is-paused .demo-toggle-pause{display:none}.demo.is-paused .demo-toggle-play{display:block}.demo-toggle[hidden]{display:none}html.demo-motion .demo-toggle[hidden]{visibility:hidden;display:grid}.fm-window{background:var(--fm-window);box-shadow:var(--fm-shadow);border-radius:.8em;display:flex;position:absolute;inset:.5em;overflow:hidden}.fm-traffic{gap:.62em;display:flex;position:absolute;top:1.3em;left:1.3em}.fm-traffic i{background:#ff5f57;border-radius:50%;width:.92em;height:.92em;box-shadow:inset 0 0 0 .5px #00000024}.fm-traffic i:nth-child(2){background:#febc2e}.fm-traffic i:nth-child(3){background:#28c840}.fm-sidebar{background:var(--fm-sidebar);border-right:.5px solid var(--fm-hairline);flex:none;width:10.5em;padding:3.5em .6em 1em}.fm-sidebar-heading{color:var(--fm-text-tertiary);padding:0 .6em .4em;font-size:.84em;font-weight:600}.fm-sidebar ul{margin:0;padding:0;list-style:none}.fm-sidebar li{white-space:nowrap;border-radius:.45em;align-items:center;gap:.5em;height:2em;margin:0;padding:0 .6em;display:flex}.fm-sidebar li .icon{width:1.1em;height:1.1em;color:var(--fm-accent)}.fm-sidebar li.is-current{background:var(--fm-sidebar-sel)}.fm-main{flex-direction:column;flex:1;min-width:0;display:flex}.fm-toolbar{border-bottom:.5px solid var(--fm-hairline);flex:none;align-items:center;gap:.9em;height:4em;padding:0 1.1em;display:flex}.fm-nav,.fm-tools{color:var(--fm-text-tertiary);gap:.5em;display:flex}.fm-tools{color:var(--fm-text-secondary);gap:1em}.fm-nav .icon,.fm-tools .icon{width:1.15em;height:1.15em}.fm-title{flex:1;min-width:0;font-size:1.08em;font-weight:700}.fm-grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));flex:1;align-content:start;gap:.5em .25em;padding:1em .75em;display:grid}.fm-item{flex-direction:column;align-items:center;gap:.3em;min-width:0;display:flex}.fm-item[data-show]{display:none}.fm-item-icon{border-radius:.5em;place-items:center;width:5.1em;height:4.8em;display:grid}.fm-item-name{-webkit-line-clamp:2;text-align:center;overflow-wrap:anywhere;border-radius:.3em;-webkit-box-orient:vertical;max-width:100%;padding:.05em .35em .1em;font-size:.92em;line-height:1.25;display:-webkit-box;overflow:hidden}.fm-icon{place-items:center;display:grid}.fm-icon>svg{width:4.2em;height:4.2em}.fm-icon>svg.fm-thumb{height:auto}.fm-icon-photo>svg.fm-thumb{border:.14em solid #fff;width:4.3em;box-shadow:0 .05em .25em #0000004d}.fm-icon-video>svg.fm-thumb{border-radius:.2em;width:4.5em;box-shadow:0 0 0 .5px #0000004d,0 .08em .25em #00000040}.fm-doc-page{fill:var(--fm-doc);stroke:var(--fm-doc-edge);stroke-width:1px}.fm-doc-fold{fill:var(--fm-doc-fold);stroke:var(--fm-doc-edge);stroke-width:1px;stroke-linejoin:round}.fm-doc-glyph{fill:var(--fm-doc-glyph)}.fm-doc-slide{fill:none;stroke:var(--fm-doc-glyph);stroke-width:1.6px}.fm-doc-grid{fill:none;stroke:var(--fm-doc-glyph);stroke-width:1.4px}.fm-doc-wave{fill:none;stroke:var(--fm-doc-wave);stroke-width:2.2px;stroke-linecap:round}.fm-doc-label{fill:#fff;letter-spacing:.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:7.6px;font-weight:700}.fm-folder-back{fill:var(--fm-folder-back)}.fm-folder-front{fill:var(--fm-folder-front)}.fm-folder-edge{stroke:var(--fm-folder-edge);stroke-width:1.2px}.fm-menu{z-index:4;background:var(--fm-menu);min-width:13em;box-shadow:0 0 0 .5px var(--fm-menu-border), 0 .7em 2em #00000040;opacity:0;visibility:hidden;white-space:nowrap;border-radius:.55em;padding:.38em;transition:opacity .18s,visibility 0s linear .18s;position:absolute;top:0;left:0}.fm-menu.fm-menu-compact{min-width:5.5em}.fm-menu-still-ctx{top:5.5em;left:clamp(.4em,100cqi - 30.5em,14.6em)}.fm-menu-still-sub{left:clamp(.4em,100cqi - 16.8em,clamp(.4em,100cqi - 30.5em,14.6em) + 12.9em);top:calc(var(--stage-h) - 13.4em)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.fm-menu{backdrop-filter:blur(24px)saturate(160%)}}.fm-menu-item{border-radius:.32em;align-items:center;gap:.4em;height:1.7em;padding:0 .6em 0 .7em;display:flex}.fm-menu-image{flex:none;place-items:center;width:1.15em;display:grid}.fm-menu-image .icon{width:1.08em;height:1.08em}.fm-menu-label{flex:1}.fm-menu-chevron.icon{width:.95em;height:.95em;color:var(--fm-text-secondary);stroke-width:2.2px;margin-right:-.2em}.fm-menu-separator{background:var(--fm-hairline);height:1px;margin:.38em .7em}.fm-panel{left:50%;top:var(--panel-top,50%);z-index:5;background:var(--fm-panel);width:min(25.5em,100% - 1.5em);box-shadow:var(--fm-shadow);opacity:0;visibility:hidden;border-radius:.8em;padding:2.4em 1.6em 1.3em;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:absolute;transform:translate(-50%,-50%)scale(.98)}.fm-traffic-panel{top:.9em;left:.9em}.fm-traffic-panel i:not(:first-child){background:var(--fm-track);box-shadow:none}.fm-panel-title{font-weight:700}.fm-panel-text{color:var(--fm-text-secondary);margin-top:.3em;font-size:.93em}.fm-panel-note{color:var(--fm-text-secondary);white-space:normal;margin-top:.9em;font-size:.85em;line-height:1.35}.fm-panel-body{gap:.75em;display:grid}.fm-panel-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.6em;margin-top:1.1em;display:flex}.fm-progress-buttons{align-items:baseline}.fm-panel-note{color:var(--fm-text-tertiary);margin-right:auto;font-size:.85em}.fm-result{grid-template-columns:auto 1fr;gap:0 .7em;display:grid}.fm-result-mark{background:var(--fm-success);color:#fff;border-radius:50%;place-items:center;width:1.55em;height:1.55em;display:grid}.fm-result-mark .icon{stroke-width:3px;width:1em;height:1em}.fm-panel.fm-activity{width:min(20.5em,100% - 2em);padding:2.05em 1.15em .95em;top:1em;left:auto;right:1em;transform:translateY(-.6em)}.fm-activity-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fm-activity-status{color:var(--fm-text-secondary);margin-top:.2em;font-size:.9em}.fm-activity .fm-progress{margin-top:.75em}.fm-activity .fm-panel-buttons{margin-top:.8em}.fm-offer{color:var(--fm-link);margin-top:.35em;font-size:.9em}.fm-button{background:var(--fm-control);height:1.7em;box-shadow:0 0 0 .5px var(--fm-control-edge), 0 .5px 1.5px #0000001f;white-space:nowrap;border-radius:.42em;align-items:center;padding:0 .85em;font-size:1em;transition:filter .1s;display:inline-flex}.fm-button-primary{background:var(--fm-selection);color:#fff;box-shadow:0 .5px 1.5px #0003}.fm-progress{background:var(--fm-track);border-radius:.21em;height:.42em;margin-top:.9em;position:relative;overflow:hidden}.fm-progress:after{content:"";width:var(--progress,35%);border-radius:inherit;background:var(--fm-accent);position:absolute;inset:0 auto 0 0}.fm-field{grid-template-columns:9.5em 1fr;align-items:center;gap:.6em;display:grid}.fm-field>span:first-child{text-align:right}.fm-popup,.fm-textfield{background:var(--fm-control);height:1.7em;box-shadow:0 0 0 .5px var(--fm-control-edge), 0 .5px 1.5px #0000001f;border-radius:.42em;justify-self:start;align-items:center;gap:.6em;padding:0 .25em 0 .6em;display:inline-flex}.fm-popup:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.7 6 2.5l2.5 2.2M3.5 7.3 6 9.5l2.5-2.2'/%3E%3C/svg%3E") center / .9em no-repeat, var(--fm-accent);border-radius:.3em;width:1.2em;height:1.2em}.fm-textfield{border-radius:.3em;min-width:7em;padding-right:.6em}.fm-textfield+span{color:var(--fm-text-secondary)}.fm-filelist{background:var(--fm-control);box-shadow:0 0 0 .5px var(--fm-control-edge);border-radius:.4em;overflow:hidden}.fm-filelist-row{align-items:center;gap:.55em;height:2.05em;padding:0 .7em;display:flex}.fm-filelist-row:nth-child(2n){background:var(--fm-sidebar-sel)}.fm-filelist-row .icon{width:.95em;height:.95em;color:var(--fm-text-tertiary)}.fm-filelist-name{flex:1;min-width:0}.fm-filelist-row small{color:var(--fm-text-secondary);font-variant-numeric:tabular-nums;font-size:.85em}.fm-pointer{z-index:10;filter:drop-shadow(0 1px 1.5px #00000059);will-change:transform;width:1.2em;height:1.8em;margin:-.1em 0 0 -.12em;transition-property:transform;transition-timing-function:cubic-bezier(.3,.1,.25,1);display:none;position:absolute;top:0;left:0;overflow:visible}.fm-pointer path{transform-origin:1.5px 1.2px;transition:transform 80ms}.fm-pointer.is-clicking path{transform:scale(.86)}.demo.is-live .fm-pointer{display:block}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-item[data-show].is-shown{display:flex}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-item.is-selected .fm-item-icon{background:var(--fm-icon-sel)}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-item.is-selected .fm-item-name{background:var(--fm-selection);color:#fff}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-menu.is-shown{opacity:1;visibility:visible;transition:none}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-menu-item.is-hl{background:var(--fm-selection);color:#fff}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-menu-item.is-hl .fm-menu-chevron{color:#fff}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-panel.is-shown{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:translate(-50%,-50%)}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-panel.fm-activity.is-shown{transform:none}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-button.is-pressed{filter:brightness(.82)}.demo.is-live .fm-panel.is-shown .fm-progress-fill:after{animation:fm-fill var(--fill-ms,2s) linear both}@keyframes fm-fill{0%{width:3%}to{width:100%}}@container (width>=561px) and (width<=720px){.demo-stage{font-size:clamp(11px,1.94175cqi,13px)}.fm-sidebar{width:9.5em}}@container (width<=560px){.demo-stage{height:var(--stage-h-narrow);font-size:12px}.fm-window{inset:.3em}.fm-sidebar,.fm-wide-only{display:none!important}.fm-toolbar{padding-left:6.1em}.fm-traffic:not(.fm-traffic-panel){top:1.55em}.fm-grid{grid-template-columns:repeat(var(--cols-narrow,3), minmax(0, 1fr));padding-inline:.4em}.fm-menu{min-width:12.5em}.fm-menu-still-sub{top:calc(var(--stage-h-narrow) - 13.5em)}.fm-panel{padding-inline:1.2em}.fm-panel.fm-activity{width:calc(100% - 1.6em);top:auto;bottom:.8em;right:.8em;transform:translateY(.6em)}.fm-field{grid-template-columns:8em 1fr}}@container (width<=380px){.fm-tools .icon:not(:last-child){display:none}}.demo-scene{position:absolute;inset:0}.fm-panel-wide{width:min(28em,100% - 1.5em)}.fm-panel-wide .fm-field{grid-template-columns:10.5em 1fr}.fm-filelist-row .fm-icon>svg.fm-thumb{border-width:1px;width:1.55em;box-shadow:0 0 1px #0006}.fm-spot{grid-column:1/-1;height:5em}.fm-terminal{z-index:5;background:var(--fm-window);box-shadow:var(--fm-shadow);opacity:0;visibility:hidden;border-radius:.8em;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:absolute;bottom:1.4em;left:22%;right:4%;overflow:hidden;transform:scale(.96)}.fm-terminal-bar{border-bottom:.5px solid var(--fm-hairline);background:var(--fm-sidebar);height:2.3em;color:var(--fm-text-secondary);justify-content:center;align-items:center;font-size:.92em;font-weight:600;display:flex;position:relative}.fm-terminal-bar .fm-traffic{top:50%;left:.8em;transform:translateY(-50%)}.fm-terminal-body{white-space:pre-wrap;min-height:9em;margin:0;padding:.6em .8em;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.92em;line-height:1.45}.fm-terminal-cursor{vertical-align:-.2em;background:var(--fm-text-secondary);width:.55em;height:1.1em;display:inline-block}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-terminal.is-shown{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:none}@container (width<=560px){.fm-terminal{left:6%;right:3%}}.fm-info{z-index:6;background:var(--fm-window);width:22em;box-shadow:var(--fm-shadow);opacity:0;visibility:hidden;border-radius:.8em;font-size:.92em;transition:opacity .2s,transform .2s,visibility 0s linear .2s;position:absolute;top:1.2em;left:calc(50% - 21.85em);overflow:hidden;transform:scale(.97)}.fm-info-after{z-index:7;left:calc(50% - .15em)}.fm-info-bar{justify-content:center;align-items:center;height:2.2em;display:flex;position:relative}.fm-info-bar .fm-traffic{top:50%;left:.8em;transform:translateY(-50%)}.fm-info-title{max-width:calc(100% - 11.3em);color:var(--fm-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.92em;font-weight:600;overflow:hidden}.fm-info-head{border-bottom:.5px solid var(--fm-hairline);align-items:center;gap:.6em;margin:0 .9em;padding-bottom:.6em;display:flex}.fm-info-icon>svg{width:2.9em;height:2.9em}.fm-info-names{flex-direction:column;flex:1;min-width:0;display:flex}.fm-info-names b{text-overflow:ellipsis;white-space:nowrap;font-size:1.08em;overflow:hidden}.fm-info-names span,.fm-info-size{color:var(--fm-text-secondary);font-size:.88em}.fm-info-size{white-space:nowrap;align-self:flex-start;padding-top:.3em}.fm-info-section{padding:.45em .9em .2em;font-size:.92em;font-weight:700}.fm-info-section:before{content:"▾";width:1.1em;color:var(--fm-text-secondary);display:inline-block}.fm-info-section.is-closed:before{content:"▸"}.fm-info-rows{grid-template-columns:6.6em minmax(0,1fr);column-gap:.4em;margin:0;padding:0 .9em .2em;font-size:.86em;line-height:1.55;display:grid}.fm-info-rows dt{color:var(--fm-text-secondary);text-align:right}.fm-info-rows dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.fm-info-more{border-radius:.45em;margin:.15em .45em}.fm-info-more>.fm-info-section,.fm-info-more>.fm-info-rows{padding-inline:.45em}.fm-info-mark-bad{background:#ffd60a14;box-shadow:inset 0 0 0 .14em #ffd60a}.fm-info-mark-bad dd{color:#ffd60a}.fm-info-mark-good{background:#40c8e01a;padding-bottom:.9em;box-shadow:inset 0 0 0 .14em #40c8e0}.fm-info>.fm-info-section.is-closed:last-child{padding-bottom:.7em}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-info.is-shown{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:none}@container (width<=560px){.fm-info,.fm-info-after{width:calc(100% - 1.6em);font-size:1em;left:.8em}:is(.demo.is-live,html:not(.demo-motion) .demo) .fm-info-before.is-shown:has(~.fm-info-after.is-shown){opacity:0;visibility:hidden}}.fm-total{font-variant-numeric:tabular-nums;font-size:.93em}.fm-filelist-row .fm-icon>svg:not(.fm-thumb){width:1.45em;height:1.45em}