.fp{--fp-bg:#fff;--fp-fg:#1f2733;--fp-muted:#6b7280;--fp-faint:#667085;--fp-border:#e5e7eb;--fp-surface:#f8fafc;--fp-surface-2:#eef2f7;--fp-hover:#f1f5f9;--fp-accent:#2563eb;--fp-accent-solid:#2563eb;--fp-accent-soft:#2563eb1f;--fp-accent-fg:#fff;--fp-danger:#e5484d;--fp-good:#16a34a;--fp-overlay:#0f172a8c;--fp-radius:12px;--fp-radius-sm:max(6px, calc(var(--fp-radius) - 3px));--fp-radius-lg:calc(var(--fp-radius) + 4px);--fp-card-min:148px;--fp-shadow:0 12px 44px #02081738;--fp-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fp-z:9999;color:var(--fp-fg);font-family:var(--fp-font);-webkit-tap-highlight-color:transparent;box-sizing:border-box;line-height:1.5}.fp *,.fp :before,.fp :after{box-sizing:border-box}@media (prefers-color-scheme:dark){.fp:not(.fp--light){--fp-bg:#171b21;--fp-fg:#e7e9ee;--fp-muted:#98a2b3;--fp-faint:#8b95a5;--fp-border:#2a2f3a;--fp-surface:#1e232c;--fp-surface-2:#232a34;--fp-hover:#2b3340;--fp-accent:#5b9bff;--fp-accent-solid:#2563eb;--fp-accent-soft:#5b9bff29;--fp-accent-fg:#fff;--fp-overlay:#0000009e;--fp-shadow:0 12px 44px #00000080}}.fp.fp--dark{--fp-bg:#171b21;--fp-fg:#e7e9ee;--fp-muted:#98a2b3;--fp-faint:#8b95a5;--fp-border:#2a2f3a;--fp-surface:#1e232c;--fp-surface-2:#232a34;--fp-hover:#2b3340;--fp-accent:#5b9bff;--fp-accent-solid:#2563eb;--fp-accent-soft:#5b9bff29;--fp-accent-fg:#fff;--fp-overlay:#0000009e;--fp-shadow:0 12px 44px #00000080}.fp-overlay{z-index:var(--fp-z);background:var(--fp-overlay);display:flex;position:fixed;inset:0}.fp-overlay[hidden]{display:none}.fp-overlay--center{justify-content:center;align-items:center;padding:20px}.fp-dialog{background:var(--fp-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.fp-header{z-index:2;background:var(--fp-bg);border-bottom:1px solid var(--fp-border);position:sticky;top:0}.fp-toolbar{align-items:center;gap:10px;padding:12px 16px;display:flex}.fp-title{font-size:16px;font-weight:700}.fp-chip{background:var(--fp-accent-soft);color:var(--fp-accent);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.fp-chip[hidden]{display:none}.fp-chip-x{display:inline-flex}.fp-toolbar-actions{gap:8px;margin-inline-start:auto;display:flex}.fp-icon-btn{border-radius:var(--fp-radius-sm);border:1px solid var(--fp-border);background:var(--fp-bg);width:36px;height:36px;color:var(--fp-fg);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.fp-icon-btn:hover{background:var(--fp-hover);border-color:var(--fp-accent)}.fp-done--ready{background:var(--fp-good);border-color:var(--fp-good);color:#fff}.fp-up:hover{color:var(--fp-accent)}.fp-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.fp-filters-toggle,.fp-filters-head,.fp-filters-backdrop{display:none}.fp-filter{flex:180px;min-width:160px}.fp-filter-folder{flex:220px}.fp-filter-actions{gap:8px;margin-inline-start:auto;display:flex}.fp-field{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-bg);align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.fp-field:focus-within{border-color:var(--fp-accent)}.fp-field-ico{color:var(--fp-faint);flex-shrink:0;display:inline-flex}.fp-input{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-bg);width:100%;color:var(--fp-fg);font:inherit;outline:none;padding:9px 11px;font-size:14px}.fp-field .fp-input{background:0 0;border:none;height:100%;padding:0}.fp-input:focus{border-color:var(--fp-accent)}.fp-select{appearance:none;cursor:pointer}.fp-input--disabled{background:var(--fp-surface);color:var(--fp-muted);align-items:center;display:flex}.fp-fs{position:relative}.fp-fs-trigger{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-bg);width:100%;height:38px;color:var(--fp-fg);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 10px;font-size:14px;display:flex}.fp-fs--open .fp-fs-trigger,.fp-fs-trigger:hover{border-color:var(--fp-accent)}.fp-fs-ico{color:var(--fp-faint);display:inline-flex}.fp-fs-label{text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fp-fs-caret{color:var(--fp-faint);display:inline-flex;transform:rotate(90deg)}.fp-fs-panel{z-index:30;background:var(--fp-bg);border:1px solid var(--fp-border);border-radius:var(--fp-radius);box-shadow:var(--fp-shadow);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.fp-fs-panel[hidden]{display:none}.fp-fs-search-wrap{border-bottom:1px solid var(--fp-border);padding:8px}.fp-fs-search{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-surface);width:100%;color:var(--fp-fg);font:inherit;outline:none;padding:7px 9px;font-size:13px}.fp-fs-list{max-height:260px;padding:4px;overflow-y:auto}.fp-fs-opt,.fp-fs-create{width:100%;color:var(--fp-fg);font:inherit;cursor:pointer;text-align:start;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 9px;font-size:13.5px;display:flex}.fp-fs-opt:hover,.fp-fs-create:hover{background:var(--fp-hover)}.fp-fs-opt--active{background:var(--fp-accent-soft);color:var(--fp-accent)}.fp-fs-opt-ico{flex-shrink:0;display:inline-flex}.fp-fs-opt-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fp-fs-badge{background:var(--fp-surface-2);color:var(--fp-muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.fp-fs-row{border-radius:7px;align-items:center;gap:2px;padding-right:4px;display:flex}.fp-fs-row:hover{background:var(--fp-hover)}.fp-fs-row .fp-fs-opt{flex:1;min-width:0}.fp-fs-del,.fp-fs-ren{cursor:pointer;color:var(--fp-faint);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px;display:inline-flex}.fp-fs-del:hover{color:var(--fp-danger);background:var(--fp-hover)}.fp-fs-ren:hover{color:var(--fp-accent);background:var(--fp-hover)}.fp-fs-create{color:var(--fp-accent)}.fp-fs-empty{text-align:center;color:var(--fp-faint);padding:12px;font-size:13px}.fp-grid-scroll{flex:1;padding:16px;position:relative;overflow-y:auto}.fp-grid{grid-template-columns:repeat(auto-fill, minmax(var(--fp-card-min), 1fr));gap:12px;display:grid}.fp-card{border:1px solid var(--fp-border);border-radius:var(--fp-radius);background:var(--fp-bg);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}@media (hover:hover){.fp-card:hover .fp-card-actions{opacity:1}}.fp-card-img{aspect-ratio:4/3;object-fit:cover;background:var(--fp-surface-2);width:100%;display:block}.fp-card-file{aspect-ratio:4/3;background:linear-gradient(135deg, var(--fp-surface), var(--fp-surface-2));justify-content:center;align-items:center;display:flex;position:relative}.fp-ext{bottom:6px;letter-spacing:.4px;background:var(--fp-surface-2);color:var(--fp-fg);border-radius:5px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;inset-inline-end:6px}.fp-card-check{top:6px;z-index:3;display:inline-flex;position:absolute;inset-inline-start:6px}.fp-card-check input{appearance:none;cursor:pointer;background:#0f172a6b;border:1px solid #ffffffe6;border-radius:6px;width:20px;height:20px;margin:0;transition:background .15s,border-color .15s;position:relative;box-shadow:0 1px 3px #0006}.fp-card-check input:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;transition:opacity .1s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.fp-card-check input:checked{background:var(--fp-accent-solid);border-color:#fff}.fp-card-check input:checked:after{opacity:1}.fp-card-actions{top:5px;z-index:3;border-radius:var(--fp-radius-sm);opacity:0;background:#00000080;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;inset-inline-end:5px}.fp-card-act{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.fp-card-act:hover{background:#fff3}.fp-card-info{align-items:center;gap:5px;padding:6px 8px 2px;display:flex}.fp-card-ico{flex-shrink:0;display:inline-flex}.fp-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.fp-card-meta{color:var(--fp-muted);align-items:center;gap:4px;padding:0 8px 7px;font-size:11px;display:flex}.fp-state{text-align:center;color:var(--fp-muted);padding:64px 20px}.fp-state-ico{color:var(--fp-faint);display:inline-flex}.fp-state small{color:var(--fp-faint);margin-top:4px;display:block}.fp-state-ico--error{color:var(--fp-danger)}.fp-state-btn{margin-top:14px}.fp-spinner{border:3px solid var(--fp-border);border-top-color:var(--fp-accent);border-radius:50%;width:34px;height:34px;margin:0 auto 10px;animation:.7s linear infinite fp-spin}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-sep{border-top:1px solid var(--fp-border)}.fp-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.fp-page-btn{border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);background:var(--fp-bg);width:32px;height:32px;color:var(--fp-fg);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.fp-page-btn:hover:not([disabled]){border-color:var(--fp-accent);color:var(--fp-accent)}.fp-page-btn[disabled]{opacity:.4;cursor:default}.fp-page-label{color:var(--fp-muted);font-variant-numeric:tabular-nums;padding:0 8px;font-size:13px}.fp-perpage{width:auto;height:32px;margin-inline-start:6px;padding:0 8px}@media (width>=721px){.fp-overlay--modal{justify-content:center;align-items:center;padding:24px}.fp-dialog--modal{border-radius:var(--fp-radius-lg);width:min(1180px,94vw);height:min(860px,92vh);box-shadow:var(--fp-shadow)}}.fp-bar{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--fp-bg);align-items:center;gap:12px;display:flex}.fp-bar .fp-pager{flex:auto;justify-content:flex-start;min-width:0;padding:0}.fp-bar .fp-footer{flex:none;padding:0}@media (width<=600px){.fp-bar{flex-direction:column;align-items:stretch;gap:8px}.fp-bar .fp-pager{justify-content:center}.fp-bar .fp-footer .fp-btn{flex:1 1 0}}.fp-footer{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--fp-bg);justify-content:flex-end;gap:8px;display:flex}.fp-modal{background:var(--fp-bg);border-radius:var(--fp-radius-lg);box-shadow:var(--fp-shadow);width:min(560px,100%);max-height:90vh;overflow-y:auto}.fp-modal-head{border-bottom:1px solid var(--fp-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.fp-modal-head-ico{color:var(--fp-accent);display:inline-flex}.fp-modal-title{font-size:15px;font-weight:700}.fp-spacer{margin-inline-start:auto}.fp-modal-body{flex-direction:column;gap:8px;padding:16px;display:flex}.fp-label{color:var(--fp-muted);margin-top:6px;font-size:12px;font-weight:600}.fp-row{align-items:center;gap:8px;display:flex}.fp-row .fp-input{flex:1}.fp-drop{border:2px dashed var(--fp-border);border-radius:var(--fp-radius);text-align:center;color:var(--fp-muted);cursor:pointer;margin-top:8px;padding:28px 16px;transition:border-color .15s,background .15s}.fp-drop:hover,.fp-drop--over{border-color:var(--fp-accent);background:var(--fp-accent-soft)}.fp-drop--busy{opacity:.6;pointer-events:none}.fp-drop-ico{color:var(--fp-accent);margin-bottom:8px;display:inline-flex}.fp-file-input{display:none}.fp-edit-preview-wrap{text-align:center;margin-bottom:4px}.fp-edit-preview{border-radius:var(--fp-radius);object-fit:contain;background:var(--fp-surface);max-width:100%;max-height:190px}.fp-edit-preview--loading{object-fit:cover;background:linear-gradient(100deg, var(--fp-surface) 30%, var(--fp-surface-2) 50%, var(--fp-surface) 70%);background-size:200% 100%;width:260px;height:150px;animation:1.3s ease-in-out infinite fp-shimmer}.fp-edit-file{border-radius:var(--fp-radius);background:linear-gradient(135deg, var(--fp-surface), var(--fp-surface-2));color:var(--fp-muted);flex-direction:column;align-items:center;gap:6px;padding:26px 40px;font-size:12px;display:inline-flex}.fp-tags{flex-wrap:wrap;gap:6px;display:flex}.fp-tag{background:var(--fp-accent-soft);color:var(--fp-accent);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 9px;font-size:12px;font-weight:600;display:inline-flex}.fp-tag-x{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px;display:inline-flex}.fp-tag-x:hover{background:#0000001a}.fp-edit-meta{border-radius:var(--fp-radius-sm);background:var(--fp-surface);color:var(--fp-muted);margin-top:10px;padding:9px 11px;font-size:12px}.fp-mini{z-index:calc(var(--fp-z) + 2)}.fp-mini-modal{background:var(--fp-bg);border-radius:var(--fp-radius-lg);box-shadow:var(--fp-shadow);width:min(400px,100%);padding:18px}.fp-mini-title{font-size:15px;font-weight:700}.fp-mini-msg{color:var(--fp-muted);margin:6px 0 12px;font-size:14px}.fp-mini-foot{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.fp-btn{border-radius:var(--fp-radius-sm);border:1px solid var(--fp-border);background:var(--fp-bg);color:var(--fp-fg);font:inherit;cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600}.fp-btn--primary{background:var(--fp-accent-solid);border-color:var(--fp-accent-solid);color:var(--fp-accent-fg)}.fp-btn--danger{background:var(--fp-danger);border-color:var(--fp-danger);color:#fff}.fp-btn--ghost:hover{background:var(--fp-hover)}.fp-preview{z-index:calc(var(--fp-z) + 3);justify-content:center;align-items:center;padding:40px}.fp-preview-body{justify-content:center;align-items:center;display:flex;position:relative}.fp-preview-img,.fp-preview-media{border-radius:var(--fp-radius-sm);max-width:92vw;max-height:88vh;box-shadow:var(--fp-shadow)}.fp-preview-media{background:#000}.fp-preview-audio{width:min(480px,90vw);max-height:none;box-shadow:none;background:0 0}.fp-preview-close{top:8px;color:#fff;cursor:pointer;background:#0f172a8c;border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:inline-flex;position:absolute;inset-inline-end:8px}.fp-preview-close:hover{background:#0f172acc}.fp-preview-body--audio .fp-preview-close{top:-42px;inset-inline-end:0}.fp-trigger{border-radius:var(--fp-radius);background:var(--fp-accent-solid);color:var(--fp-accent-fg);font:inherit;cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.fp-trigger span{display:inline-flex}.fp-trigger:hover{filter:brightness(1.05)}.fp-selected{margin-top:10px}.fp-selected .fp-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media (width<=720px){.fp-toolbar{padding-left:12px;padding-right:12px}.fp-filters-toggle{display:inline-flex}.fp-filters{top:0;inset-inline-start:0;z-index:20;background:var(--fp-bg);border-inline-end:1px solid var(--fp-border);width:min(320px,86vw);box-shadow:var(--fp-shadow);flex-flow:column;align-items:stretch;gap:10px;padding:0 14px 16px;transition:transform .24s;position:absolute;bottom:0;overflow-y:auto;transform:translate(-100%)}[dir=rtl] .fp-filters{transform:translate(100%)}.fp-dialog--filters .fp-filters{transform:none}.fp-filters-head{z-index:1;background:var(--fp-bg);border-bottom:1px solid var(--fp-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 0;display:flex;position:sticky;top:0}.fp-filters-head-title{font-size:15px;font-weight:700}.fp-filter,.fp-filter-folder{flex:none;width:100%;min-width:0}.fp-filter-actions{justify-content:flex-end;margin-inline-start:0}.fp-filters-backdrop{z-index:15;opacity:0;pointer-events:none;background:#00000073;transition:opacity .24s;display:block;position:absolute;inset:0}.fp-dialog--filters .fp-filters-backdrop{opacity:1;pointer-events:auto}}.fp :focus-visible{outline:2px solid var(--fp-accent);outline-offset:2px}.fp-card:focus-visible{outline:none}.fp-dialog[data-fp-kb] .fp-card:focus-visible{box-shadow:0 0 0 2px var(--fp-accent) inset}.fp-input:focus-visible,.fp-fs-search:focus-visible,.fp-fs-trigger:focus-visible{border-color:var(--fp-accent);box-shadow:0 0 0 3px var(--fp-accent-soft);outline:none}.fp-btn--primary:hover,.fp-btn--danger:hover{filter:brightness(1.06)}.fp-btn:active{transform:translateY(1px)}.fp-icon-btn,.fp-page-btn,.fp-btn,.fp-card,.fp-card-act,.fp-trigger,.fp-fs-trigger{touch-action:manipulation}.fp-card:focus-within .fp-card-actions{opacity:1}@media (hover:none),(pointer:coarse){.fp-card-actions{opacity:1}}.fp-title{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.fp-grid-scroll,.fp-fs-list,.fp-modal{scrollbar-width:thin;scrollbar-color:var(--fp-border) transparent}.fp-grid-scroll::-webkit-scrollbar{width:10px;height:10px}.fp-fs-list::-webkit-scrollbar{width:10px;height:10px}.fp-modal::-webkit-scrollbar{width:10px;height:10px}.fp-grid-scroll::-webkit-scrollbar-thumb{background:var(--fp-border);background-clip:content-box;border:2px solid #0000;border-radius:999px}.fp-fs-list::-webkit-scrollbar-thumb{background:var(--fp-border);background-clip:content-box;border:2px solid #0000;border-radius:999px}.fp-modal::-webkit-scrollbar-thumb{background:var(--fp-border);background-clip:content-box;border:2px solid #0000;border-radius:999px}@keyframes fp-fade{0%{opacity:0}to{opacity:1}}@keyframes fp-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.fp-overlay:not([hidden]){animation:.16s fp-fade}.fp-modal,.fp-mini-modal,.fp-fs-panel,.fp-preview-img{animation:.18s cubic-bezier(.2,.8,.2,1) fp-pop}@media (pointer:coarse){.fp-input,.fp-fs-trigger,.fp-fs-search,.fp-select{font-size:16px}.fp-icon-btn{width:44px;height:44px}.fp-page-btn{width:40px;height:40px}.fp-card-act{width:36px;height:36px}.fp-card-check input{width:22px;height:22px}.fp-preview-close{width:42px;height:42px}.fp-preview-body--audio .fp-preview-close{top:-50px}.fp-fs-del,.fp-fs-ren{padding:8px}.fp-perpage{height:40px}}@supports (padding:max(0px)){.fp-toolbar{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.fp-grid-scroll{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (width<=520px){.fp-grid-scroll{padding:12px}.fp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fp-selected .fp-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media (prefers-reduced-motion:reduce){.fp *,.fp :before,.fp :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fp-spinner{animation-duration:.7s!important;animation-iteration-count:infinite!important}}.fp-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}.fp-toasts{z-index:calc(var(--fp-z) + 10);left:50%;bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.fp-toast{border-radius:var(--fp-radius);background:var(--fp-bg);color:var(--fp-fg);border:1px solid var(--fp-border);box-shadow:var(--fp-shadow);align-items:center;gap:8px;max-width:min(92vw,440px);padding:10px 16px;font-size:14px;font-weight:500;animation:.18s cubic-bezier(.2,.8,.2,1) fp-pop;display:flex}.fp-toast--out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}.fp-toast-ico{flex-shrink:0;display:inline-flex}.fp-toast--success .fp-toast-ico{color:var(--fp-good)}.fp-toast--error .fp-toast-ico{color:var(--fp-danger)}.fp-skel-card{border:1px solid var(--fp-border);border-radius:var(--fp-radius);background:var(--fp-bg);overflow:hidden}.fp-skel-thumb{aspect-ratio:4/3}.fp-skel-line{border-radius:5px;height:10px;margin:8px 8px 0}.fp-skel-line--sm{width:55%;margin-bottom:10px}.fp-skel-thumb,.fp-skel-line{background:linear-gradient(100deg, var(--fp-surface) 30%, var(--fp-surface-2) 50%, var(--fp-surface) 70%);background-size:200% 100%;animation:1.3s ease-in-out infinite fp-shimmer}@keyframes fp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fp-grid-scroll--loading .fp-grid{opacity:.5;pointer-events:none;transition:opacity .15s}.fp-grid-scroll--loading:after{content:"";border:3px solid var(--fp-border);border-top-color:var(--fp-accent);border-radius:50%;width:26px;height:26px;margin-left:-13px;animation:.7s linear infinite fp-spin;position:absolute;top:14px;left:50%}.fp-card-file--broken{width:100%}:root{--pg-bg:#fff;--pg-bg-alt:#f6f8fb;--pg-panel:#fff;--pg-border:#0f172a1a;--pg-border-strong:#0f172a2e;--pg-fg:#0e1526;--pg-fg-muted:#5a6377;--pg-code-bg:#0f172a0d;--pg-shadow:0 1px 2px #0f172a0a, 0 10px 28px #0f172a12;--pg-shell:1120px;--pg-radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--pg-bg:#0b0f17;--pg-bg-alt:#10151f;--pg-panel:#141a26;--pg-border:#ffffff1a;--pg-border-strong:#fff3;--pg-fg:#e8ecf5;--pg-fg-muted:#9aa4bb;--pg-code-bg:#ffffff0f;--pg-shadow:0 1px 2px #0000004d, 0 14px 34px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--pg-bg:#0b0f17;--pg-bg-alt:#10151f;--pg-panel:#141a26;--pg-border:#ffffff1a;--pg-border-strong:#fff3;--pg-fg:#e8ecf5;--pg-fg-muted:#9aa4bb;--pg-code-bg:#ffffff0f;--pg-shadow:0 1px 2px #0000004d, 0 14px 34px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--pg-bg);color:var(--pg-fg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .2s,color .2s}code,pre,kbd{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}code{background:var(--pg-code-bg);border-radius:5px;padding:1px 6px;font-size:.9em}a{color:#3b82f6}.shell{width:100%;max-width:var(--pg-shell);margin:0 auto;padding:0 24px}.muted{color:var(--pg-fg-muted)}.skip-link{z-index:100;color:#fff;background:#3b82f6;border-radius:0 0 8px;padding:10px 16px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{z-index:40;background:color-mix(in srgb, var(--pg-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--pg-border);position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{align-items:center;gap:9px;font-weight:650;display:flex}.brand-mark{font-size:18px}.brand-name{letter-spacing:-.01em}.brand-version{background:var(--pg-code-bg);color:var(--pg-fg-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.header-links{gap:16px;font-size:14px;display:flex}.header-links a{color:var(--pg-fg-muted);text-decoration:none}.header-links a:hover{color:var(--pg-fg)}.segmented{background:var(--pg-code-bg);border:1px solid var(--pg-border);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--pg-fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--pg-panel);color:var(--pg-fg);box-shadow:var(--pg-shadow)}.hero{border-bottom:1px solid var(--pg-border);background:radial-gradient(900px 380px at 15% -10%, #3b82f629, transparent 70%), var(--pg-bg);padding:72px 0 56px}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.eyebrow{letter-spacing:.03em;text-transform:uppercase;color:#3b82f6;margin:0 0 14px;font-size:13px;font-weight:600}.hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(34px,5.5vw,56px);font-weight:750;line-height:1.06}.lead{color:var(--pg-fg-muted);max-width:54ch;margin:0 0 26px;font-size:17px}.install{border:1px solid var(--pg-border);background:var(--pg-panel);border-radius:10px;align-items:center;gap:10px;max-width:100%;margin-bottom:26px;padding:8px 8px 8px 14px;display:inline-flex}.install code{white-space:nowrap;background:0 0;padding:0;font-size:14px;overflow-x:auto}.copy-btn{border:1px solid var(--pg-border);background:var(--pg-code-bg);color:var(--pg-fg);font:inherit;cursor:pointer;border-radius:7px;flex:none;padding:4px 12px;font-size:13px}.copy-btn:hover{border-color:var(--pg-border-strong)}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{border-color:var(--pg-border-strong);color:var(--pg-fg);background:0 0}.btn-ghost:hover{background:var(--pg-code-bg)}.hero-stats{flex-wrap:wrap;gap:34px;margin:0;padding:0;list-style:none;display:flex}.hero-stats li{flex-direction:column;display:flex}.hero-stats strong{letter-spacing:-.02em;font-size:22px}.hero-stats span{color:var(--pg-fg-muted);font-size:13px}.panel{background:var(--pg-panel);border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:var(--pg-shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--pg-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 18px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:650}.panel-hint{color:var(--pg-fg-muted);font-size:12px}.panel-body{flex-direction:column;gap:14px;padding:18px;display:flex}.panel-note{color:var(--pg-fg-muted);margin:0;font-size:13px}.picker-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.selected-host:empty{display:none}.events-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.log{background:var(--pg-code-bg);border-radius:10px;flex-direction:column;gap:4px;min-height:120px;max-height:260px;padding:10px 12px;font-size:12px;display:flex;overflow-y:auto}.log .log-row{color:var(--pg-fg-muted);line-height:1.5}.log .k{color:#3b82f6;font-weight:700}.log .empty{color:var(--pg-fg-muted);opacity:.7}.demo-form{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.demo-field{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.demo-field>span{text-transform:uppercase;letter-spacing:.05em;color:var(--pg-fg-muted);font-size:12px;font-weight:650}.demo-field input{font:inherit;color:inherit;border:1px solid var(--pg-border-strong);background:0 0;border-radius:9px;width:100%;padding:8px 11px;font-size:14px}.demo-field input:focus-visible{outline:2px solid var(--fp-accent,#3b82f6);outline-offset:1px;border-color:#0000}.section{padding:72px 0}.section-alt{background:var(--pg-bg-alt);border-block:1px solid var(--pg-border)}.section-head{max-width:64ch;margin-bottom:34px}.section-head h2{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(24px,3.5vw,32px)}.section-head p{color:var(--pg-fg-muted);margin:0}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.demo-grid-wide{grid-template-columns:minmax(0,1fr);margin-top:20px}.theming-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{border:1px solid var(--pg-border);color:var(--pg-fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:inline-flex}.swatches button[aria-pressed=true]{border-color:var(--pg-border-strong);background:var(--pg-code-bg)}.swatch{border-radius:50%;width:11px;height:11px}.accent-preview{--fp-accent:#3b82f6;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.accent-btn{font:inherit;color:#fff;background:var(--fp-accent);cursor:pointer;border:0;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600}.accent-chip{color:var(--fp-accent);background:color-mix(in srgb, var(--fp-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--fp-accent) 45%, transparent);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}.kbd-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.kbd-table{border-collapse:collapse;border:1px solid var(--pg-border);border-radius:var(--pg-radius);background:var(--pg-panel);width:100%;overflow:hidden}.kbd-table caption{text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--pg-border);background:var(--pg-panel);padding:12px 18px;font-size:13px;font-weight:650}.kbd-table th,.kbd-table td{text-align:left;border-top:1px solid var(--pg-border);vertical-align:baseline;padding:9px 18px;font-size:14px;font-weight:400}.kbd-table th{white-space:nowrap;width:1%;color:var(--pg-fg)}.kbd-table td{color:var(--pg-fg-muted)}.kbd-table tr:first-child th,.kbd-table tr:first-child td{border-top:0}kbd{background:var(--pg-code-bg);border:1px solid var(--pg-border);box-shadow:0 1px 0 var(--pg-border);color:var(--pg-fg);border-radius:5px;padding:2px 7px;font-size:11px;display:inline-block}.code{background:var(--pg-code-bg);color:var(--pg-fg);white-space:pre;border-radius:10px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;display:grid}.feature h3{letter-spacing:-.01em;margin:0 0 8px;font-size:16px}.feature p{color:var(--pg-fg-muted);margin:0;font-size:14px}.fw-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.fw-card{border-radius:var(--pg-radius);border:1px solid var(--pg-border);background:var(--pg-panel);color:inherit;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.fw-card:hover{border-color:#3b82f6;transform:translateY(-3px)}.fw-badge{color:#3b82f6;background:#3b82f624;border-radius:999px;align-self:flex-start;padding:3px 11px;font-size:13px;font-weight:650}.fw-desc{color:var(--pg-fg-muted);flex:1;margin:0;font-size:13px}.fw-cta{color:#3b82f6;font-size:13px;font-weight:600}.site-footer{border-top:1px solid var(--pg-border);padding:34px 0}.footer-inner p{margin:0 0 4px;font-size:14px}@media (width<=900px){.hero{padding:48px 0 40px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:36px}.section{padding:52px 0}.events-split{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.fw-card:hover{transform:none}}