:root{--theme-primary: #0078D4;--theme-light-1: #00a7b2;--theme-light-2: #2daab2;--theme-light-3: #3eabb2;--theme-dark-1: #007780;--theme-dark-2: #005055;--theme-dark-3: #004044;--font-families: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--ease-outcubic: cubic-bezier(.215, .61, .355, 1);--ease-outquad: cubic-bezier(.25, .46, .45, .94);--ease-outquint: cubic-bezier(.23, 1, .32, 1);--ease-inoutquad: cubic-bezier(.45, 0, .55, 1);--ease-insine: cubic-bezier(.47, 0, .745, .715);--ease-scale-a: cubic-bezier(.9, .1, 1, .2);--ease-scale-b: cubic-bezier(.1, .9, .2, 1);--f-text: #000;--f-text-2: rgba(0, 0, 0, .78);--f-text-3: rgba(0, 0, 0, .6);--f-surface: rgba(255, 255, 255, .667);--f-surface-2: #f9f9f9;--f-border: rgba(0, 0, 0, .1);--f-hover: rgba(0, 0, 0, .039);--f-press: rgba(0, 0, 0, .024)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-families);font-size:14px;color:var(--f-text);background:#f3f3f3;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}.f-scroll{overflow-y:auto;overflow-x:hidden}.f-scroll::-webkit-scrollbar{width:4px;height:4px}.f-scroll::-webkit-scrollbar-thumb{background:#00000059;border-radius:2px}.f-scroll::-webkit-scrollbar-track{background:transparent}.f-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:14px var(--font-families);line-height:20px;color:var(--f-text);background:#ffffffb3;border:1px solid rgba(0,0,0,.073);border-bottom:1px solid rgba(0,0,0,.183);border-radius:5px;padding:5px 12px 6px;outline:none;cursor:default;white-space:nowrap;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic),color .12s var(--ease-outcubic)}.f-btn:hover{background:#f9f9f980}.f-btn:active{color:#000000a1;background:#f9f9f94d;border-bottom:1px solid rgba(0,0,0,.073)}.f-btn:disabled{color:#0000005c;background:#f9f9f94d;border:1px solid rgba(0,0,0,.06);transition:none}.f-btn svg{flex:none}.f-btn:active svg{opacity:.63}.f-btn--tool{padding:5px 9px 6px 8px}.f-btn--primary,.f-btn--toggle[data-checked=true]{color:#fff;background:var(--theme-primary);border:1px solid var(--theme-light-1);border-bottom:1px solid var(--theme-dark-1)}.f-btn--primary:hover,.f-btn--toggle[data-checked=true]:hover{background:var(--theme-light-1);border:1px solid var(--theme-light-2);border-bottom:1px solid var(--theme-dark-1)}.f-btn--primary:active,.f-btn--toggle[data-checked=true]:active{color:#ffffffa1;background:var(--theme-light-3);border:1px solid var(--theme-light-3)}.f-btn--primary:disabled,.f-btn--toggle[data-checked=true]:disabled{color:#ffffffe6;background:#cdcdcd;border:1px solid rgb(205,205,205)}.f-btn--transparent{background:transparent;border:1px solid transparent}.f-btn--transparent:hover{background:#00000009;border:1px solid transparent}.f-btn--transparent:active{background:#00000006;border:1px solid transparent}.f-btn--transparent:disabled{background:transparent;border:1px solid transparent}.f-btn--hyperlink{padding:6px 12px;color:var(--theme-primary);border:none;border-radius:6px;background:transparent}.f-btn--hyperlink:hover{color:var(--theme-primary);background:#0000000a;border:none}.f-btn--hyperlink:active{color:var(--theme-primary);background:#00000006;border:none}.f-btn--hyperlink:disabled{color:#0000006e;background:transparent;border:none}.f-btn--pill{border-radius:16.5px}.f-btn--pill[data-checked=true]{color:#fff;background:var(--theme-primary);border:1px solid var(--theme-primary)}.f-btn--pill[data-checked=true]:hover{background:var(--theme-light-1);border-color:var(--theme-light-1)}.f-btn--pill[data-checked=true]:active{color:#ffffffa1;background:var(--theme-light-3);border-color:var(--theme-light-3)}.f-btn--dropdown{padding:5px 31px 6px 12px;position:relative}.f-btn--dropdown .f-btn__chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .15s var(--ease-outquad)}.f-btn--dropdown[data-pressed=true] .f-btn__chevron{transform:translateY(calc(-50% + 2px))}.f-btn--dropdown[data-bounce=true] .f-btn__chevron{animation:f-chevron-bounce .5s var(--ease-outquad)}@keyframes f-chevron-bounce{0%{transform:translateY(calc(-50% + 2px))}60%{transform:translateY(calc(-50% - 1px))}to{transform:translateY(-50%)}}.f-checkbox{display:inline-flex;align-items:center;gap:8px;min-height:22px;margin-left:1px;font:14px var(--font-families);color:var(--f-text)}.f-checkbox__box{width:18px;height:18px;flex:none;border-radius:4.5px;border:1px solid rgba(0,0,0,.478);background:#00000006;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-checkbox:hover .f-checkbox__box{border-color:#0000008f;background:#0000000d}.f-checkbox:active .f-checkbox__box{border-color:#00000045;background:#0000001f}.f-checkbox[data-checked=true] .f-checkbox__box{border-color:var(--theme-primary);background:var(--theme-primary)}.f-checkbox[data-checked=true]:hover .f-checkbox__box{border-color:var(--theme-light-1);background:var(--theme-light-1)}.f-checkbox[data-checked=true]:active .f-checkbox__box{border-color:var(--theme-light-2);background:var(--theme-light-2)}.f-checkbox[data-disabled=true]{color:#0000005c;pointer-events:none}.f-checkbox[data-disabled=true] .f-checkbox__box{border-color:#00000038;background:transparent}.f-checkbox[data-disabled=true][data-checked=true] .f-checkbox__box{border-color:transparent;background:#00000038;opacity:.8}.f-checkbox__box svg{visibility:hidden}.f-checkbox[data-checked=true] .f-checkbox__box svg{visibility:visible;animation:f-check-pop 167ms var(--ease-outcubic)}@keyframes f-check-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.f-checkbox[data-disabled=true][data-checked=true] .f-checkbox__box svg{animation:none}.f-radio{display:inline-flex;align-items:center;height:24px;font:14px var(--font-families);color:var(--f-text)}.f-radio__indicator{width:22px;height:22px;flex:none;margin-right:8px;border-radius:11px;border:2px solid #999999;background:#00000005;position:relative;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-radio:hover .f-radio__indicator{background:transparent}.f-radio:active .f-radio__indicator{border-color:#bbb;background:#e1e0df}.f-radio[data-checked=true] .f-radio__indicator{border:none;background:var(--theme-primary)}.f-radio__indicator:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff;transition:width .1s var(--ease-outcubic),height .1s var(--ease-outcubic)}.f-radio[data-checked=true] .f-radio__indicator:after{width:12px;height:12px}.f-radio[data-checked=true]:hover .f-radio__indicator:after{width:14px;height:14px}.f-radio[data-checked=true]:active .f-radio__indicator:after{width:10px;height:10px}.f-radio[data-disabled=true]{color:#0000006e;pointer-events:none}.f-radio[data-disabled=true] .f-radio__indicator{border:2px solid #bbbbbb;background:transparent}.f-radio[data-disabled=true][data-checked=true] .f-radio__indicator{border:none;background:#00000037}.f-switch{display:inline-flex;align-items:center;gap:12px;height:22px;padding-left:2px;position:relative;overflow:hidden}.f-switch--dragging .f-switch__slider{transition:none}.f-switch[data-drag-on=true] .f-switch__slider{background:#fff}.f-switch__indicator{width:42px;height:22px;flex:none;position:relative;border-radius:11px;border:1px solid rgba(0,0,0,.52);background:transparent;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-switch:hover .f-switch__indicator{background:#0000000f}.f-switch:active .f-switch__indicator{background:#00000017}.f-switch__slider{position:absolute;top:4px;left:4px;width:12px;height:12px;border-radius:6px;background:#0000009c;transition:left .12s var(--ease-outcubic),background-color .12s var(--ease-outcubic)}.f-switch[data-checked=true] .f-switch__indicator{border-color:var(--theme-primary);background:var(--theme-primary)}.f-switch[data-checked=true]:hover .f-switch__indicator{border-color:var(--theme-light-1);background:var(--theme-light-1)}.f-switch[data-checked=true]:active .f-switch__indicator{border-color:var(--theme-light-2);background:var(--theme-light-2)}.f-switch[data-checked=true] .f-switch__slider{left:24px;background:#fff}.f-switch[data-disabled=true]{pointer-events:none}.f-switch[data-disabled=true] .f-switch__label{color:#0000005c}.f-switch[data-disabled=true] .f-switch__indicator{border-color:#00000038;background:transparent}.f-switch[data-disabled=true] .f-switch__slider{background:#0000005b}.f-switch[data-disabled=true][data-checked=true] .f-switch__indicator{border-color:transparent;background:#00000038}.f-switch[data-disabled=true][data-checked=true] .f-switch__slider{background:#fff}.f-slider{position:relative;height:24px;width:200px;display:inline-block}.f-slider__groove{position:absolute;left:0;right:0;top:10px;height:4px;background:#00000064;border-radius:2px}.f-slider__passed{position:absolute;left:0;top:10px;height:4px;background:var(--theme-primary);border-radius:2px;transition:width .1s var(--ease-outcubic)}.f-slider__handle{position:absolute;top:1px;width:22px;height:22px;margin-left:-11px;border-radius:11px;background:#fff;border:1px solid rgb(222,222,222);box-shadow:0 1px 2px #00000014;display:flex;align-items:center;justify-content:center;transition:left .1s var(--ease-outcubic)}.f-slider__handle:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--theme-primary);transition:width .1s var(--ease-outcubic),height .1s var(--ease-outcubic)}.f-slider:hover .f-slider__handle:after{width:13px;height:13px}.f-slider[data-pressed=true] .f-slider__handle:after{width:8px;height:8px}.f-slider[data-disabled=true]{pointer-events:none}.f-slider[data-disabled=true] .f-slider__groove,.f-slider[data-disabled=true] .f-slider__passed{background:#0000004b}.f-slider[data-disabled=true] .f-slider__handle{border:5px solid #cccccc}.f-slider[data-disabled=true] .f-slider__handle:after{width:12px;height:12px;background:gray}.f-lineedit{height:33px;font:14px var(--font-families);color:var(--f-text);background:#ffffffb3;border:1px solid rgba(0,0,0,.051);border-bottom:1px solid rgba(0,0,0,.392);border-radius:5px;padding:0 10px;outline:none;-webkit-user-select:text;user-select:text;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-lineedit::placeholder{color:#0000009b}.f-lineedit:hover{background:#f9f9f980}.f-lineedit:focus{background:#fff;border-bottom:1px solid rgba(0,0,0,.051)}.f-lineedit:disabled{color:#0000005c;background:#f9f9f94d;border:1px solid rgba(0,0,0,.051);transition:none}.f-lineedit-wrap{position:relative;display:inline-block}.f-lineedit-wrap:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:1px 1px 0 0;background:var(--theme-primary);transform:scaleX(0);transition:transform .15s var(--ease-outcubic)}.f-lineedit-wrap:focus-within:after{transform:scaleX(1)}.f-lineedit-wrap .f-lineedit{width:100%}.f-textedit{font:14px var(--font-families);color:var(--f-text);background:#ffffffb3;border:1px solid rgba(0,0,0,.051);border-bottom:1px solid rgba(0,0,0,.392);border-radius:5px;padding:2px 3px 2px 8px;outline:none;resize:none;-webkit-user-select:text;user-select:text;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-textedit:hover{background:#f9f9f980}.f-textedit:focus{background:#fff;border-bottom:1px solid var(--theme-primary)}.f-textedit{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.f-textedit::-webkit-scrollbar{width:10px;height:10px}.f-textedit::-webkit-scrollbar-track{background:transparent}.f-textedit::-webkit-scrollbar-thumb{background:#00000059;border-radius:5px;border:3px solid transparent;background-clip:padding-box}.f-spinbox{position:relative;display:inline-flex;align-items:center;width:150px;height:33px}.f-spinbox .f-lineedit{width:100%;height:33px;padding:0 70px 0 10px}.f-spinbox__btns{position:absolute;right:4px;top:4px;display:flex;gap:0}.f-spinbox__btn{width:31px;height:25px;border:none;border-radius:4px;background:transparent;display:flex;align-items:center;justify-content:center;color:#0009;transition:background-color .12s var(--ease-outcubic)}.f-spinbox__btn:hover{background:#00000009}.f-spinbox__btn:active{background:#00000006}.f-combo{position:relative;display:inline-flex;align-items:center;font:14px var(--font-families);line-height:20px;color:var(--f-text);background:#ffffffb3;border:1px solid rgba(0,0,0,.073);border-bottom:1px solid rgba(0,0,0,.183);border-radius:5px;padding:5px 31px 6px 11px;min-width:120px;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic),color .12s var(--ease-outcubic)}.f-combo:hover{background:#f9f9f980}.f-combo:active{color:#000000a1;background:#f9f9f94d;border-bottom:1px solid rgba(0,0,0,.073)}.f-combo[data-disabled=true]{color:#0000005c;background:#f9f9f94d;border:1px solid rgba(0,0,0,.06);pointer-events:none}.f-combo__chevron{position:absolute;right:11px;top:50%;transform:translateY(-50%);transition:transform .15s var(--ease-outquad)}.f-combo[data-pressed=true] .f-combo__chevron{transform:translateY(calc(-50% + 2px))}.f-combo[data-bounce=true] .f-combo__chevron{animation:f-chevron-bounce .5s var(--ease-outquad)}.f-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:100;min-width:100%;width:max-content;max-height:280px;overflow-y:auto;background:#f9f9f9;border:1px solid rgba(0,0,0,.1);border-radius:9px;padding:4px 0;box-shadow:0 8px 30px #0000001f;transform-origin:top center;animation:f-menu-drop .25s var(--ease-outquad)}.f-menu[data-ani=pullup]{transform-origin:bottom center;animation:f-menu-pullup .25s var(--ease-outquad)}.f-menu[data-ani=fade]{animation:f-menu-fade .15s var(--ease-outquad)}@keyframes f-menu-drop{0%{opacity:0;transform:translateY(-50%) scaleY(.5)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes f-menu-pullup{0%{opacity:0;transform:translateY(50%) scaleY(.5)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes f-menu-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.f-menu--leave{animation:f-menu-leave .15s var(--ease-outquad) forwards}@keyframes f-menu-leave{to{opacity:0}}.f-menu__item{height:28px;margin:0 6px 4px;padding:0 10px;border-radius:5px;display:flex;align-items:center;font:14px var(--font-families);color:var(--f-text);position:relative;white-space:nowrap}.f-menu__item:last-child{margin-bottom:0}.f-menu__item:hover{background:#00000009}.f-menu__item:active{background:#00000006}.f-menu__item[data-selected=true]:before{content:"";position:absolute;left:-2px;top:6px;width:3px;height:16px;border-radius:1.5px;background:var(--theme-primary)}.f-progress{position:relative;height:4px;width:100%}.f-progress__track{position:absolute;left:0;right:0;top:1.5px;height:1px;background:#0000009b}.f-progress__bar{position:absolute;left:0;top:0;height:4px;border-radius:2px;background:var(--theme-primary);transition:width .15s var(--ease-outcubic)}.f-progress__bar[data-state=paused]{background:#9d5d00}.f-progress__bar[data-state=error]{background:#c42b1c}.f-progress--indeterminate{overflow:hidden;border-radius:2px}.f-progress__short,.f-progress__long{position:absolute;top:0;height:4px;border-radius:2px;background:var(--theme-primary)}.f-progress__short{width:40%;animation:f-ind-short 833ms linear infinite}.f-progress__long{width:60%;animation:f-ind-long 1167ms var(--ease-outquad) infinite;animation-delay:785ms}@keyframes f-ind-short{0%{left:-40%}to{left:105%}}@keyframes f-ind-long{0%{left:-60%}to{left:115%}}.f-ring__arc{transition:stroke-dasharray .15s var(--ease-outcubic)}.f-infobar{display:flex;align-items:center;min-height:36px;border:1px solid rgb(229,229,229);border-radius:6px;background:#f4f4f4;padding:8px 6px 8px 16px}.f-infobar[data-type=success]{background:#dff6dd}.f-infobar[data-type=warning]{background:#fff4ce}.f-infobar[data-type=error]{background:#fde7e9}.f-infobar__icon{flex:none;width:16px;height:16px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center}.f-infobar__title{font:14px var(--font-families);font-weight:700;margin-right:12px}.f-infobar__content{font:14px var(--font-families);flex:1;min-width:0}.f-infobar__close{flex:none;width:36px;height:36px;border:none;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-outcubic)}.f-infobar__close:hover{background:#00000009}.f-infobar__close:active{background:#00000006}.f-infobar--enter{animation:f-infobar-in .2s var(--ease-outquad)}@keyframes f-infobar-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.f-infobar--leave{animation:f-infobar-out .2s var(--ease-outcubic) forwards}@keyframes f-infobar-out{to{opacity:0}}.f-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:8px;font:11px var(--font-families);color:#fff;background:var(--theme-primary);animation:f-badge-in 167ms var(--ease-outcubic)}@keyframes f-badge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.f-badge[data-level=info]{background:#8a8a8a}.f-badge[data-level=success]{background:#0f7b0f}.f-badge[data-level=warning]{background:#9d5d00}.f-badge[data-level=error]{background:#c42b1c}.f-badge--dot{min-width:4px;width:4px;height:4px;padding:0;border-radius:2px}.f-tooltip-anchor{position:relative;display:inline-block}.f-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#f9f9f9;border:1px solid rgba(0,0,0,.06);border-radius:4px;padding:5px 10px;font:12px var(--font-families);color:var(--f-text);white-space:nowrap;box-shadow:0 4px 14px #0000001f;opacity:0;visibility:hidden;transition:opacity .15s var(--ease-outcubic);z-index:200;pointer-events:none}.f-tooltip-anchor[data-tip-show=true] .f-tooltip{opacity:1;visibility:visible;transition-delay:.3s}.f-tooltip-anchor[data-tip-show=true].is-hover .f-tooltip{transition-delay:.3s}.f-card{background:#fffa;border:1px solid rgba(0,0,0,.078);border-bottom:1px solid rgba(0,0,0,.106);border-radius:5px;transition:background-color .12s var(--ease-outcubic),border-color .12s var(--ease-outcubic)}.f-card--clickable:hover,.f-card--clickable:active{background:#ffffff40}.f-card--elevated{transition:box-shadow .1s var(--ease-outcubic),transform .1s var(--ease-outcubic)}.f-card--elevated:hover{box-shadow:0 5px 12px #00000014;transform:translateY(-3px)}.f-card__header{display:flex;align-items:center;height:48px;padding:0 24px;border-bottom:1px solid rgba(0,0,0,.078);font:15px var(--font-families);font-weight:600}.f-card__body{padding:24px}.f-pivot{display:flex;position:relative}.f-pivot__item{padding:10px 12px;font:18px var(--font-families);font-weight:600;color:#000000c7;background:transparent;border:none;position:relative;transition:color .12s var(--ease-outcubic)}.f-pivot__item:hover{color:#000000e6}.f-pivot__item[data-selected=true]{color:var(--f-text)}.f-pivot__item[data-selected=true]:hover{color:#000000a1}.f-pivot__item[data-selected=true]:active{color:#00000087}.f-pivot__item[data-selected=false]:active{color:#000000bf}.f-pivot__indicator{position:absolute;bottom:0;left:0;width:16px;height:3px;border-radius:1.5px;background:var(--theme-primary);pointer-events:none;transition:transform .2s var(--ease-outquad),width .2s var(--ease-outquad)}.f-segmented{position:relative;display:inline-flex;background:#00000006;border:1px solid rgba(0,0,0,.0578);border-radius:6px}.f-segmented__item{padding:3px 12px;margin:3px 0;font:14px var(--font-families);color:var(--f-text);background:transparent;border:none;border-radius:6px;position:relative;transition:color .12s var(--ease-outcubic),background-color .12s var(--ease-outcubic);z-index:1}.f-segmented__item[data-selected=false]:hover{background:#00000009}.f-segmented__item[data-selected=false]:active{background:#00000006}.f-segmented__pill{position:absolute;top:3px;bottom:3px;left:0;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000001a;transition:transform .2s var(--ease-outquad),width .2s var(--ease-outquad);z-index:0}.f-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000004d;display:flex;align-items:center;justify-content:center}.f-dialog-mask--enter{animation:f-mask-in .2s var(--ease-insine)}@keyframes f-mask-in{0%{opacity:0}to{opacity:1}}.f-dialog-mask--leave{animation:f-mask-out .1s linear forwards}@keyframes f-mask-out{to{opacity:0}}.f-dialog{width:360px;background:#fff;border:1px solid rgb(229,229,229);border-radius:8px;overflow:hidden;box-shadow:0 8px 40px #0000002e;transform-origin:center}.f-dialog--enter{animation:f-dialog-in .2s var(--ease-insine)}@keyframes f-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.f-dialog--leave{animation:f-dialog-out .1s linear forwards}@keyframes f-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.f-dialog__body{padding:24px}.f-dialog__title{font:20px var(--font-families);font-weight:600;margin-bottom:8px}.f-dialog__content{font:14px var(--font-families);color:#000c}.f-dialog__buttons{display:flex;gap:12px;padding:24px;background:#f3f3f3;border-top:1px solid rgb(229,229,229)}.f-dialog__buttons .f-btn{flex:1}.f-titlebar{height:48px;flex:none;display:flex;align-items:center;padding-left:14px}.f-titlebar__icon{width:18px;height:18px;margin-right:10px}html[data-narrow-window=true] .f-titlebar__icon{display:none}html[data-narrow-window=true] .f-titlebar__title{margin-left:44px}.f-titlebar__title{font:13px var(--font-families);color:var(--f-text);padding:0 10px 0 0}html[data-narrow-window=true] .g-page{padding:16px 12px}html[data-narrow-window=true] .g-page__body{margin-top:16px;padding-right:0}html[data-narrow-window=true] .g-page__title{font-size:22px}html[data-narrow-window=true] .g-section-title{margin:20px 0 10px;font-size:18px}html[data-narrow-window=true] .f-example__frame{padding:14px 12px;gap:10px}html[data-narrow-window=true] .f-example__code pre{padding:0 12px 14px}html[data-narrow-window=true] .grid{grid-template-columns:1fr!important}html[data-narrow-window=true] .iconview{flex-direction:column}html[data-narrow-window=true] .iconview__main{padding-right:0}html[data-narrow-window=true] .iconview__search{width:100%}html[data-narrow-window=true] .iconinfo{width:100%;flex:none;border-left:none;border-top:1px solid rgba(0,0,0,.06)}html[data-narrow-window=true] .f-slider,html[data-narrow-window=true] .f-progress,html[data-narrow-window=true] .f-lineedit-wrap{width:100%!important;max-width:100%!important}html[data-narrow-window=true] .f-combo{max-width:100%}html[data-narrow-window=true] .f-dialog{width:auto!important;max-width:calc(100vw - 32px)!important}html[data-narrow-window=true] .f-titlebar__btn:not(.f-titlebar__btn--close){display:none}html[data-narrow-window=true] .f-listview,html[data-narrow-window=true] .f-tree,html[data-narrow-window=true] .f-tableview,html[data-narrow-window=true] .f-tabview,html[data-narrow-window=true] .f-flipview{width:100%}html[data-narrow-window=true] .f-tableview{overflow-x:auto}html[data-narrow-window=true] .f-split{display:flex}html[data-narrow-window=true] .f-breadcrumb{font-size:13px}.f-titlebar__spacer{flex:1}.f-titlebar__btns{display:flex;align-self:flex-start}.f-titlebar__btn{width:46px;height:32px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--f-text);transition:background-color .12s var(--ease-outcubic)}.f-titlebar__btn:hover{background:#0000001a}.f-titlebar__btn:active{background:#0003}.f-titlebar__btn--close:hover{background:#e81123;color:#fff}.f-titlebar__btn--close:active{background:#f1707a;color:#fff}.f-nav{position:relative;width:322px;flex:none;display:flex;flex-direction:column;padding:5px;transition:width .15s var(--ease-outquad);overflow:hidden}.f-nav[data-collapsed=true]{width:48px}.f-nav__item{width:100%;height:36px;flex:none;border:none;border-radius:5px;background:transparent;display:flex;align-items:center;position:relative;font:14px var(--font-families);color:var(--f-text);padding:0;white-space:nowrap;overflow:hidden;transition:background-color .12s var(--ease-outcubic),opacity .12s var(--ease-outcubic)}.f-nav__item:hover{background:#0000000a}.f-nav__item:active{opacity:.7}.f-nav__item[data-selected=true]{background:#00000006}.f-nav__indicator{position:absolute;left:4px;top:0;width:3px;height:16px;border-radius:1.5px;background:var(--theme-primary);pointer-events:none;transform:translateY(10px);transition:transform .6s var(--ease-scale-b);z-index:2}.f-nav__item-icon{position:absolute;left:11.5px;top:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.f-nav__item-text{margin-left:44px;max-width:240px;overflow:hidden;white-space:nowrap;transition:opacity .15s var(--ease-outquad),max-width .15s var(--ease-outquad),margin-left .15s var(--ease-outquad)}.f-nav[data-collapsed=true] .f-nav__item-text{opacity:0;max-width:0;margin-left:0}.f-nav__separator{height:1px;margin:1px 0;background:#0000000f;flex:none}.f-nav__stretch{flex:1}.f-nav__menu-btn{width:40px;height:36px;flex:none;border:none;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:background-color .12s var(--ease-outcubic)}.f-nav__menu-btn:hover{background:#0000000a}.f-nav[data-narrow=true]{position:absolute;left:0;top:0;bottom:0;z-index:50;width:322px;background:#fff;box-shadow:2px 0 12px #0000002e;transform:translate(-100%);transition:transform .2s var(--ease-outcubic),width .15s var(--ease-outquad)}[data-theme=dark] .f-nav[data-narrow=true]{background:#2b2b2b}.f-nav[data-narrow=true] .f-nav__menu-btn{display:none}.f-nav__tip{position:fixed;z-index:1200;transform:translateY(-50%);color:var(--f-text);background:#ffffffb3;-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);border:1px solid rgba(255,255,255,.55);border-radius:6px;padding:6px 11px;font:13px var(--font-families);white-space:nowrap;box-shadow:0 8px 24px #0000002e;pointer-events:none;opacity:1;animation:f-nav-tip-in .15s var(--ease-outcubic);transition:opacity .15s var(--ease-outcubic)}@keyframes f-nav-tip-in{0%{opacity:0;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}.f-nav__tip--hidden{opacity:0}[data-theme=dark] .f-nav__tip{background:#2020208c;border-color:#ffffff1f;box-shadow:0 8px 24px #00000080}.f-nav[data-narrow=true][data-open=true]{transform:translate(0)}.f-nav__fab{position:absolute;top:-40px;left:6px;z-index:60;width:36px;height:36px;flex:none;border:none;background:transparent;color:var(--f-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.f-nav__fab:hover{background:#0000000f}.f-nav__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000002e}[data-theme=dark] .f-nav__fab:hover{background:#ffffff1a}.f-window{height:100%;display:flex;flex-direction:column;background:#f3f3f3}.f-window__main{flex:1;display:flex;min-height:0;position:relative}.f-window__stack{flex:1;min-width:0;background:#ffffff80;border:1px solid rgba(0,0,0,.068);border-right:none;border-bottom:none;border-top-left-radius:10px;overflow:hidden;display:flex;flex-direction:column;position:relative}.f-window__stack>.f-window__page{flex:1;min-height:0;display:flex;flex-direction:column;animation:f-page-in .32s var(--ease-scale-b)}@keyframes f-page-in{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}.f-datepicker{position:relative;display:inline-block}.f-datepicker__field{display:flex;align-items:center;gap:8px;min-width:168px;height:32px;padding:0 10px;background:var(--f-surface);color:var(--f-text);border:1px solid var(--f-border);border-radius:5px;font:13px var(--font-families);cursor:pointer;transition:border-color .12s var(--ease-outcubic)}.f-datepicker__field:hover,.f-datepicker__field[data-open=true]{border-color:var(--theme-primary)}.f-datepicker__text{flex:1;text-align:left}.f-datepicker__placeholder{flex:1;text-align:left;color:var(--f-text-2)}.f-datepicker__popup{position:fixed;z-index:1300;width:252px;padding:10px;color:var(--f-text);background:#ffffffb8;-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);border:1px solid rgba(255,255,255,.55);border-radius:8px;box-shadow:0 8px 28px #0000002e}[data-theme=dark] .f-datepicker__popup{background:#20202099;border-color:#ffffff1f;box-shadow:0 8px 28px #00000080}.f-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.f-datepicker__nav{width:28px;height:28px;border:none;background:transparent;border-radius:5px;color:var(--f-text);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-outcubic)}.f-datepicker__nav:hover{background:#0000000f}.f-datepicker__title{font:13px var(--font-families);font-weight:600}.f-datepicker__week{display:grid;grid-template-columns:repeat(7,1fr)}.f-datepicker__week span{text-align:center;font-size:11px;color:var(--f-text-2);padding:4px 0}.f-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.f-datepicker__day{height:30px;border:none;background:transparent;border-radius:5px;color:var(--f-text);font:13px var(--font-families);cursor:pointer;transition:background-color .1s var(--ease-outcubic)}.f-datepicker__day:hover{background:#0000000f}.f-datepicker__day[data-empty=true]{visibility:hidden;cursor:default}.f-datepicker__day[data-today=true]{color:var(--theme-primary);font-weight:600}.f-datepicker__day[data-selected=true]{background:var(--theme-primary);color:#fff}[data-theme=dark] .f-datepicker__nav:hover,[data-theme=dark] .f-datepicker__day:hover{background:#ffffff14}.f-scrollarea{position:relative;flex:1;min-height:0;overflow:hidden;display:flex}.f-scrollarea__view{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.f-scrollarea__view::-webkit-scrollbar{width:0;height:0}.f-scrollbar{position:absolute;right:0;top:0;bottom:0;width:12px;display:flex;justify-content:center;opacity:0;transition:opacity .15s var(--ease-outcubic);pointer-events:none}.f-scrollbar[data-show=true]{opacity:1;pointer-events:auto}.f-scrollbar__groove{width:12px;border-radius:6px;background:#fcfcfc}.f-scrollbar__handle{position:absolute;right:1.5px;width:3px;border-radius:1.5px;background:#00000073;min-height:24px;transition:opacity .15s var(--ease-outcubic),background-color .12s var(--ease-outcubic)}.f-scrollbar__handle:hover{background:#0009}.f-teachingtip{position:fixed;z-index:1100;max-width:280px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:16px;box-shadow:0 8px 30px #00000026;font:14px var(--font-families);color:var(--f-text);opacity:0;transition:opacity 167ms var(--ease-outcubic)}.f-teachingtip[data-show=true]{opacity:1}.f-teachingtip__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:5px;background:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease-outcubic)}.f-teachingtip__close:hover{background:#00000009}.f-flyout{position:fixed;z-index:1100;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px;box-shadow:0 8px 30px #00000026;max-width:280px;opacity:0;transition:opacity 187ms var(--ease-outquad),transform 187ms var(--ease-outquad)}.f-flyout[data-show=true]{opacity:1}.f-flyout--pullup{transform:translateY(8px)}.f-flyout--dropdown{transform:translateY(-8px)}.f-flyout--left{transform:translate(8px)}.f-flyout--right{transform:translate(-8px)}.f-flyout[data-show=true].f-flyout--pullup,.f-flyout[data-show=true].f-flyout--dropdown{transform:translateY(0)}.f-flyout[data-show=true].f-flyout--left,.f-flyout[data-show=true].f-flyout--right{transform:translate(0)}.f-flyout__title{font:14px var(--font-families);font-weight:600;margin-bottom:4px}.f-flyout__content{font:14px var(--font-families);color:#000c}[data-theme=dark] .f-flyout{background:var(--f-surface);border-color:var(--f-border);box-shadow:0 8px 30px #00000080}[data-theme=dark] .f-flyout__title{color:var(--f-text)}[data-theme=dark] .f-flyout__content{color:var(--f-text-2)}.g-page{flex:1;min-height:0;padding:36px 0 36px 36px;display:flex;flex-direction:column}.g-page__title{font:28px var(--font-families);font-weight:600}.g-page__caption{font:12px var(--font-families);color:#0009;margin-top:4px}.g-page__body{flex:1;min-height:0;margin-top:24px;padding-right:36px}.g-section-title{font:20px var(--font-families);font-weight:600;margin:28px 0 12px}.g-section-title:first-child{margin-top:0}.g-example{background:#fffa;border:1px solid rgba(0,0,0,.095);border-radius:10px;padding:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hbox{display:flex;flex-direction:row;align-items:center}.vbox{display:flex;flex-direction:column}.grid{display:grid}.iconview{flex:1;min-height:0;display:flex;gap:12px}.iconview__main{flex:1;min-width:0;display:flex;flex-direction:column;padding-right:8px}.iconview__search{position:relative;width:304px;margin-bottom:12px;flex:none}.iconview__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}.iconview__input{width:100%;padding-left:32px}.iconview__grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:3px 8px 8px}.iconcard{width:96px;height:96px;flex:none;display:flex;flex-direction:column;align-items:center;border:1px solid transparent;border-radius:5px;background:transparent;cursor:default;padding:20px 0 0;transition:background-color .12s var(--ease-outcubic),box-shadow .12s var(--ease-outcubic)}.iconcard:hover{background:#0000000a}.iconcard[data-selected=true]{box-shadow:inset 0 0 0 1px var(--theme-primary);background:#0000000f}.iconcard__icon{width:28px;height:28px}.iconcard__name{margin-top:12px;max-width:84px;font:12px var(--font-families);color:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconinfo{width:216px;flex:none;border-left:1px solid rgba(0,0,0,.06);padding:20px 16px;display:flex;flex-direction:column}.iconinfo__name{font:20px var(--font-families);font-weight:600;color:var(--f-text)}.iconinfo__big{width:48px;height:48px;margin:16px 0}.iconinfo__title{font:12px var(--font-families);color:#0009;margin-top:16px}.iconinfo__val{font:14px var(--font-families);color:var(--f-text);margin-top:5px}.setgroup{margin-bottom:28px}.setgroup__title{font:20px var(--font-families);font-weight:600;color:var(--f-text);margin-bottom:12px}.setgroup__body{border-radius:8px;overflow:hidden;background:#fffa;border:1px solid rgba(0,0,0,.08)}.setcard{display:flex;align-items:center;gap:16px;min-height:52px;padding:0 16px;background:transparent;border-bottom:1px solid rgba(0,0,0,.06);width:100%;text-align:left}.setcard:last-child{border-bottom:none}.setcard--btn{cursor:default;transition:background-color .12s var(--ease-outcubic)}.setcard--btn:hover{background:#00000006}.setcard__icon{width:22px;height:22px;flex:none}.setcard__text{flex:1;min-width:0}.setcard__title{font:14px var(--font-families);color:var(--f-text)}.setcard__content{font:12px var(--font-families);color:#0009;margin-top:2px}.setcard__control{flex:none;display:flex;align-items:center}.setcard__options{display:inline-flex;background:#00000006;border:1px solid rgba(0,0,0,.06);border-radius:6px;padding:2px}.setcard__option{border:none;background:transparent;border-radius:4px;padding:4px 12px;font:14px var(--font-families);color:#000000c7;transition:background-color .12s var(--ease-outcubic),color .12s var(--ease-outcubic)}.setcard__option:hover{background:#0000000a}.setcard__option[data-selected=true]{background:#fff;color:var(--f-text);box-shadow:0 1px 2px #0000001a}.setcard__colors{display:flex;align-items:center;gap:8px}.setcard__color{width:24px;height:24px;border-radius:12px;border:2px solid transparent;cursor:default;padding:0;position:relative;transition:box-shadow .12s var(--ease-outcubic)}.setcard__color[data-selected=true]{box-shadow:0 0 0 2px var(--theme-primary)}.setcard__color--custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none}.setcard__icon.is-spin,.setcard__option.is-spin,.setcard__color.is-spin{animation:f-spin .36s var(--ease-outcubic)}@keyframes f-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark]{--f-text: #ffffff;--f-text-2: rgba(255, 255, 255, .78);--f-text-3: rgba(255, 255, 255, .6);--f-surface: #2b2b2b;--f-surface-2: #202020;--f-border: rgba(255, 255, 255, .1);--f-hover: rgba(255, 255, 255, .08);--f-press: rgba(255, 255, 255, .04)}[data-theme=dark] body{background:#202020;color:var(--f-text)}[data-theme=dark] .f-window{background:#202020}[data-theme=dark] .f-window__stack{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .f-titlebar__title,[data-theme=dark] .f-titlebar__btn{color:var(--f-text)}[data-theme=dark] .f-titlebar__btn:hover{background:#ffffff1a}[data-theme=dark] .f-titlebar__btn:active{background:#fff3}[data-theme=dark] .f-nav__item{color:var(--f-text)}[data-theme=dark] .f-nav__item:hover{background:#ffffff14}[data-theme=dark] .f-nav__item[data-selected=true]{background:#ffffff0f}[data-theme=dark] .f-nav__separator{background:#ffffff1a}[data-theme=dark] .f-nav__menu-btn{color:var(--f-text)}[data-theme=dark] .f-nav__menu-btn:hover{background:#ffffff14}[data-theme=dark] .g-page__title,[data-theme=dark] .g-page__caption,[data-theme=dark] .g-section-title{color:var(--f-text)}[data-theme=dark] .g-page__caption,[data-theme=dark] .g-section-title{color:var(--f-text-3)}[data-theme=dark] .g-example,[data-theme=dark] .f-card,[data-theme=dark] .setgroup__body{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-card--clickable:hover{background:#ffffff0a}[data-theme=dark] .f-btn{color:var(--f-text);background:var(--f-surface);border-color:#ffffff1a;border-bottom-color:#ffffff2e}[data-theme=dark] .f-btn:hover{background:#ffffff14}[data-theme=dark] .f-btn:active{color:var(--f-text-2);background:#ffffff0a}[data-theme=dark] .f-btn:disabled{color:var(--f-text-3);background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .f-btn--transparent{background:transparent;border-color:transparent}[data-theme=dark] .f-btn--transparent:hover{background:#ffffff0f}[data-theme=dark] .f-btn--hyperlink{color:var(--theme-primary)}[data-theme=dark] .f-lineedit,[data-theme=dark] .f-textedit,[data-theme=dark] .f-combo{color:var(--f-text);background:var(--f-surface);border-color:#ffffff1a;border-bottom-color:#fff3}[data-theme=dark] .f-lineedit::placeholder,[data-theme=dark] .f-combo[data-disabled=true]{color:var(--f-text-3)}[data-theme=dark] .f-lineedit:hover,[data-theme=dark] .f-textedit:hover,[data-theme=dark] .f-combo:hover{background:#ffffff14}[data-theme=dark] .f-lineedit:focus,[data-theme=dark] .f-textedit:focus{background:var(--f-surface-2);border-bottom-color:var(--theme-primary)}[data-theme=dark] .f-textedit{scrollbar-color:rgba(255,255,255,.28) transparent}[data-theme=dark] .f-textedit::-webkit-scrollbar-thumb{background:#ffffff47;border:3px solid transparent;background-clip:padding-box}[data-theme=dark] .f-textedit{color:var(--f-text)}[data-theme=dark] .f-menu{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-menu__item{color:var(--f-text)}[data-theme=dark] .f-menu__item:hover{background:#ffffff14}[data-theme=dark] .f-menu__item:active{background:#ffffff0a}[data-theme=dark] .f-infobar{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-infobar__title,[data-theme=dark] .f-infobar__content,[data-theme=dark] .f-infobar__close{color:var(--f-text)}[data-theme=dark] .f-infobar__close:hover{background:#ffffff14}[data-theme=dark] .f-tooltip{background:var(--f-surface);border-color:var(--f-border);color:var(--f-text)}[data-theme=dark] .f-pivot__item{color:var(--f-text-2)}[data-theme=dark] .f-pivot__item[data-selected=true]{color:var(--f-text)}[data-theme=dark] .f-segmented{background:#ffffff14;border-color:#ffffff24}[data-theme=dark] .f-segmented__item{color:var(--f-text)}[data-theme=dark] .f-segmented__item[data-selected=false]:hover{background:#ffffff1a}[data-theme=dark] .f-segmented__pill{background:#ffffff2e;box-shadow:0 1px 2px #0000004d}[data-theme=dark] .f-dialog{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-dialog__title{color:var(--f-text)}[data-theme=dark] .f-dialog__content{color:var(--f-text-2)}[data-theme=dark] .f-dialog__buttons{background:var(--f-surface-2);border-color:var(--f-border)}[data-theme=dark] .iconcard:hover{background:#ffffff14}[data-theme=dark] .iconcard[data-selected=true]{background:#ffffff1a}[data-theme=dark] .iconcard__name{color:var(--f-text-3)}[data-theme=dark] .iconinfo{border-color:var(--f-border)}[data-theme=dark] .iconinfo__name,[data-theme=dark] .iconinfo__val{color:var(--f-text)}[data-theme=dark] .iconinfo__title{color:var(--f-text-3)}[data-theme=dark] .setgroup__title,[data-theme=dark] .setcard__title{color:var(--f-text)}[data-theme=dark] .setcard__content{color:var(--f-text-3)}[data-theme=dark] .setcard--btn:hover{background:#ffffff0a}[data-theme=dark] .setcard__option{color:var(--f-text-2)}[data-theme=dark] .setcard__option:hover{background:#ffffff14}[data-theme=dark] .setcard__option[data-selected=true]{background:#3a3a3a;color:var(--f-text)}[data-theme=dark] .setcard__options{background:#ffffff0f;border-color:var(--f-border)}[data-theme=dark] .f-checkbox[data-disabled=true],[data-theme=dark] .f-radio[data-disabled=true],[data-theme=dark] .f-switch[data-disabled=true] .f-switch__label,[data-theme=dark] .f-lineedit:disabled,[data-theme=dark] .f-textedit:disabled{color:var(--f-text-3)}[data-theme=dark] .f-pivot__item[data-selected=false]:active{color:var(--f-text-3)}[data-theme=dark] .f-pivot__item[data-selected=true]:active{color:var(--f-text-2)}[data-theme=dark] .f-checkbox__box{border-color:#ffffff80;background:#fff1}[data-theme=dark] .f-checkbox:hover .f-checkbox__box{border-color:#ffffffb3;background:#ffffff17}[data-theme=dark] .f-checkbox:active .f-checkbox__box{border-color:#fff6;background:#ffffff21}[data-theme=dark] .f-checkbox[data-disabled=true] .f-checkbox__box{border-color:#ffffff38;background:transparent}[data-theme=dark] .f-checkbox[data-disabled=true][data-checked=true] .f-checkbox__box{background:#fff3}[data-theme=dark] .f-switch__indicator{border-color:#ffffff80}[data-theme=dark] .f-switch:hover .f-switch__indicator{background:#ffffff17}[data-theme=dark] .f-switch:active .f-switch__indicator{background:#ffffff21}[data-theme=dark] .f-switch__slider{background:#ffffffb3}[data-theme=dark] .f-switch[data-disabled=true] .f-switch__indicator{border-color:#ffffff38}[data-theme=dark] .f-switch[data-disabled=true] .f-switch__slider{background:#ffffff5c}[data-theme=dark] .f-switch[data-disabled=true][data-checked=true] .f-switch__indicator{background:#fff3}[data-theme=dark] .f-switch[data-disabled=true][data-checked=true] .f-switch__slider{background:#fff}[data-theme=dark] .f-spinbox__btn{color:#ffffffb3}[data-theme=dark] .f-spinbox__btn:hover{background:#ffffff1a}[data-theme=dark] .f-spinbox__btn:active{background:#ffffff24}.g-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.f-example{border:1px solid var(--f-border);border-radius:8px;overflow:hidden;background:var(--f-surface)}.f-example__title{padding:14px 16px 0;font:14px var(--font-families);font-weight:600;color:var(--f-text)}.f-example__frame{padding:18px 16px;min-height:56px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.f-example__code{border-top:1px solid var(--f-border);background:#00000008}.f-example__code summary{padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;font:12px var(--font-families);color:var(--f-text-2)}.f-example__code summary::-webkit-details-marker{display:none}.f-example__code summary:before{content:"›";display:inline-block;margin-right:6px;transition:transform .15s var(--ease-outcubic)}.f-example__code[open] summary:before{transform:rotate(90deg)}.f-example__code pre{margin:0;padding:0 16px 16px;overflow:auto}.f-example__code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--f-text);white-space:pre;display:block}.f-split{display:inline-flex;position:relative}.f-btn--split-main{border-top-right-radius:0;border-bottom-right-radius:0}.f-btn--split-caret{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.f-menu--split{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;z-index:60}.f-lineedit-wrap--password{position:relative}.f-lineedit-wrap--password .f-lineedit{padding-right:32px}.f-lineedit__toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--f-text-2);padding:4px;display:flex;cursor:pointer;border-radius:4px}.f-lineedit__toggle:hover{background:#0000000f}.f-combo[data-editable=true]{display:flex;align-items:center;gap:4px}.f-combo__input{flex:1;width:100%;border:none;background:transparent;outline:none;font:14px var(--font-families);color:var(--f-text);padding:0}.f-checkbox__dash{width:10px;height:2px;background:#fff;border-radius:1px}.f-checkbox[data-partial=true] .f-checkbox__box{border-color:var(--theme-primary);background:var(--theme-primary)}.f-breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;font:14px var(--font-families)}.f-breadcrumb__item{color:var(--theme-primary);cursor:pointer;padding:2px 4px;border-radius:4px}.f-breadcrumb__item[data-last=true]{color:var(--f-text);cursor:default}.f-breadcrumb__item:not([data-last=true]):hover{background:#0000000d}.f-breadcrumb__sep{color:var(--f-text-3);margin:0 2px}.f-tabview{border:1px solid var(--f-border);border-radius:8px;overflow:hidden;background:var(--f-surface-2)}.f-tabview__tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--f-border)}.f-tabview__tab{border:none;background:transparent;padding:8px 14px;margin-bottom:-1px;font:14px var(--font-families);color:var(--f-text-2);cursor:pointer;border-bottom:2px solid transparent}.f-tabview__tab[data-active=true]{color:var(--theme-primary);border-bottom-color:var(--theme-primary)}.f-tabview__body{padding:16px}.f-listview{border:1px solid var(--f-border);border-radius:8px;overflow:hidden;background:var(--f-surface);min-width:240px}.f-listview__item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--f-border)}.f-listview__item:last-child{border-bottom:none}.f-listview__item:hover{background:#00000008}.f-listview__icon{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--theme-primary)}.f-listview__text{display:flex;flex-direction:column}.f-listview__title{font:14px var(--font-families);color:var(--f-text)}.f-listview__sub{font:12px var(--font-families);color:var(--f-text-3)}.f-tree{border:1px solid var(--f-border);border-radius:8px;overflow:hidden;background:var(--f-surface);min-width:240px;padding:6px 0}.f-tree__item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;font:14px var(--font-families);color:var(--f-text)}.f-tree__item:hover{background:#00000008}.f-tree__caret{width:14px;flex:none;color:var(--f-text-3);font-size:12px}.f-tree__title{flex:1}.f-tableview{border:1px solid var(--f-border);border-radius:8px;overflow:hidden;background:var(--f-surface)}.f-tableview table{width:100%;border-collapse:collapse;font:14px var(--font-families)}.f-tableview th{text-align:left;padding:10px 14px;background:var(--f-surface-2);color:var(--f-text-2);font-weight:600;border-bottom:1px solid var(--f-border)}.f-tableview td{padding:9px 14px;border-bottom:1px solid var(--f-border);color:var(--f-text)}.f-tableview tr:last-child td{border-bottom:none}.f-tableview tbody tr:hover{background:#00000008}.f-flipview{position:relative;border-radius:8px;overflow:hidden;background:var(--f-surface-2);border:1px solid var(--f-border)}.f-flipview__stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.f-flipview__nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:50%;background:#00000059;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.f-flipview__nav--prev{left:8px}.f-flipview__nav--next{right:8px}.f-flipview__dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px}.f-flipview__dot{width:8px;height:8px;border-radius:50%;background:#0000004d;cursor:pointer}.f-flipview__dot[data-active=true]{background:var(--theme-primary)}.f-imagelabel{width:100%;border-radius:8px;overflow:hidden;background:var(--f-surface-2);display:flex;align-items:center;justify-content:center}.f-imagelabel img{width:100%;height:100%;object-fit:cover}.f-imagelabel__ph{color:var(--f-text-3);font:14px var(--font-families)}.f-teachingtip{position:fixed;z-index:1000;width:280px;background:var(--f-surface);border:1px solid var(--f-border);border-radius:8px;box-shadow:0 4px 16px #0000002e;padding:14px 16px;opacity:0;transform:translateY(-6px);transition:opacity .15s var(--ease-outcubic),transform .15s var(--ease-outcubic)}.f-teachingtip[data-show=true]{opacity:1;transform:translateY(0)}.f-teachingtip__close{position:absolute;top:8px;right:8px;border:none;background:transparent;color:var(--f-text-2);cursor:pointer;font-size:12px;line-height:1}.f-teachingtip__title{font:14px var(--font-families);font-weight:600;color:var(--f-text);margin-bottom:6px;padding-right:16px}.f-teachingtip__content{font:13px var(--font-families);color:var(--f-text-2);line-height:1.5}.f-teachingtip__actions{display:flex;gap:8px;margin-top:12px}.f-btn--sm{padding:4px 12px;font-size:13px}[data-theme=dark] .f-example{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-example__code{background:#ffffff0a}[data-theme=dark] .f-example__code summary{color:var(--f-text-2)}[data-theme=dark] .f-checkbox[data-partial=true] .f-checkbox__box{border-color:var(--theme-primary);background:var(--theme-primary)}[data-theme=dark] .f-checkbox__dash{background:#fff}[data-theme=dark] .f-lineedit__toggle:hover{background:#ffffff14}[data-theme=dark] .f-tabview{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-tabview__tabs{border-color:var(--f-border)}[data-theme=dark] .f-tabview__tab{color:var(--f-text-2)}[data-theme=dark] .f-listview,[data-theme=dark] .f-tree,[data-theme=dark] .f-tableview,[data-theme=dark] .f-imagelabel{background:var(--f-surface);border-color:var(--f-border)}[data-theme=dark] .f-listview__item,[data-theme=dark] .f-tree__item,[data-theme=dark] .f-tableview td{border-color:var(--f-border)}[data-theme=dark] .f-listview__item:hover,[data-theme=dark] .f-tree__item:hover{background:#ffffff0f}[data-theme=dark] .f-tableview th{background:var(--f-surface-2);color:var(--f-text-2);border-color:var(--f-border)}[data-theme=dark] .f-tableview tbody tr:hover{background:#ffffff0d}[data-theme=dark] .f-tree__caret{color:var(--f-text-3)}[data-theme=dark] .f-flipview{background:var(--f-surface-2);border-color:var(--f-border)}[data-theme=dark] .f-flipview__dot{background:#ffffff4d}[data-theme=dark] .f-flipview__dot[data-active=true]{background:var(--theme-primary)}[data-theme=dark] .f-teachingtip{background:var(--f-surface);border-color:var(--f-border);box-shadow:0 4px 16px #0006}[data-theme=dark] .f-teachingtip__title{color:var(--f-text)}[data-theme=dark] .f-teachingtip__content,[data-theme=dark] .f-teachingtip__close{color:var(--f-text-2)}[data-theme=dark] .f-breadcrumb__sep{color:var(--f-text-3)}[data-theme=dark] .f-breadcrumb__item:not([data-last=true]):hover{background:#ffffff14}