@font-face{font-family:FioInter;src:url(/sites/frameio-app/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:FioInter;src:url(/sites/frameio-app/InterVariable-Italic.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:FioGothic;src:url(/sites/frameio-app/FrameGothic.woff2)format("woff2");font-display:swap}.fio-ws{--fio-bg-base:#000;--fio-bg-panel:#12141e;--fio-bg-primary:#1f2332;--fio-bg-secondary:#262a3b;--fio-bg-tertiary:#2c30414d;--fio-bg-hover:#393d4f59;--fio-bg-selected:#55586e66;--fio-bg-selected-solid:#32374c;--fio-bg-search:#2c304150;--fio-bg-dropzone:#24273533;--fio-bg-card-gradient:radial-gradient(102.98% 102.98% at 19.2% -29.76%, #ffffff10 0%, #fff0 100%);--fio-bg-rail-glow:linear-gradient(180deg, #0000 55%, #6b2f7a59 100%);--fio-scrim:#000000b3;--fio-brand:#5b53ff;--fio-brand-hover:#7e85ff;--fio-brand-dark:#4d3dea;--fio-brand-low:#5b53ff40;--fio-brand-medium:#5b53ff80;--fio-brand-contrast:#fff;--fio-avatar-account:#e84cf2;--fio-text-primary:#fff;--fio-text-body:#f3f3f7e6;--fio-text-secondary:#d4d6e6bf;--fio-text-tertiary:#bdc0d4b5;--fio-text-disabled:#6d718880;--fio-text-link:#7e85ff;--fio-icon:#d4d6e6bf;--fio-icon-secondary:#a1a4bea6;--fio-icon-hover:#e6e8f1cc;--fio-border-primary:#ffffff0a;--fio-border-neutral:#ffffff26;--fio-border-secondary:#393d4f59;--fio-border-tertiary:#32374c;--fio-border-focus:#ffffff80;--fio-border-hover:#9195ae8c;--fio-success:#21c17b;--fio-success-bg:#21c17b26;--fio-error:#ff6471;--fio-error-solid:#f43350;--fio-error-bg:#f4335026;--fio-notice:#f0cd33;--fio-notice-bg:#f0cd3326;--fio-info:#729fff;--fio-info-bg:#3f74ff26;--fio-switch-off:#55586e66;--fio-media-bg:#000;--fio-shadow-pop:0 8px 28px #0009, 0 0 0 1px var(--fio-border-primary);--fio-shadow-dialog:0 24px 64px #000000b3;--fio-font-ui:"FioInter", "inter Fallback", system-ui, sans-serif;--fio-font-heading:"FioGothic", "FioInter", system-ui, sans-serif;--fio-fs-11:11px;--fio-fs-12:12px;--fio-fs-13:13px;--fio-fs-14:14px;--fio-fs-16:16px;--fio-fs-18:18px;--fio-fs-20:20px;--fio-fs-24:24px;--fio-fs-32:32px;--fio-fw-regular:402;--fio-fw-medium:500;--fio-fw-semibold:600;--fio-sp-1:1px;--fio-sp-2:2px;--fio-sp-4:4px;--fio-sp-8:8px;--fio-sp-10:10px;--fio-sp-12:12px;--fio-sp-14:14px;--fio-sp-16:16px;--fio-sp-20:20px;--fio-sp-24:24px;--fio-sp-28:28px;--fio-sp-32:32px;--fio-sp-36:36px;--fio-sp-40:40px;--fio-sp-44:44px;--fio-sp-48:48px;--fio-sp-56:56px;--fio-sp-64:64px;--fio-r-compact:4px;--fio-r-button:6px;--fio-r-panel:8px;--fio-r-dialog:12px;--fio-r-search:48px;--fio-r-pill:999px;--fio-rail-w:66px;--fio-header-h:50px;--fio-sidebar-w:280px;--fio-gutter:2px;--fio-control-h:32px;--fio-control-h-sm:24px;--fio-target-mobile:44px;--fio-dur-fast:.12s;--fio-dur-dialog:.16s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;gap:var(--fio-gutter);padding:var(--fio-gutter);background:var(--fio-bg-base);color:var(--fio-text-body);font-family:var(--fio-font-ui);font-size:var(--fio-fs-14);font-weight:var(--fio-fw-regular);-webkit-font-smoothing:antialiased;line-height:1.43;display:flex;position:fixed;inset:0;overflow:hidden}.fio-ws[data-theme=light]{--fio-bg-base:#ecedf3;--fio-bg-panel:#fff;--fio-bg-primary:#f4f4f7;--fio-bg-secondary:#ecedf3;--fio-bg-tertiary:#e7e8f1;--fio-bg-hover:#e7e8f1;--fio-bg-selected:#dee0ec;--fio-bg-selected-solid:#dee0ec;--fio-bg-search:#f4f4f7;--fio-bg-dropzone:#ecedf380;--fio-bg-card-gradient:none;--fio-bg-rail-glow:linear-gradient(180deg, #0000 55%, #e9c6f259 100%);--fio-scrim:#1f233280;--fio-text-primary:#12141e;--fio-text-body:#1f2332e6;--fio-text-secondary:#33374abf;--fio-text-tertiary:#55586eb5;--fio-text-disabled:#9195ae;--fio-icon:#33374abf;--fio-icon-secondary:#55586ea6;--fio-icon-hover:#12141e;--fio-border-primary:#1f23320f;--fio-border-neutral:#1f233226;--fio-border-secondary:#dee0ec;--fio-border-tertiary:#dee0ec;--fio-border-focus:#5b53ff;--fio-border-hover:#9195ae;--fio-switch-off:#c9cbde;--fio-shadow-pop:0 8px 28px #1f23322e, 0 0 0 1px var(--fio-border-primary);--fio-shadow-dialog:0 24px 64px #1f233240;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.fio-ws *,.fio-ws :before,.fio-ws :after{box-sizing:border-box}.fio-ws :focus-visible{outline:2px solid var(--fio-brand-hover);outline-offset:1px}.fio-ws button{font:inherit;color:inherit}.fio-ws a{color:inherit;text-decoration:none}.fio-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fio-rail{flex:0 0 var(--fio-rail-w);align-items:center;gap:var(--fio-sp-8);padding:var(--fio-sp-12) 0;border-radius:var(--fio-r-panel);background:var(--fio-bg-rail-glow);flex-direction:column;display:flex}.fio-rail__group{align-items:center;gap:var(--fio-sp-12);flex-direction:column;display:flex}.fio-rail__spacer{flex:1}.fio-rail__item{width:var(--fio-sp-44);height:var(--fio-sp-44);border-radius:var(--fio-r-panel);color:var(--fio-icon);cursor:pointer;transition:background var(--fio-dur-fast), color var(--fio-dur-fast);background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.fio-rail__item:hover{color:var(--fio-icon-hover);background:var(--fio-bg-hover)}.fio-rail__item[aria-current=page],.fio-rail__item[data-active=true]{color:var(--fio-text-primary)}.fio-rail__badge{top:var(--fio-sp-8);right:var(--fio-sp-8);min-width:var(--fio-sp-16);height:var(--fio-sp-16);padding:0 var(--fio-sp-4);border-radius:var(--fio-r-pill);background:var(--fio-error-solid);color:#fff;font-size:var(--fio-fs-11);font-weight:var(--fio-fw-semibold);line-height:var(--fio-sp-16);position:absolute}.fio-rail__live{width:var(--fio-sp-8);height:var(--fio-sp-8);border-radius:var(--fio-r-pill);background:var(--fio-text-disabled)}.fio-rail__live[data-connected=true]{background:var(--fio-success)}.fio-main{gap:var(--fio-gutter);flex-direction:column;flex:1;min-width:0;display:flex}.fio-header{flex:0 0 var(--fio-header-h);align-items:center;gap:var(--fio-sp-12);padding:0 var(--fio-sp-12) 0 var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-bg-panel);min-width:0;display:flex}.fio-header__title{min-width:0;font-weight:var(--fio-fw-regular);text-align:center;color:var(--fio-text-primary);font-size:var(--fio-fs-14);flex:1;justify-content:center;margin:0;display:flex}.fio-header__end{align-items:center;gap:var(--fio-sp-8);margin-left:auto;display:flex}.fio-body{gap:var(--fio-gutter);flex:1;min-height:0;display:flex}.fio-panel{border-radius:var(--fio-r-panel);background:var(--fio-bg-panel);min-width:0;min-height:0}.fio-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.fio-viewer-host{border-radius:var(--fio-r-panel);background:var(--fio-media-bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.fio-scroll{flex:1;min-height:0;overflow:auto}.fio-crumbs{align-items:center;gap:var(--fio-sp-8);min-width:0;font-size:var(--fio-fs-14);color:var(--fio-text-secondary);display:flex}.fio-crumbs ol{align-items:center;gap:var(--fio-sp-8);min-width:0;margin:0;padding:0;list-style:none;display:flex}.fio-crumbs li{align-items:center;gap:var(--fio-sp-8);white-space:nowrap;flex-shrink:0;display:flex}.fio-crumbs li:last-child{flex-shrink:1;min-width:0}.fio-crumbs li+li:before{content:"/";color:var(--fio-text-tertiary)}.fio-crumbs a:hover{color:var(--fio-text-primary)}.fio-crumbs [aria-current=page]{color:var(--fio-text-primary);text-overflow:ellipsis;overflow:hidden}.fio-search{align-items:center;gap:var(--fio-sp-8);width:300px;max-width:40vw;height:var(--fio-control-h);padding:0 var(--fio-sp-12);border:1px solid var(--fio-border-primary);border-radius:var(--fio-r-search);background:var(--fio-bg-search);color:var(--fio-text-secondary);display:flex}.fio-search input{min-width:0;color:var(--fio-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1}.fio-search:focus-within{border-color:var(--fio-border-focus)}.fio-btn{justify-content:center;align-items:center;gap:var(--fio-sp-8);height:var(--fio-control-h);padding:0 var(--fio-sp-12);border-radius:var(--fio-r-button);font-size:var(--fio-fs-14);font-weight:var(--fio-fw-medium);white-space:nowrap;cursor:pointer;transition:background var(--fio-dur-fast), color var(--fio-dur-fast), border-color var(--fio-dur-fast), opacity var(--fio-dur-fast);border:1px solid #0000;display:inline-flex}.fio-btn[data-size=sm]{height:var(--fio-control-h-sm);padding:0 var(--fio-sp-8);font-size:var(--fio-fs-13)}.fio-btn[data-variant=primary]{background:var(--fio-brand);color:var(--fio-brand-contrast)}.fio-btn[data-variant=primary]:hover:not(:disabled){background:var(--fio-brand-hover)}.fio-btn[data-variant=primary]:active:not(:disabled){background:var(--fio-brand-dark)}.fio-btn[data-variant=secondary]{background:var(--fio-bg-hover);color:var(--fio-text-primary)}.fio-btn[data-variant=secondary]:hover:not(:disabled){background:var(--fio-bg-selected)}.fio-btn[data-variant=quiet]{color:var(--fio-text-body);background:0 0}.fio-btn[data-variant=quiet]:hover:not(:disabled){background:var(--fio-bg-hover);color:var(--fio-text-primary)}.fio-btn[data-variant=danger]{background:var(--fio-error-bg);color:var(--fio-error)}.fio-btn[data-variant=danger]:hover:not(:disabled){background:var(--fio-error-solid);color:#fff}.fio-btn:disabled{cursor:not-allowed;opacity:.5}.fio-btn[aria-busy=true]{cursor:progress}.fio-iconbtn{width:var(--fio-control-h);height:var(--fio-control-h);border-radius:var(--fio-r-button);color:var(--fio-icon);cursor:pointer;transition:background var(--fio-dur-fast), color var(--fio-dur-fast);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.fio-iconbtn[data-size=sm]{width:var(--fio-control-h-sm);height:var(--fio-control-h-sm);border-radius:var(--fio-r-compact)}.fio-iconbtn[data-variant=filled]{background:var(--fio-bg-hover);border-radius:var(--fio-r-pill)}.fio-iconbtn:hover:not(:disabled),.fio-iconbtn[data-popup-open],.fio-iconbtn[aria-pressed=true]{background:var(--fio-bg-hover);color:var(--fio-text-primary)}.fio-iconbtn:disabled{opacity:.4;cursor:not-allowed}.fio-spinner{width:var(--fio-sp-16);height:var(--fio-sp-16);border-radius:var(--fio-r-pill);border:2px solid;border-right-color:#0000;animation:.8s linear infinite fio-spin}@keyframes fio-spin{to{transform:rotate(360deg)}}.fio-field{gap:var(--fio-sp-8);flex-direction:column;min-width:0;display:flex}.fio-field__label{color:var(--fio-text-secondary);font-size:var(--fio-fs-13);font-weight:var(--fio-fw-medium)}.fio-field__help{color:var(--fio-text-tertiary);font-size:var(--fio-fs-12)}.fio-field__error{color:var(--fio-error);font-size:var(--fio-fs-12)}.fio-input,.fio-select,.fio-textarea{width:100%;min-height:var(--fio-control-h);padding:var(--fio-sp-4) var(--fio-sp-12);border:1px solid var(--fio-border-neutral);border-radius:var(--fio-r-button);background:var(--fio-bg-tertiary);color:var(--fio-text-primary);font:inherit;transition:border-color var(--fio-dur-fast)}.fio-textarea{min-height:calc(var(--fio-sp-64) + var(--fio-sp-8));resize:vertical;padding:var(--fio-sp-8) var(--fio-sp-12)}.fio-input:hover,.fio-select:hover,.fio-textarea:hover{border-color:var(--fio-border-hover)}.fio-input:focus,.fio-select:focus,.fio-textarea:focus{border-color:var(--fio-brand);outline:none}.fio-input[aria-invalid=true]{border-color:var(--fio-error-solid)}.fio-input:disabled,.fio-select:disabled{opacity:.5;cursor:not-allowed}.fio-inline-input{width:100%;min-width:0;height:var(--fio-control-h-sm);padding:0 var(--fio-sp-4);border:1px solid var(--fio-brand);border-radius:var(--fio-r-compact);background:var(--fio-bg-panel);color:var(--fio-text-primary);font:inherit;outline:none}.fio-switch{width:var(--fio-sp-44);height:var(--fio-sp-24);border-radius:var(--fio-r-pill);background:var(--fio-switch-off);cursor:pointer;transition:background var(--fio-dur-fast);border:0;flex:none;padding:0;position:relative}.fio-switch[data-checked]{background:var(--fio-brand)}.fio-switch[data-disabled]{opacity:.45;cursor:not-allowed}.fio-switch__thumb{top:var(--fio-sp-4);left:var(--fio-sp-4);width:var(--fio-sp-16);height:var(--fio-sp-16);border-radius:var(--fio-r-pill);transition:transform var(--fio-dur-fast);background:#fff;position:absolute}.fio-switch[data-checked] .fio-switch__thumb{transform:translateX(var(--fio-sp-20))}.fio-checkbox{width:var(--fio-sp-20);height:var(--fio-sp-20);border:1.5px solid var(--fio-border-hover);border-radius:var(--fio-r-compact);background:var(--fio-bg-panel);color:#fff;cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.fio-checkbox[data-checked],.fio-checkbox[data-indeterminate]{background:var(--fio-brand);border-color:var(--fio-brand)}.fio-positioner{z-index:60}.fio-popup{z-index:60;min-width:220px;max-height:var(--available-height,70vh);padding:var(--fio-sp-8);border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);box-shadow:var(--fio-shadow-pop);color:var(--fio-text-body);font-family:var(--fio-font-ui);font-size:var(--fio-fs-14);transform-origin:var(--transform-origin);transition:opacity var(--fio-dur-fast), transform var(--fio-dur-fast);overflow:auto}.fio-popup[data-starting-style],.fio-popup[data-ending-style]{opacity:0;transform:scale(.98)}.fio-popup:focus{outline:none}.fio-menu__item{align-items:center;gap:var(--fio-sp-10);width:100%;min-height:var(--fio-sp-36);padding:0 var(--fio-sp-10);border-radius:var(--fio-r-button);color:var(--fio-text-body);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;display:flex}.fio-menu__item[data-highlighted]{background:var(--fio-bg-hover);color:var(--fio-text-primary)}.fio-menu__item[data-disabled]{opacity:.45;cursor:not-allowed}.fio-menu__item[data-tone=danger]{color:var(--fio-error)}.fio-menu__item svg{color:var(--fio-icon);flex:none}.fio-menu__item[data-tone=danger] svg{color:var(--fio-error)}.fio-menu__label{padding:var(--fio-sp-8) var(--fio-sp-10) var(--fio-sp-4);color:var(--fio-text-tertiary);font-size:var(--fio-fs-12)}.fio-menu__sep{height:1px;margin:var(--fio-sp-8) calc(var(--fio-sp-8) * -1);background:var(--fio-border-neutral);opacity:.4}.fio-menu__check{color:var(--fio-brand-hover);margin-left:auto}.fio-menu__end{color:var(--fio-text-tertiary);font-size:var(--fio-fs-12);margin-left:auto}.fio-segmented{align-self:flex-start;gap:var(--fio-sp-2);padding:var(--fio-sp-4);border-radius:var(--fio-r-button);background:var(--fio-bg-tertiary);display:inline-flex}.fio-segmented button{min-width:var(--fio-sp-32);height:var(--fio-sp-28);padding:0 var(--fio-sp-8);border-radius:var(--fio-r-compact);color:var(--fio-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.fio-segmented button[aria-checked=true],.fio-segmented button[aria-pressed=true]{background:var(--fio-bg-selected);color:var(--fio-text-primary)}.fio-backdrop{z-index:50;background:var(--fio-scrim);transition:opacity var(--fio-dur-dialog);position:fixed;inset:0}.fio-backdrop[data-starting-style],.fio-backdrop[data-ending-style]{opacity:0}.fio-dialog{z-index:51;width:min(480px, calc(100vw - var(--fio-sp-32)));max-height:calc(100dvh - var(--fio-sp-64));border:1px solid var(--fio-border-primary);border-radius:var(--fio-r-dialog);background:var(--fio-bg-primary);box-shadow:var(--fio-shadow-dialog);color:var(--fio-text-body);font-family:var(--fio-font-ui);font-size:var(--fio-fs-14);transition:opacity var(--fio-dur-dialog), transform var(--fio-dur-dialog);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fio-dialog[data-size=lg]{width:min(1072px, calc(100vw - var(--fio-sp-32)))}.fio-dialog[data-starting-style],.fio-dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)}.fio-dialog__head{align-items:center;gap:var(--fio-sp-12);padding:var(--fio-sp-16) var(--fio-sp-16) var(--fio-sp-16) var(--fio-sp-20);border-bottom:1px solid var(--fio-border-primary);display:flex}.fio-dialog__title{color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);flex:1;margin:0}.fio-dialog__desc{color:var(--fio-text-secondary);margin:0}.fio-dialog__body{gap:var(--fio-sp-16);padding:var(--fio-sp-20);flex-direction:column;display:flex;overflow:auto}.fio-dialog__foot{justify-content:flex-end;gap:var(--fio-sp-8);padding:var(--fio-sp-16) var(--fio-sp-20);border-top:1px solid var(--fio-border-primary);display:flex}.fio-avatar{width:var(--fio-avatar-size,var(--fio-sp-24));height:var(--fio-avatar-size,var(--fio-sp-24));border-radius:var(--fio-r-pill);color:#fff;font-size:calc(var(--fio-avatar-size,var(--fio-sp-24)) * .4);font-weight:var(--fio-fw-medium);white-space:nowrap;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.fio-avatar[data-shape=square]{border-radius:var(--fio-r-panel)}.fio-chip{align-items:center;gap:var(--fio-sp-8);max-width:100%;height:var(--fio-sp-28);padding:0 var(--fio-sp-10);border-radius:var(--fio-r-pill);background:var(--fio-bg-hover);color:var(--fio-text-primary);font-size:var(--fio-fs-13);white-space:nowrap;border:0;display:inline-flex}button.fio-chip{cursor:pointer}button.fio-chip:hover{background:var(--fio-bg-selected)}.fio-chip__dot{width:var(--fio-sp-8);height:var(--fio-sp-8);border-radius:var(--fio-r-pill);background:var(--fio-text-tertiary)}.fio-chip__dot[data-status=Needs\ Review]{background:var(--fio-notice)}.fio-chip__dot[data-status=In\ Progress]{background:var(--fio-info)}.fio-chip__dot[data-status=Approved]{background:var(--fio-success)}.fio-badge{height:var(--fio-sp-20);padding:0 var(--fio-sp-8);border:1px solid var(--fio-brand-medium);border-radius:var(--fio-r-pill);color:var(--fio-brand-hover);font-size:var(--fio-fs-11);white-space:nowrap;align-items:center;display:inline-flex}.fio-badge[data-tone=muted]{border-color:var(--fio-border-neutral);color:var(--fio-text-secondary)}.fio-badge[data-tone=success]{border-color:var(--fio-success);color:var(--fio-success)}.fio-badge[data-tone=notice]{border-color:var(--fio-notice);color:var(--fio-notice)}.fio-badge[data-tone=error]{border-color:var(--fio-error);color:var(--fio-error)}.fio-trial{align-items:center;gap:var(--fio-sp-8);height:var(--fio-sp-28);padding:0 var(--fio-sp-12);border:1px solid var(--fio-brand-medium);border-radius:var(--fio-r-pill);background:var(--fio-brand-low);color:var(--fio-brand-hover);font-size:var(--fio-fs-13);white-space:nowrap;display:inline-flex}.fio-state{justify-content:center;align-items:center;gap:var(--fio-sp-12);padding:var(--fio-sp-48) var(--fio-sp-24);text-align:center;color:var(--fio-text-secondary);flex-direction:column;flex:1;display:flex}.fio-state__icon{width:var(--fio-sp-56);height:var(--fio-sp-56);border-radius:var(--fio-r-pill);background:var(--fio-bg-hover);color:var(--fio-icon);place-items:center;display:grid}.fio-state[data-tone=error] .fio-state__icon{background:var(--fio-error-bg);color:var(--fio-error)}.fio-state__title{color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);margin:0}.fio-state__body{max-width:420px;margin:0}.fio-skeleton{border-radius:var(--fio-r-panel);background:linear-gradient(90deg, var(--fio-bg-hover), var(--fio-bg-selected), var(--fio-bg-hover));background-size:200% 100%;animation:1.4s ease-in-out infinite fio-shimmer}@keyframes fio-shimmer{to{background-position:-200% 0}}.fio-notice{align-items:flex-start;gap:var(--fio-sp-10);padding:var(--fio-sp-12) var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-info-bg);color:var(--fio-text-body);font-size:var(--fio-fs-13);display:flex}.fio-notice[data-tone=error]{background:var(--fio-error-bg)}.fio-notice[data-tone=notice]{background:var(--fio-notice-bg)}.fio-notice svg{color:var(--fio-info);flex:none}.fio-notice[data-tone=error] svg{color:var(--fio-error)}.fio-notice[data-tone=notice] svg{color:var(--fio-notice)}.fio-progress{height:var(--fio-sp-4);border-radius:var(--fio-r-pill);background:var(--fio-bg-selected);position:relative;overflow:hidden}.fio-progress__bar{border-radius:inherit;background:var(--fio-brand);transition:width var(--fio-dur-fast);position:absolute;inset:0 auto 0 0}.fio-progress[data-state=error] .fio-progress__bar{background:var(--fio-error-solid)}.fio-progress[data-state=done] .fio-progress__bar{background:var(--fio-success)}.fio-toasts{z-index:80;right:var(--fio-sp-16);bottom:var(--fio-sp-16);gap:var(--fio-sp-8);width:min(380px, calc(100vw - var(--fio-sp-32)));flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed}.fio-toast{align-items:flex-start;gap:var(--fio-sp-10);padding:var(--fio-sp-12) var(--fio-sp-12) var(--fio-sp-12) var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-bg-secondary);box-shadow:var(--fio-shadow-pop);color:var(--fio-text-primary);display:flex}.fio-toast[data-tone=error]{border-left:3px solid var(--fio-error-solid)}.fio-toast[data-tone=success]{border-left:3px solid var(--fio-success)}.fio-toast p{flex:1;margin:0}.fio-toolbar{align-items:center;gap:var(--fio-sp-4);min-height:calc(var(--fio-sp-56) + var(--fio-sp-2));padding:var(--fio-sp-12) var(--fio-sp-16) var(--fio-sp-12) var(--fio-sp-20);border-bottom:1px solid var(--fio-border-primary);flex-wrap:wrap;display:flex}.fio-toolbar__sep{width:1px;height:var(--fio-sp-20);margin:0 var(--fio-sp-8);background:var(--fio-border-neutral)}.fio-toolbar__end{align-items:center;gap:var(--fio-sp-8);margin-left:auto;display:flex}.fio-toolbtn{align-items:center;gap:var(--fio-sp-8);height:var(--fio-control-h);padding:0 var(--fio-sp-8);border-radius:var(--fio-r-button);color:var(--fio-text-primary);font-size:var(--fio-fs-14);font-weight:var(--fio-fw-medium);cursor:pointer;white-space:nowrap;background:0 0;border:0;display:inline-flex}.fio-toolbtn:hover,.fio-toolbtn[data-popup-open]{background:var(--fio-bg-hover)}.fio-toolbtn__value{color:var(--fio-text-tertiary);font-weight:var(--fio-fw-regular)}.fio-toolbtn svg{color:var(--fio-icon)}.fio-sidebar{flex:0 0 var(--fio-sidebar-w);flex-direction:column;display:flex;overflow:hidden}.fio-sidebar__project{align-items:center;gap:var(--fio-sp-12);width:100%;padding:var(--fio-sp-16) var(--fio-sp-16) var(--fio-sp-8);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fio-sidebar__project-name{color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fio-sidebar__project-meta{color:var(--fio-text-tertiary);font-size:var(--fio-fs-12);display:block}.fio-sidebar__section{min-height:0;padding:var(--fio-sp-4) var(--fio-sp-10) var(--fio-sp-16);flex:1;overflow:auto}.fio-sidebar__shares{max-height:40%;padding:var(--fio-sp-16) var(--fio-sp-10);border-top:1px solid var(--fio-border-primary);flex:none;overflow:auto}.fio-sidebar__heading{align-items:center;gap:var(--fio-sp-4);padding:0 var(--fio-sp-4) var(--fio-sp-8) var(--fio-sp-10);color:var(--fio-text-secondary);font-size:var(--fio-fs-13);display:flex}.fio-sidebar__heading span{flex:1}.fio-tree{margin:0;padding:0;list-style:none}.fio-tree .fio-tree{padding-left:var(--fio-sp-20)}.fio-tree__row{align-items:center;gap:var(--fio-sp-4);min-height:var(--fio-sp-36);padding:0 var(--fio-sp-4);border-radius:var(--fio-r-button);color:var(--fio-text-body);display:flex;position:relative}.fio-tree__row:hover{background:var(--fio-bg-hover)}.fio-tree__row[data-current=true]{background:var(--fio-bg-selected);color:var(--fio-text-primary)}.fio-tree__row[data-drop=true]{outline:2px solid var(--fio-brand)}.fio-tree__toggle{width:var(--fio-sp-20);height:var(--fio-sp-20);border-radius:var(--fio-r-compact);color:var(--fio-icon);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.fio-tree__toggle[data-hidden=true]{visibility:hidden}.fio-tree__link{align-items:center;gap:var(--fio-sp-10);min-width:0;height:var(--fio-sp-36);flex:1;display:flex;overflow:hidden}.fio-tree__link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fio-tree__link svg{color:var(--fio-icon);flex:none}.fio-tree__row .fio-tree__more{opacity:0}.fio-tree__row:hover .fio-tree__more,.fio-tree__row:focus-within .fio-tree__more,.fio-tree__row[data-current=true] .fio-tree__more,.fio-tree__more[data-popup-open]{opacity:1}.fio-share-item{align-items:center;gap:var(--fio-sp-12);padding:var(--fio-sp-8);border-radius:var(--fio-r-panel);color:var(--fio-text-body);display:flex}.fio-share-item:hover,.fio-share-item[aria-current=page]{background:var(--fio-bg-hover)}.fio-share-item__thumb{width:var(--fio-sp-64);height:var(--fio-sp-40);border-radius:var(--fio-r-button);background:var(--fio-bg-secondary);color:var(--fio-icon);flex:none;place-items:center;display:grid;overflow:hidden}.fio-share-item__thumb img{object-fit:cover;width:100%;height:100%}.fio-share-item__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fio-cover{background:var(--fio-cover,linear-gradient(135deg, #5b53ff, #7e85ff));position:relative;overflow:hidden}.fio-cover[data-cover="0"]{--fio-cover:radial-gradient(120% 90% at 40% 0%, #8fd3ff 0%, #6a5cff 38%, #5b53ff 60%, #3a2a8f 100%)}.fio-cover[data-cover="1"]{--fio-cover:radial-gradient(120% 90% at 20% 0%, #ff9be1 0%, #c04cf2 45%, #4d3dea 100%)}.fio-cover[data-cover="2"]{--fio-cover:radial-gradient(120% 90% at 80% 0%, #7af0c4 0%, #21c17b 40%, #12404a 100%)}.fio-cover[data-cover="3"]{--fio-cover:radial-gradient(120% 90% at 30% 10%, #ffe27a 0%, #ff8a3d 45%, #8f2a4a 100%)}.fio-cover[data-cover="4"]{--fio-cover:radial-gradient(120% 90% at 60% 0%, #9fb8ff 0%, #3f74ff 45%, #1a2257 100%)}.fio-cover[data-cover="5"]{--fio-cover:radial-gradient(120% 90% at 50% 0%, #c9cbde 0%, #63677d 50%, #1f2332 100%)}.fio-home__head{align-items:center;gap:var(--fio-sp-16);padding:var(--fio-sp-20) var(--fio-sp-24) var(--fio-sp-20) var(--fio-sp-20);border-bottom:1px solid var(--fio-border-primary);display:flex}.fio-home__title{min-width:0;color:var(--fio-text-primary);font-family:var(--fio-font-heading);font-size:var(--fio-fs-24);font-weight:var(--fio-fw-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.fio-home__bar{align-items:center;gap:var(--fio-sp-16);padding:var(--fio-sp-16) var(--fio-sp-20);border-bottom:1px solid var(--fio-border-primary);flex-wrap:wrap;display:flex}.fio-project-grid{gap:var(--fio-sp-14);padding:var(--fio-sp-20);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-width:1400px;display:grid}.fio-project-card{padding:var(--fio-sp-4);border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);min-width:0;transition:background var(--fio-dur-fast);flex-direction:column;display:flex;position:relative}.fio-project-card:hover{background:var(--fio-bg-secondary)}.fio-project-card[data-archived=true] .fio-cover{filter:grayscale(.85)}.fio-project-card__media{aspect-ratio:1;border-radius:var(--fio-r-button);padding:var(--fio-sp-12);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.fio-project-card__media:after{content:"";background:linear-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.fio-project-card__name{z-index:1;color:#fff;font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.fio-project-card__ws{z-index:1;color:#ffffffb3;font-size:var(--fio-fs-12);position:relative}.fio-project-card__flags{z-index:1;top:var(--fio-sp-8);right:var(--fio-sp-8);gap:var(--fio-sp-4);display:flex;position:absolute}.fio-project-card__flag{width:var(--fio-sp-20);height:var(--fio-sp-20);border-radius:var(--fio-r-compact);color:#fff;background:#12141ecc;place-items:center;display:grid}.fio-project-card__foot{align-items:center;gap:var(--fio-sp-8);padding:var(--fio-sp-4) var(--fio-sp-4) 0 var(--fio-sp-8);min-height:var(--fio-sp-32);color:var(--fio-text-secondary);font-size:var(--fio-fs-13);display:flex}.fio-project-card__foot span{flex:1}.fio-project-card__link{z-index:2;border-radius:var(--fio-r-panel);position:absolute;inset:0}.fio-project-card__foot .fio-iconbtn{z-index:3;position:relative}.fio-project-grid>li{flex-direction:column;min-width:0;display:flex}.fio-project-new{justify-content:center;align-items:center;gap:var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);width:100%;min-height:220px;color:var(--fio-text-secondary);cursor:pointer;border:0;flex-direction:column;flex:1;display:flex}.fio-project-new:hover{background:var(--fio-bg-secondary)}.fio-project-new__plus{width:var(--fio-sp-44);height:var(--fio-sp-44);border-radius:var(--fio-r-pill);background:var(--fio-bg-hover);color:var(--fio-text-primary);place-items:center;display:grid}.fio-table-wrap{overflow:auto}.fio-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:var(--fio-fs-14)}.fio-table th{z-index:1;height:var(--fio-sp-44);padding:0 var(--fio-sp-12);border-bottom:1px solid var(--fio-border-primary);background:var(--fio-bg-panel);color:var(--fio-text-secondary);font-weight:var(--fio-fw-regular);text-align:left;white-space:nowrap;position:sticky;top:0}.fio-table th button{align-items:center;gap:var(--fio-sp-4);color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.fio-table td{height:var(--fio-sp-48);padding:0 var(--fio-sp-12);color:var(--fio-text-body);white-space:nowrap}.fio-table tbody tr{transition:background var(--fio-dur-fast)}.fio-table tbody tr:hover td{background:var(--fio-bg-hover)}.fio-table tbody tr[data-selected=true] td{background:var(--fio-bg-selected)}.fio-table td:first-child{border-radius:var(--fio-r-panel) 0 0 var(--fio-r-panel)}.fio-table td:last-child{border-radius:0 var(--fio-r-panel) var(--fio-r-panel) 0}.fio-cell-name{align-items:center;gap:var(--fio-sp-12);max-width:360px;color:var(--fio-text-primary);font-weight:var(--fio-fw-medium);display:flex}.fio-cell-name>a,.fio-cell-name>span{text-overflow:ellipsis;overflow:hidden}.fio-row-thumb{width:var(--fio-sp-32);height:var(--fio-sp-32);border-radius:var(--fio-r-compact);background:var(--fio-media-bg);color:var(--fio-icon);flex:none;place-items:center;display:grid;overflow:hidden}.fio-row-thumb img{object-fit:contain;width:100%;height:100%}.fio-group-head{align-items:center;gap:var(--fio-sp-12);padding:var(--fio-sp-20) var(--fio-sp-20) var(--fio-sp-12);color:var(--fio-text-secondary);font-size:var(--fio-fs-14);display:flex}.fio-asset-grid{grid-template-columns:repeat(auto-fill, minmax(var(--fio-card-min,190px), 1fr));gap:var(--fio-sp-16);padding:0 var(--fio-sp-20) var(--fio-sp-24);display:grid}.fio-asset-grid[data-size=s]{--fio-card-min:150px}.fio-asset-grid[data-size=l]{--fio-card-min:260px}.fio-card-context{flex-direction:column;min-width:0;display:flex}.fio-card-context>.fio-card{flex:1}.fio-card{border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);background-image:var(--fio-bg-card-gradient);min-width:0;transition:background var(--fio-dur-fast), outline-color var(--fio-dur-fast);outline:2px solid #0000;flex-direction:column;display:flex;position:relative}.fio-card:hover{background-color:var(--fio-bg-secondary)}.fio-card[data-selected=true]{outline-color:var(--fio-brand)}.fio-card[data-drop=true]{outline-color:var(--fio-brand-hover);outline-style:dashed}.fio-card__media{aspect-ratio:var(--fio-aspect,1 / 1);border-radius:var(--fio-r-panel) var(--fio-r-panel) 0 0;background:var(--fio-media-bg);color:var(--fio-icon);place-items:center;display:grid;position:relative;overflow:hidden}.fio-card__media img{object-fit:var(--fio-thumb-fit,contain);width:100%;height:100%}.fio-card__media[data-kind=folder]{background:var(--fio-bg-secondary)}.fio-card__select{z-index:3;top:var(--fio-sp-10);left:var(--fio-sp-10);opacity:0;transition:opacity var(--fio-dur-fast);position:absolute}.fio-card:hover .fio-card__select,.fio-card:focus-within .fio-card__select,.fio-card[data-selected=true] .fio-card__select,.fio-selecting .fio-card__select{opacity:1}.fio-card__overlay{z-index:2;bottom:var(--fio-sp-10);align-items:center;gap:var(--fio-sp-4);padding:var(--fio-sp-2) var(--fio-sp-4);border-radius:var(--fio-r-compact);color:#fff;font-size:var(--fio-fs-12);font-weight:var(--fio-fw-medium);background:#000000a6;display:flex;position:absolute}.fio-card__overlay[data-pos=left]{left:var(--fio-sp-10)}.fio-card__overlay[data-pos=right]{right:var(--fio-sp-10)}.fio-card__overlay[data-pos=top-right]{top:var(--fio-sp-10);right:var(--fio-sp-10);bottom:auto}.fio-card__state{z-index:1;justify-content:center;align-items:center;gap:var(--fio-sp-8);color:#fff;font-size:var(--fio-fs-12);background:#000000a6;flex-direction:column;display:flex;position:absolute;inset:0}.fio-card__state[data-tone=error]{color:var(--fio-error)}.fio-card__body{gap:var(--fio-sp-2);padding:var(--fio-sp-12) var(--fio-sp-12) var(--fio-sp-10);flex-direction:column;display:flex}.fio-card__name{color:var(--fio-text-primary);font-size:var(--fio-fs-14);font-weight:var(--fio-fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fio-card__name[data-lines="2"]{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.fio-card__meta{align-items:center;gap:var(--fio-sp-4);color:var(--fio-text-tertiary);font-size:var(--fio-fs-13);min-width:0;display:flex}.fio-card__meta span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fio-card__fields{margin:0 var(--fio-sp-8) var(--fio-sp-8);padding:var(--fio-sp-8) var(--fio-sp-8) var(--fio-sp-10);border:1px solid var(--fio-border-neutral);border-radius:var(--fio-r-button)}.fio-card__field-label{align-items:center;gap:var(--fio-sp-8);margin-bottom:var(--fio-sp-8);color:var(--fio-text-secondary);font-size:var(--fio-fs-13);display:flex}.fio-card__open{z-index:1;border-radius:inherit;position:absolute;inset:0}.fio-card__body,.fio-card__fields{z-index:2;pointer-events:none;position:relative}.fio-card__body button,.fio-card__fields button,.fio-card__body input,.fio-card__body a{pointer-events:auto}.fio-stack-badge{align-items:center;gap:var(--fio-sp-2);display:inline-flex}.fio-dropzone{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.fio-dropzone[data-active=true]:after{content:"";inset:var(--fio-sp-8);z-index:5;border:2px dashed var(--fio-brand);border-radius:var(--fio-r-panel);background:var(--fio-bg-dropzone);pointer-events:none;position:absolute}.fio-selection-bar{bottom:var(--fio-sp-16);z-index:4;align-items:center;gap:var(--fio-sp-8);width:max-content;max-width:calc(100% - var(--fio-sp-32));margin:0 auto var(--fio-sp-16);padding:var(--fio-sp-8) var(--fio-sp-8) var(--fio-sp-8) var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-bg-secondary);box-shadow:var(--fio-shadow-pop);flex-wrap:wrap;display:flex;position:sticky}.fio-selection-bar strong{margin-right:var(--fio-sp-8);color:var(--fio-text-primary);font-weight:var(--fio-fw-medium)}.fio-sheet{z-index:40;top:var(--fio-gutter);bottom:var(--fio-gutter);left:calc(var(--fio-rail-w) + var(--fio-gutter) * 2);width:min(370px, calc(100vw - var(--fio-rail-w) - var(--fio-sp-8)));border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);box-shadow:var(--fio-shadow-pop);color:var(--fio-text-body);font-family:var(--fio-font-ui);flex-direction:column;display:flex;position:fixed}.fio-sheet__head{align-items:center;gap:var(--fio-sp-8);height:var(--fio-header-h);padding:0 var(--fio-sp-12) 0 var(--fio-sp-20);border-bottom:1px solid var(--fio-border-primary);display:flex}.fio-sheet__title{color:var(--fio-text-primary);font-size:var(--fio-fs-14);font-weight:var(--fio-fw-medium);flex:1;margin:0}.fio-sheet__body{padding:var(--fio-sp-12);flex:1;overflow:auto}.fio-sheet__group{padding:var(--fio-sp-8) var(--fio-sp-8) var(--fio-sp-4);color:var(--fio-text-tertiary);font-size:var(--fio-fs-13)}.fio-list-item{align-items:flex-start;gap:var(--fio-sp-12);width:100%;padding:var(--fio-sp-10) var(--fio-sp-8);border-radius:var(--fio-r-panel);color:var(--fio-text-body);text-align:left;background:0 0;border:0;display:flex}button.fio-list-item{cursor:pointer}.fio-list-item:hover{background:var(--fio-bg-hover)}.fio-list-item__main{gap:var(--fio-sp-4);flex-direction:column;flex:1;min-width:0;display:flex}.fio-list-item__title{color:var(--fio-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fio-list-item__meta{color:var(--fio-text-tertiary);font-size:var(--fio-fs-12)}.fio-unread-dot{width:var(--fio-sp-8);height:var(--fio-sp-8);margin-top:var(--fio-sp-8);border-radius:var(--fio-r-pill);background:var(--fio-brand);flex:none}.fio-hero{gap:var(--fio-sp-8);padding:var(--fio-sp-24) var(--fio-sp-20) var(--fio-sp-16) var(--fio-sp-32);background:linear-gradient(#2c2a5a99 0%,#0000 100%);flex-direction:column;display:flex}.fio-ws[data-theme=light] .fio-hero{background:linear-gradient(#dcd9ff 0%,#fff0 100%)}.fio-hero__top{align-items:flex-start;gap:var(--fio-sp-8);display:flex}.fio-hero__title{min-width:0;color:var(--fio-text-primary);font-family:var(--fio-font-heading);font-size:var(--fio-fs-32);font-weight:var(--fio-fw-medium);flex:1;margin:0;line-height:1.25}.fio-hero__title input{border-radius:var(--fio-r-button);width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000}.fio-hero__title input:hover{border-color:var(--fio-border-neutral)}.fio-hero__title input:focus{border-color:var(--fio-brand);outline:none}.fio-hero__meta{color:var(--fio-text-secondary);font-size:var(--fio-fs-14)}.fio-hero__desc{width:100%;max-width:720px;min-height:var(--fio-sp-32);padding:var(--fio-sp-4) var(--fio-sp-8);margin-left:calc(var(--fio-sp-8) * -1);border-radius:var(--fio-r-button);color:var(--fio-text-secondary);font:inherit;resize:none;background:0 0;border:1px solid #0000}.fio-hero__desc:hover{border-color:var(--fio-border-neutral)}.fio-hero__desc:focus{border-color:var(--fio-brand);color:var(--fio-text-primary);outline:none}.fio-builder{flex-direction:column;flex:0 0 470px;display:flex;overflow:hidden}.fio-builder__body{gap:var(--fio-sp-12);padding:var(--fio-sp-20) var(--fio-sp-20) var(--fio-sp-16);flex-direction:column;flex:1;display:flex;overflow:auto}.fio-builder__foot{gap:var(--fio-sp-10);padding:var(--fio-sp-16) var(--fio-sp-20) var(--fio-sp-20);border-top:1px solid var(--fio-border-primary);flex-direction:column;display:flex}.fio-builder__foot .fio-btn{height:var(--fio-sp-40)}.fio-group-box{gap:var(--fio-sp-4);padding:var(--fio-sp-16);border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);flex-direction:column;display:flex}.fio-group-box__title{align-items:center;gap:var(--fio-sp-8);margin:0 0 var(--fio-sp-8);color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);display:flex}.fio-group-box__title span{flex:1}.fio-toggle-row{align-items:center;gap:var(--fio-sp-12);min-height:var(--fio-sp-44);color:var(--fio-text-body);display:flex}.fio-toggle-row>svg{color:var(--fio-icon);flex:none}.fio-toggle-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.fio-toggle-row__help{color:var(--fio-text-tertiary);font-size:var(--fio-fs-12)}.fio-link-box{align-items:center;gap:var(--fio-sp-8);height:var(--fio-sp-40);padding:0 var(--fio-sp-4) 0 var(--fio-sp-12);border:1px solid var(--fio-border-neutral);border-radius:var(--fio-r-button);color:var(--fio-text-primary);display:flex}.fio-link-box code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--fio-font-ui);flex:1;overflow:hidden}.fio-settings-nav{padding:var(--fio-sp-16) var(--fio-sp-20);flex:0 0 370px;overflow:auto}.fio-settings-nav h2{margin:var(--fio-sp-12) 0 var(--fio-sp-8);padding:0 var(--fio-sp-4);color:var(--fio-text-tertiary);font-size:var(--fio-fs-13);font-weight:var(--fio-fw-regular)}.fio-settings-nav ul{margin:0;padding:0;list-style:none}.fio-settings-nav a{align-items:center;gap:var(--fio-sp-12);min-height:var(--fio-sp-40);padding:0 var(--fio-sp-12);border-radius:var(--fio-r-button);color:var(--fio-text-body);display:flex}.fio-settings-nav a:hover{background:var(--fio-bg-hover)}.fio-settings-nav a[aria-current=page]{background:var(--fio-bg-selected);color:var(--fio-text-primary)}.fio-settings-nav a svg{color:var(--fio-icon)}.fio-settings-nav .fio-badge{margin-left:auto}.fio-settings-main{padding:var(--fio-sp-28) var(--fio-sp-24) var(--fio-sp-48) var(--fio-sp-24);flex:1;overflow:auto}.fio-settings-page{gap:var(--fio-sp-32);flex-direction:column;max-width:1190px;display:flex}.fio-settings-section{gap:var(--fio-sp-16);flex-direction:column;display:flex}.fio-settings-section__head h2{margin:0 0 var(--fio-sp-4);color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium)}.fio-settings-section__head p{color:var(--fio-text-secondary);font-size:var(--fio-fs-14);margin:0}.fio-settings-card{border-radius:var(--fio-r-panel);background:var(--fio-bg-primary)}.fio-settings-row{align-items:center;gap:var(--fio-sp-16);min-height:calc(var(--fio-sp-64) + var(--fio-sp-2));padding:var(--fio-sp-14) var(--fio-sp-20);flex-wrap:wrap;display:flex}.fio-settings-row+.fio-settings-row{border-top:1px solid var(--fio-border-primary)}.fio-settings-row__label{gap:var(--fio-sp-4);min-width:0;color:var(--fio-text-primary);flex-direction:column;flex:260px;display:flex}.fio-settings-row__label small{color:var(--fio-text-secondary);font-size:var(--fio-fs-13)}.fio-settings-row__control{align-items:center;gap:var(--fio-sp-8);flex-wrap:wrap;display:flex}.fio-profile-card{align-items:center;gap:var(--fio-sp-32);padding:var(--fio-sp-40) var(--fio-sp-44);flex-wrap:wrap;display:flex}.fio-profile-card form.fio-row{align-items:flex-end}.fio-profile-card .fio-avatar{--fio-avatar-size:116px;font-size:var(--fio-fs-24);box-shadow:0 0 64px #ff63ff33}.fio-stat-grid{gap:var(--fio-sp-16);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.fio-stat{gap:var(--fio-sp-8);padding:var(--fio-sp-20);border-radius:var(--fio-r-panel);background:var(--fio-bg-primary);flex-direction:column;display:flex}.fio-stat__label{color:var(--fio-text-secondary);font-size:var(--fio-fs-13)}.fio-stat__value{color:var(--fio-text-primary);font-size:var(--fio-fs-24);font-weight:var(--fio-fw-medium)}.fio-color-swatches{gap:var(--fio-sp-8);flex-wrap:wrap;display:flex}.fio-color-swatches button{width:var(--fio-sp-28);height:var(--fio-sp-28);border-radius:var(--fio-r-pill);cursor:pointer;border:2px solid #0000;padding:0}.fio-color-swatches button[aria-pressed=true]{border-color:var(--fio-text-primary)}.fio-settings-row--form{align-items:flex-start}.fio-password-form{width:min(100%,420px)}.fio-users-bar{align-items:center;gap:var(--fio-sp-8);flex-wrap:wrap;display:flex}.fio-users-bar__search{flex:280px;width:auto;max-width:520px}.fio-users-bar .fio-btn[data-variant=primary]{margin-left:auto}.fio-users-table .fio-select{width:auto;min-width:calc(var(--fio-sp-64) * 2 + var(--fio-sp-32))}.fio-users-table tr[data-disabled] td{color:var(--fio-text-tertiary)}.fio-member{align-items:center;gap:var(--fio-sp-8);display:inline-flex}.fio-member__name{color:var(--fio-text-primary)}.fio-users-foot{padding:var(--fio-sp-14) var(--fio-sp-20);border-top:1px solid var(--fio-border-primary);margin:0}.fio-secret{align-items:flex-end;gap:var(--fio-sp-8);display:flex}.fio-secret .fio-btn{min-height:var(--fio-control-h)}.fio-secret__input{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fio-hint{cursor:not-allowed;display:inline-flex}.fio-access-note{align-items:center;gap:var(--fio-sp-4);color:var(--fio-text-secondary);font-size:var(--fio-fs-13);cursor:help;display:inline-flex}.fio-password-gate{padding:var(--fio-sp-24) var(--fio-sp-16);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.fio-password-gate .fio-login__card{width:min(440px, calc(100vw - var(--fio-sp-32)))}.fio-password-gate .fio-password-form{width:100%}.fio-password-gate .fio-password-form .fio-btn[type=submit]{flex:1}.fio-password-gate__foot{justify-content:space-between;align-items:center;gap:var(--fio-sp-8);padding-top:var(--fio-sp-12);border-top:1px solid var(--fio-border-primary);display:flex}.fio-login{justify-content:center;align-items:center;overflow:auto}.fio-login__card{gap:var(--fio-sp-20);width:min(400px, calc(100vw - var(--fio-sp-32)));padding:var(--fio-sp-32);border-radius:var(--fio-r-dialog);background:var(--fio-bg-panel);box-shadow:var(--fio-shadow-dialog);flex-direction:column;display:flex}.fio-login__title{color:var(--fio-text-primary);font-family:var(--fio-font-heading);font-size:var(--fio-fs-24);font-weight:var(--fio-fw-medium);margin:0}.fio-login__logo{color:var(--fio-text-primary)}.fio-create-grid{gap:var(--fio-sp-32);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);display:grid}.fio-cover-picker{gap:var(--fio-sp-8);grid-template-columns:repeat(6,1fr);display:grid}.fio-cover-picker button{aspect-ratio:1;border-radius:var(--fio-r-button);cursor:pointer;border:2px solid #0000;padding:0}.fio-cover-picker button[aria-pressed=true]{border-color:var(--fio-brand-hover)}.fio-create-preview{aspect-ratio:1;border-radius:var(--fio-r-panel);padding:var(--fio-sp-16);color:#fff;font-size:var(--fio-fs-18);font-weight:var(--fio-fw-medium);align-items:flex-end;display:flex}.fio-picker{gap:var(--fio-sp-2);flex-direction:column;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.fio-picker button:not(.fio-iconbtn):not(.fio-checkbox){align-items:center;gap:var(--fio-sp-10);width:100%;min-height:var(--fio-sp-36);padding:0 var(--fio-sp-10);border-radius:var(--fio-r-button);color:var(--fio-text-body);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fio-picker button:not(.fio-iconbtn):not(.fio-checkbox):hover{background:var(--fio-bg-hover)}.fio-picker button:not(.fio-iconbtn):not(.fio-checkbox)[aria-pressed=true]{background:var(--fio-bg-selected);color:var(--fio-text-primary)}.fio-picker button:not(.fio-iconbtn):not(.fio-checkbox):disabled{opacity:.4;cursor:not-allowed}.fio-showcase{padding:var(--fio-sp-32);display:block;overflow:auto}.fio-showcase__grid{gap:var(--fio-sp-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.fio-showcase section{gap:var(--fio-sp-12);padding:var(--fio-sp-20);border-radius:var(--fio-r-panel);background:var(--fio-bg-panel);flex-direction:column;display:flex}.fio-showcase h2{color:var(--fio-text-primary);font-size:var(--fio-fs-16);font-weight:var(--fio-fw-medium);margin:0}.fio-row{align-items:center;gap:var(--fio-sp-8);flex-wrap:wrap;display:flex}.fio-stack{gap:var(--fio-sp-12);flex-direction:column;display:flex}.fio-muted{color:var(--fio-text-tertiary);font-size:var(--fio-fs-13)}.fio-grow{flex:1;min-width:0}.fio-avatar--lg{--fio-avatar-size:var(--fio-sp-48)}.fio-drawer{z-index:45;top:var(--fio-gutter);bottom:var(--fio-gutter);left:calc(var(--fio-rail-w) + var(--fio-gutter) * 2);width:min(var(--fio-sidebar-w), calc(100vw - var(--fio-rail-w) - var(--fio-sp-8)));border-radius:var(--fio-r-panel);background:var(--fio-bg-panel);box-shadow:var(--fio-shadow-pop);font-family:var(--fio-font-ui);flex-direction:column;display:flex;position:fixed}.fio-only-mobile{display:none}@media (max-width:900px){.fio-ws{--fio-rail-w:56px}.fio-sidebar[data-collapsible=true],.fio-builder[data-collapsible=true],.fio-settings-nav{display:none}.fio-only-mobile{display:inline-grid}.fio-hide-mobile{display:none!important}.fio-search{flex:1;width:auto;max-width:none}.fio-crumbs li:not(:last-child){display:none}.fio-crumbs li:last-child:before{content:none}.fio-header{padding:0 var(--fio-sp-8)}.fio-rail__item,.fio-iconbtn,.fio-toolbtn,.fio-btn,.fio-menu__item,.fio-tree__row{min-height:var(--fio-target-mobile)}.fio-iconbtn{width:var(--fio-target-mobile);height:var(--fio-target-mobile)}.fio-asset-grid,.fio-project-grid{padding-left:var(--fio-sp-12);padding-right:var(--fio-sp-12);grid-template-columns:minmax(0,1fr)}.fio-toolbar{padding:var(--fio-sp-8) var(--fio-sp-12)}.fio-toolbtn__label{display:none}.fio-create-grid{grid-template-columns:minmax(0,1fr)}.fio-settings-main{padding:var(--fio-sp-20) var(--fio-sp-16) var(--fio-sp-40)}.fio-dialog{border-radius:var(--fio-r-dialog) var(--fio-r-dialog) 0 0;width:100vw;max-height:92dvh;top:auto;bottom:0;transform:translate(-50%)}.fio-dialog[data-size=lg]{width:100vw}.fio-dialog[data-starting-style],.fio-dialog[data-ending-style]{transform:translate(-50%,8%)}.fio-hero__title{font-size:var(--fio-fs-24)}.fio-body[data-stack-mobile=true]{flex-direction:column;overflow:auto}.fio-body[data-stack-mobile=true]>.fio-builder{flex:none;display:flex}.fio-body[data-stack-mobile=true]>.fio-content{flex:none;min-height:60dvh}}@media (prefers-reduced-motion:reduce){.fio-ws *,.fio-popup,.fio-dialog,.fio-backdrop{transition-property:opacity!important;animation-duration:0s!important}.fio-dialog[data-starting-style],.fio-dialog[data-ending-style],.fio-popup[data-starting-style],.fio-popup[data-ending-style]{transform:translate(-50%,-50%)}}