:root{--fl-font: "Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fl-display: "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--fl-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fl-surface: 250 250 249;--fl-panel: 255 255 255;--fl-panel-2: 244 243 241;--fl-panel-weak: 250 250 249;--fl-hover: 240 239 236;--fl-line: 231 229 226;--fl-ink: 68 64 60;--fl-ink-strong: 28 25 23;--fl-mute: 114 108 103;--fl-accent: 214 54 33;--fl-onaccent: 255 255 255;--fl-accent2: 21 128 61;--fl-danger: 196 43 28;--fl-warn: 180 83 9;--fl-shadow-sm: none;--fl-shadow: 0 1px 2px rgba(30,25,25,.04), 0 8px 24px -12px rgba(30,25,25,.12);--fl-shadow-lg: 0 1px 2px rgba(30,25,25,.04), 0 24px 48px -24px rgba(30,25,25,.16);--fl-shadow-modal: 0 32px 64px -24px rgba(30,25,25,.28);--fl-radius-sm: 6px;--fl-radius: 8px;--fl-radius-btn: 10px;--fl-radius-lg: 16px;--fl-sp-1: 6px;--fl-sp-2: 12px;--fl-sp-3: 18px;--fl-sp-4: 24px;--fl-sp-5: 36px;--fl-sp-6: 48px;--fl-sp-7: 72px;--fl-sp-8: 96px;--fl-text-xs: .75rem;--fl-text-sm: .875rem;--fl-text-base: 1rem;--fl-text-md: 1.125rem;--fl-text-lg: 1.25rem;--fl-text-xl: 1.625rem;--fl-text-2xl: 2.5rem}html.dark{--fl-surface: 23 21 20;--fl-panel: 31 29 27;--fl-panel-2: 41 38 35;--fl-panel-weak: 27 25 23;--fl-line: 56 52 48;--fl-hover: 48 45 42;--fl-ink: 214 211 209;--fl-ink-strong: 245 245 244;--fl-mute: 168 162 158;--fl-accent: 240 98 72;--fl-onaccent: 255 255 255;--fl-accent2: 74 222 128;--fl-danger: 248 113 113;--fl-warn: 251 191 36;--fl-shadow: 0 8px 24px -12px rgba(0,0,0,.6);--fl-shadow-lg: 0 24px 48px -24px rgba(0,0,0,.7);--fl-shadow-modal: 0 32px 64px -24px rgba(0,0,0,.75)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button,summary,[role=button]{touch-action:manipulation}[id]{scroll-margin-top:80px}body{margin:0;font-family:var(--fl-font);font-size:16px;line-height:1.6;font-feature-settings:"ss01";color:rgb(var(--fl-mute));background:rgb(var(--fl-surface));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:rgb(var(--fl-ink-strong));font-family:var(--fl-display);line-height:1.15;letter-spacing:-.025em;font-weight:600;margin:0 0 .5rem;text-wrap:balance}h1{font-size:clamp(2rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,2.6vw,2rem)}h3{font-size:1.125rem}p{margin:0 0 .85rem}a{color:rgb(var(--fl-accent));text-decoration:none}a:hover{text-decoration:underline}img,svg{vertical-align:middle}button{font-family:inherit}::selection{background:rgb(var(--fl-accent) / .18)}:focus-visible{outline:2px solid rgb(var(--fl-accent));outline-offset:2px;border-radius:4px}.mono,code,kbd,pre{font-family:var(--fl-mono)}code{background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));border-radius:6px;padding:.08em .35em;font-size:.85em;color:rgb(var(--fl-ink))}kbd{background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));border-bottom-width:2px;border-radius:6px;padding:.05em .45em;font-size:.78em}.lead{font-size:1.1rem;color:rgb(var(--fl-mute));line-height:1.65}.lead-block{color:rgb(var(--fl-mute));font-size:1rem;max-width:46rem}.mt-10{margin-top:2.5rem}.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:rgb(var(--fl-accent));color:rgb(var(--fl-onaccent));padding:.6rem 1rem;border-radius:0 0 10px;font-weight:600}.skip-link:focus{left:0;text-decoration:none}.shell{min-height:70vh;outline:none}.route-fade{animation:flFade .22s ease}@keyframes flFade{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.section-head{max-width:40rem;margin-bottom:2.5rem;text-align:left}@media (max-width: 767px){.section-head{text-align:center;margin-inline:auto}}.section-head .eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--fl-accent));margin:0 0 .6rem}.section-head h2{font-size:clamp(1.4rem,2.5vw,1.85rem)}.section-head p{color:rgb(var(--fl-mute));font-size:15px;margin:.6rem 0 0;max-width:560px}@media (max-width: 767px){.section-head p{margin-inline:auto}}.with-sidebar{max-width:1480px;margin:0 auto;display:grid;gap:1.75rem;padding:1.75rem 1.25rem 3rem;grid-template-columns:1fr;align-items:start}.with-sidebar>.content{min-width:0}.with-sidebar>.rail{display:none}@media (min-width: 900px){.with-sidebar{grid-template-columns:240px minmax(0,1fr)}}@media (min-width: 1240px){.with-sidebar{grid-template-columns:240px minmax(0,1fr) 300px}.with-sidebar>.rail{display:block;position:sticky;top:4.5rem}}.with-sidebar>aside:first-child{position:sticky;top:4.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:inherit;font-weight:500;font-size:.875rem;line-height:1;padding:12px 20px;border-radius:var(--fl-radius-btn);border:1px solid rgb(var(--fl-ink-strong) / .85);background:transparent;color:rgb(var(--fl-ink));cursor:pointer;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:hover{background:rgb(var(--fl-ink-strong) / .05);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:rgb(var(--fl-accent));border-color:transparent;color:rgb(var(--fl-onaccent))}.btn-primary:hover{background:rgb(var(--fl-accent) / .9);color:rgb(var(--fl-onaccent))}.btn-outline{background:transparent}.btn-white{background:rgb(var(--fl-surface));border-color:transparent;color:rgb(var(--fl-ink-strong))}.btn-danger{color:rgb(var(--fl-danger))}.btn-danger:hover{border-color:rgb(var(--fl-danger) / .55);background:rgb(var(--fl-danger) / .08)}.btn-sm{padding:8px 14px;font-size:.8125rem;border-radius:12px}.btn-lg,.btn.lg{padding:15px 28px;font-size:1rem}.btn-icon{padding:.5rem}.btn.is-busy{pointer-events:none}.btn-spin{width:1em;height:1em;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:flSpin .7s linear infinite}.inp,select,textarea{width:100%;font:inherit;font-size:.92rem;color:rgb(var(--fl-ink));background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:10px;padding:.62rem .8rem;outline:none;transition:border-color .15s,box-shadow .15s}.inp:focus,select:focus,textarea:focus{border-color:rgb(var(--fl-accent));box-shadow:0 0 0 3px rgb(var(--fl-accent) / .14)}textarea{resize:vertical;min-height:5rem}textarea.code,.inp.code{font-family:var(--fl-mono);font-size:.84rem;line-height:1.55}.lbl{display:block;font-size:.82rem;font-weight:600;color:rgb(var(--fl-ink));margin-bottom:.35rem}.chk{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.chk input{width:1rem;height:1rem;accent-color:rgb(var(--fl-accent))}input[type=range]{accent-color:rgb(var(--fl-accent))}input[type=number]{-moz-appearance:textfield}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chip{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));font-size:.78rem;font-weight:600}.seg{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;border-radius:10px;background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line))}.seg button,.seg a{font:inherit;font-size:.85rem;font-weight:600;border:0;background:transparent;color:rgb(var(--fl-mute));padding:.4rem .8rem;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.seg button:hover,.seg a:hover{color:rgb(var(--fl-ink));text-decoration:none}.seg .on{background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));box-shadow:var(--fl-shadow-sm)}.card{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);padding:1.4rem;box-shadow:var(--fl-shadow-sm)}html.dark .card{background:rgb(var(--fl-panel))}.tool-ic{width:2.5rem;height:2.5rem;flex:none;border-radius:10px;display:inline-grid;place-items:center;background:rgb(var(--fl-panel-2));color:rgb(var(--fl-accent))}.tool-ic svg{width:1.25rem;height:1.25rem}.tool-ic.lg{width:3rem;height:3rem;border-radius:12px}.tool-ic.lg svg{width:1.5rem;height:1.5rem}.cat-convert{background:#eff6ff;color:#2563eb}.cat-edit{background:#f5f3ff;color:#7c3aed}.cat-manage{background:#ecfdf5;color:#059669}html.dark .cat-convert{background:#2563eb29;color:#93c5fd}html.dark .cat-edit{background:#7c3aed2e;color:#c4b5fd}html.dark .cat-manage{background:#05966929;color:#6ee7b7}.pcard-lg{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);padding:1.15rem 1.1rem;color:inherit;text-decoration:none;box-shadow:var(--fl-shadow-sm);transition:transform .15s,border-color .15s,box-shadow .15s}.pcard-lg:hover{border-color:rgb(var(--fl-ink-strong) / .35);text-decoration:none}.pcard-lg h3{font-size:1rem;font-weight:600;margin:0}.pcard-lg p{font-size:.84rem;color:rgb(var(--fl-mute));margin:0;line-height:1.5}.tcard-cta{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;color:rgb(var(--fl-accent));margin-top:auto;padding-top:.3rem}.tool-grid,.popular-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.sidebar{display:flex;flex-direction:column;gap:.35rem}.sidebar-search-wrap{margin-bottom:.5rem}.sidebar-search{width:100%;font:inherit;font-size:.88rem;padding:.6rem .75rem;border-radius:10px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-ink));outline:none}.sidebar-search:focus{border-color:rgb(var(--fl-accent));box-shadow:0 0 0 3px rgb(var(--fl-accent) / .13)}.sidebar-cat{display:flex;flex-direction:column;gap:2px}.sidebar-cat-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--fl-mute));padding:.6rem .5rem .3rem}.navit{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border-radius:9px;color:rgb(var(--fl-ink));text-decoration:none;font-size:.9rem;font-weight:500;transition:background .12s,color .12s}.navit .ic{display:inline-grid;place-items:center;width:1.5rem;flex:none;color:rgb(var(--fl-mute))}.navit:hover{background:rgb(var(--fl-panel-2));text-decoration:none}.navit.on{background:rgb(var(--fl-accent) / .1);color:rgb(var(--fl-accent));font-weight:600}.sidebar-empty{font-size:.86rem;color:rgb(var(--fl-mute));padding:.6rem .5rem}.mm-overlay{position:fixed;inset:0;z-index:160;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s}.mm-drawer{position:fixed;inset:0 auto 0 0;z-index:170;width:min(88vw,340px);background:rgb(var(--fl-surface));border-right:1px solid rgb(var(--fl-line));display:flex;flex-direction:column;transform:translate(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1)}.mm-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid rgb(var(--fl-line))}.mm-title{font-weight:800;font-size:1.05rem;color:rgb(var(--fl-ink-strong))}.mm-close{width:2.1rem;height:2.1rem;border-radius:8px;border:1px solid rgb(var(--fl-line));background:transparent;color:rgb(var(--fl-ink));cursor:pointer;display:grid;place-items:center}.mm-close:hover{border-color:rgb(var(--fl-accent));color:rgb(var(--fl-accent))}.mm-body{overflow-y:auto;padding:.9rem;flex:1}#fl-mobile-menu.open .mm-overlay{opacity:1;pointer-events:auto}#fl-mobile-menu.open .mm-drawer{transform:none}body.fl-menu-open{overflow:hidden}.crumb{display:flex;align-items:center;gap:.45rem;font-size:.84rem;color:rgb(var(--fl-mute));margin-bottom:1rem;flex-wrap:wrap}.crumb a{color:rgb(var(--fl-mute))}.crumb a:hover{color:rgb(var(--fl-accent))}.crumb .cur{color:rgb(var(--fl-ink-strong));font-weight:600}.tool-hero{display:flex;align-items:flex-start;gap:1rem;position:relative;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);padding:1.4rem;box-shadow:var(--fl-shadow-sm);margin-bottom:1.4rem}.tool-hero h1{font-size:clamp(1.35rem,2.4vw,1.9rem);margin:0 0 .25rem}.tool-hero .lead{font-size:.96rem;margin:0}.micro-trust{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:rgb(var(--fl-accent2));margin-top:.7rem;font-weight:500}.fav-btn{position:absolute;top:1rem;right:1rem;width:2.2rem;height:2.2rem;border-radius:9px;border:1px solid rgb(var(--fl-line));background:transparent;color:rgb(var(--fl-mute));cursor:pointer;display:grid;place-items:center}.fav-btn:hover{border-color:rgb(var(--fl-accent));color:rgb(var(--fl-accent))}.fav-btn.on{color:#f59e0b;border-color:#f59e0b80;background:#f59e0b1a}.fav-btn svg{width:1rem;height:1rem}.tool-mount{min-height:180px}.loading-row{display:flex;align-items:center;gap:.6rem;color:rgb(var(--fl-mute));padding:2rem;justify-content:center}.spin{width:1.15rem;height:1.15rem;flex:none;border-radius:50%;border:2px solid rgb(var(--fl-line));border-top-color:rgb(var(--fl-accent));animation:flSpin .7s linear infinite}@keyframes flSpin{to{transform:rotate(360deg)}}.statusbar{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin:1.2rem 0;padding:.7rem .9rem;border-radius:10px;background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));font-size:.8rem;color:rgb(var(--fl-mute))}.ws-dot{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:rgb(var(--fl-ink))}.ws-dot i{width:.5rem;height:.5rem;border-radius:50%;background:rgb(var(--fl-accent2))}.ws-dot.busy i{background:rgb(var(--fl-warn));animation:flPulse 1s ease infinite}@keyframes flPulse{50%{opacity:.35}}.welcome-strip{display:flex;gap:.9rem;align-items:flex-start;position:relative;background:rgb(var(--fl-accent) / .06);border:1px solid rgb(var(--fl-accent) / .2);border-radius:var(--fl-radius);padding:1rem 2.5rem 1rem 1rem;margin-bottom:1.2rem}.welcome-ic{width:2rem;height:2rem;flex:none;border-radius:8px;display:grid;place-items:center;background:rgb(var(--fl-accent));color:rgb(var(--fl-onaccent))}.welcome-body{min-width:0}.welcome-body b{display:block;margin-bottom:.35rem}.welcome-steps{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.84rem;color:rgb(var(--fl-mute))}.welcome-steps i{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-right:.3rem;border-radius:50%;background:rgb(var(--fl-accent) / .14);color:rgb(var(--fl-accent));font-style:normal;font-size:.72rem;font-weight:700}.welcome-kbd{margin-top:.5rem;font-size:.8rem;color:rgb(var(--fl-mute))}.welcome-sample{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.84rem;font-weight:600}.welcome-x{position:absolute;top:.7rem;right:.7rem;width:1.9rem;height:1.9rem;border:0;background:transparent;color:rgb(var(--fl-mute));cursor:pointer;border-radius:7px;display:grid;place-items:center}.welcome-x:hover{background:rgb(var(--fl-accent) / .1);color:rgb(var(--fl-accent))}.feedback-card{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);padding:1.4rem}.fb-actions{display:flex;gap:.7rem;flex-wrap:wrap}.fb-btn{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:600;font-size:.88rem;padding:.6rem 1rem;border-radius:10px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-ink));cursor:pointer}.fb-btn:hover{border-color:rgb(var(--fl-accent) / .5);color:rgb(var(--fl-accent))}.fb-comment{margin-top:1rem;display:flex;gap:.6rem;align-items:flex-start;flex-wrap:wrap}.fb-comment textarea{flex:1;min-width:220px}.fb-thanks{color:rgb(var(--fl-accent2));font-weight:600;margin-top:.8rem}.privacy-note{display:flex;gap:1rem;align-items:flex-start}.privacy-note h2{font-size:1.05rem;margin:0 0 .2rem}.privacy-note p{font-size:.88rem;color:rgb(var(--fl-mute));margin:0}.pgrid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.pcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border-radius:10px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));cursor:pointer;color:inherit;transition:border-color .12s,box-shadow .12s}.pcard:hover{border-color:rgb(var(--fl-accent) / .5)}.pcard.on{border-color:rgb(var(--fl-accent));box-shadow:0 0 0 2px rgb(var(--fl-accent) / .25)}.pthumb{width:100%;aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:rgb(var(--fl-panel-2))}.pthumb img{width:100%;height:100%;object-fit:contain;display:block}.pnum{font-size:.76rem;color:rgb(var(--fl-mute));font-weight:600}.ptick{position:absolute;top:.4rem;right:.4rem;width:1.25rem;height:1.25rem;border-radius:50%;display:none;place-items:center;background:rgb(var(--fl-accent));color:rgb(var(--fl-onaccent))}.ptick svg{width:.8rem;height:.8rem}.pcard.on .ptick{display:grid}.pshell{position:relative;border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);background:rgb(var(--fl-panel-2));overflow:auto;max-height:78vh}.pwrap{position:relative;margin:0 auto;transform-origin:top center}.pwrap canvas,.pg-canvas{display:block;max-width:100%;height:auto;margin:0 auto}.pguides{position:absolute;inset:0;pointer-events:none}.pg-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;color:rgb(var(--fl-mute));background:rgb(var(--fl-panel-2) / .7);font-size:.9rem}.pg-nav{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1rem 0}.pg-nav input[type=number]{width:4.5rem;text-align:center}.pg-of{color:rgb(var(--fl-mute));font-size:.88rem}.progress-wrap{margin:1rem 0}.progress-top{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:rgb(var(--fl-mute));margin-bottom:.4rem}.progress{position:relative;height:8px;border-radius:999px;background:rgb(var(--fl-panel-2));overflow:hidden}.progress>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:rgb(var(--fl-accent));transition:width .2s ease}.progress.indet>i{width:35%!important;animation:flIndet 1.1s ease infinite}@keyframes flIndet{0%{left:-35%}to{left:100%}}.filebar{display:flex;align-items:center;gap:.8rem;padding:.8rem .9rem;border-radius:var(--fl-radius);background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line))}.faq-list{display:flex;flex-direction:column;gap:.7rem}.faq{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;padding:0 1.25rem;overflow:hidden}.faq[open] .ans{animation:flFaqIn .2s ease-out}@keyframes flFaqIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-weight:600;font-size:.9375rem;color:rgb(var(--fl-ink-strong))}.faq summary::-webkit-details-marker{display:none}.faq summary .plus{transition:transform .18s;color:rgb(var(--fl-accent));flex:none;display:inline-flex}.faq[open] summary .plus{transform:rotate(45deg)}.faq .ans{padding:0 0 1rem;color:rgb(var(--fl-mute));font-size:.92rem}.page-article{max-width:46rem;margin:1.5rem auto}.tone-red{--tone-bg: #fdeeec;--tone-fg: #a8321f}.tone-blue{--tone-bg: #e8f1fb;--tone-fg: #1f5f99}.tone-green{--tone-bg: #ebf3ea;--tone-fg: #346538}.tone-yellow{--tone-bg: #fbf3db;--tone-fg: #8a5d00}.tone-stone{--tone-bg: #f0efec;--tone-fg: #44403c}html.dark .tone-red{--tone-bg: rgb(214 54 33 / .14);--tone-fg: #f3a594}html.dark .tone-blue{--tone-bg: rgb(59 130 246 / .13);--tone-fg: #9cc3ef}html.dark .tone-green{--tone-bg: rgb(74 160 90 / .14);--tone-fg: #9fd3a7}html.dark .tone-yellow{--tone-bg: rgb(234 179 8 / .12);--tone-fg: #e9cc7a}html.dark .tone-stone{--tone-bg: rgb(255 255 255 / .06);--tone-fg: #d6d3d1}.blog-hero{padding:64px 0 32px}.blog-hero h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:0}.blog-lead{margin:14px 0 0;max-width:52ch;font-size:1.0625rem;line-height:1.6;color:rgb(var(--fl-mute));text-wrap:pretty}.blog-tabs{display:flex;gap:6px;margin-top:32px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.blog-tabs::-webkit-scrollbar{display:none}.blog-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;padding:8px 14px;border-radius:8px;cursor:pointer;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-ink));transition:background-color .15s,color .15s,border-color .15s}.blog-tabs button span{font-size:.75rem;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}.blog-tabs button:hover{border-color:rgb(var(--fl-ink-strong) / .3)}.blog-tabs button[aria-pressed=true]{background:rgb(var(--fl-ink-strong));border-color:transparent;color:rgb(var(--fl-surface))}.blog-tabs button[aria-pressed=true] span{color:rgb(var(--fl-surface) / .65)}.blog-list{padding:8px 0 96px}.post-cover{display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:8px;background:var(--tone-bg);color:var(--tone-fg)}.post-cover-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#ffffff8c}html.dark .post-cover-ic{background:#0000002e}.post-cover.big{aspect-ratio:auto;min-height:280px;height:100%}.post-cover.big .post-cover-ic{width:88px;height:88px;border-radius:18px}.post-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8125rem;color:rgb(var(--fl-mute))}.post-cat{font-weight:600;color:rgb(var(--fl-ink-strong))}.post-title{margin:0;font-size:1.1875rem;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:rgb(var(--fl-ink-strong));text-wrap:balance}.post-desc{margin:0;font-size:.9375rem;line-height:1.55;color:rgb(var(--fl-mute));display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-date{font-size:.8125rem;color:rgb(var(--fl-mute));margin-top:auto;padding-top:4px;font-variant-numeric:tabular-nums}.post-featured{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:40px;overflow:hidden;border:1px solid rgb(var(--fl-line));border-radius:12px;background:rgb(var(--fl-panel));color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .25s ease}.post-featured[hidden]{display:none}.post-featured:hover{border-color:rgb(var(--fl-ink-strong) / .2);box-shadow:0 18px 36px -24px rgb(var(--fl-ink-strong) / .3);text-decoration:none}.post-featured .post-cover{border-radius:0;min-height:200px}.post-featured-body{display:flex;flex-direction:column;gap:12px;padding:32px}.post-featured .post-title{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;line-height:1.15}.post-featured .post-desc{-webkit-line-clamp:4;line-clamp:4;font-size:1rem}.post-featured .link-arrow{margin-top:8px}.post-featured:hover .link-arrow svg{transform:translate(3px)}@media (min-width: 860px){.post-featured{grid-template-columns:1.1fr 1fr}.post-featured-body{padding:48px;justify-content:center}}.post-grid{display:grid;gap:40px 24px;grid-template-columns:1fr}@media (min-width: 640px){.post-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}.post-card[hidden]{display:none}.post-card .post-cover{margin-bottom:6px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.post-card:hover{text-decoration:none}.post-card:hover .post-cover{transform:translateY(-3px)}.post-card:hover .post-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-empty{padding:48px 0;text-align:center;color:rgb(var(--fl-mute))}.post-head{padding:56px 0 40px;border-bottom:1px solid rgb(var(--fl-line))}.post-head h1,.post-head .post-lead{max-width:30ch}.post-head .post-lead{max-width:60ch}.post-crumb{display:flex;align-items:center;gap:8px;font-size:.875rem;margin-bottom:20px}.post-crumb a{color:rgb(var(--fl-mute));text-decoration:none}.post-crumb a:hover{color:rgb(var(--fl-ink-strong))}.post-crumb svg{color:rgb(var(--fl-mute))}.post-head h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin:0}.post-lead{margin:18px 0 0;font-size:1.1875rem;line-height:1.55;color:rgb(var(--fl-mute));max-width:60ch;text-wrap:pretty}.post-byline{display:flex;gap:16px;margin:20px 0 0;font-size:.875rem;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}.post-layout{display:grid;grid-template-columns:1fr;gap:48px;padding-top:48px;padding-bottom:80px}@media (min-width: 1040px){.post-layout{grid-template-columns:minmax(0,1fr) 280px;gap:72px}}.post-main{min-width:0;max-width:68ch}.post-aside{display:none}@media (min-width: 1040px){.post-aside{display:flex;flex-direction:column;gap:24px;position:sticky;top:88px;align-self:start}.post-main>.post-tool{display:none}}.blog-body{font-size:1.0625rem;line-height:1.75;color:rgb(var(--fl-ink))}.blog-body>:first-child{margin-top:0}.blog-body p{margin:0 0 1.25em}.blog-body h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:2.2em 0 .6em;scroll-margin-top:88px}.blog-body h3{font-size:1.1875rem;font-weight:600;letter-spacing:-.015em;margin:1.8em 0 .5em}.blog-body ul,.blog-body ol{margin:0 0 1.25em;padding-left:1.25em}.blog-body li{margin:.35em 0;padding-left:.25em}.blog-body li::marker{color:rgb(var(--fl-mute))}.blog-body strong{color:rgb(var(--fl-ink-strong));font-weight:600}.blog-body a{color:rgb(var(--fl-ink-strong));text-decoration:underline;text-decoration-color:rgb(var(--fl-accent) / .5);text-underline-offset:3px}.blog-body a:hover{text-decoration-color:rgb(var(--fl-accent))}.blog-body blockquote{margin:1.75em 0;padding:4px 0 4px 20px;border-left:2px solid rgb(var(--fl-accent));color:rgb(var(--fl-ink-strong));font-size:1.125rem}.blog-body hr{border:0;border-top:1px solid rgb(var(--fl-line));margin:2.5em 0}.blog-body code{font-size:.875em}.blog-body img{max-width:100%;border-radius:8px}.blog-body pre{background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));border-radius:8px;padding:1rem;overflow:auto}.toc b{display:block;font-size:.8125rem;font-weight:600;color:rgb(var(--fl-ink-strong));margin-bottom:10px}.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid rgb(var(--fl-line))}.toc a{display:block;margin-left:-1px;padding:6px 0 6px 14px;border-left:1px solid transparent;font-size:.875rem;line-height:1.4;color:rgb(var(--fl-mute));text-decoration:none;transition:color .15s,border-color .15s}.toc a:hover{color:rgb(var(--fl-ink-strong))}.toc a[aria-current]{color:rgb(var(--fl-ink-strong));border-left-color:rgb(var(--fl-accent))}.post-tool{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:40px;padding:18px 20px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:inherit;text-decoration:none;transition:border-color .2s}.post-tool:hover{border-color:rgb(var(--fl-ink-strong) / .25);text-decoration:none}.post-tool-ic{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:rgb(var(--fl-accent) / .09);color:rgb(var(--fl-accent))}.post-tool-txt b{display:block;font-size:.9375rem;font-weight:600;color:rgb(var(--fl-ink-strong))}.post-tool-txt span{display:block;font-size:.8125rem;color:rgb(var(--fl-mute));line-height:1.45}.post-aside .post-tool{margin-top:0;grid-template-columns:auto minmax(0,1fr)}.post-aside .post-tool .btn{grid-column:1 / -1;width:100%}@media (max-width: 520px){.post-tool{grid-template-columns:auto minmax(0,1fr)}.post-tool .btn{grid-column:1 / -1}}.post-related{padding:72px 0 96px;border-top:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel))}.post-related h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0 0 32px}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:130;pointer-events:none}.read-progress i{display:block;width:100%;height:100%;background:rgb(var(--fl-accent));transform:scaleX(0);transform-origin:left}.smart-panel{display:flex;flex-direction:column;gap:1rem}.smart-file{display:flex;align-items:center;gap:.8rem;padding:.9rem;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line))}.smart-file-txt{flex:1;min-width:0}.smart-file-txt b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-file-txt span{font-size:.8rem;color:rgb(var(--fl-mute))}.smart-q{font-weight:600;margin:0}.smart-tools{display:flex;flex-wrap:wrap;gap:.6rem}.smart-tool{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:10px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:rgb(var(--fl-ink));font-size:.88rem;font-weight:600;text-decoration:none}.smart-tool:hover{border-color:rgb(var(--fl-accent) / .5);color:rgb(var(--fl-accent));text-decoration:none}.smart-tool .tool-ic{width:1.7rem;height:1.7rem;border-radius:7px}.smart-tool .tool-ic svg{width:.95rem;height:.95rem}.steps-numbered{display:grid;gap:2.5rem;grid-template-columns:1fr;list-style:none;margin:.25rem 0 0;padding:0}@media (min-width: 720px){.steps-numbered{grid-template-columns:1fr 1fr 1fr}}.steps-numbered li{position:relative;background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}.step-num{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgb(var(--fl-ink-strong));color:rgb(var(--fl-surface));font-weight:500;font-size:1rem;font-family:var(--fl-display);margin-bottom:1rem}.steps-numbered b{display:block;margin-bottom:.25rem;font-size:.9375rem}.steps-numbered p{font-size:.8125rem;color:rgb(var(--fl-mute));margin:0;max-width:260px}.cta-band-full{background:rgb(var(--fl-ink-strong));color:rgb(var(--fl-surface))}.cta-band-full .inner{max-width:1320px;margin:0 auto;padding:3.4rem 1.5rem;text-align:center}.cta-band-full h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem)}.cta-band-full p{color:#ffffffd9;max-width:40rem;margin:.5rem auto 1.4rem}.error-page{max-width:40rem;margin:0 auto;padding:4rem 1.5rem 2rem;text-align:center}.error-code{font-size:clamp(4rem,12vw,7rem);font-weight:800;letter-spacing:-.04em;color:rgb(var(--fl-line));line-height:1;animation:flErrorFloat 6s ease-in-out infinite}@keyframes flErrorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-search{max-width:22rem;margin:1.5rem auto 1rem}.error-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.home-section{padding-block:0}.ad{border-radius:12px}.ad-side,.ad-banner{margin:1.2rem 0}.ad-mini{font-size:.82rem;color:rgb(var(--fl-mute));line-height:1.5}.ad-mini a{font-weight:600}.ad-mini-row{padding:.8rem 1rem;border:1px dashed rgb(var(--fl-line));border-radius:10px;background:rgb(var(--fl-panel-2))}.ad-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--fl-mute));margin-bottom:.35rem}.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0}.legal-table th,.legal-table td{text-align:left;padding:.6rem .75rem;border:1px solid rgb(var(--fl-line))}.legal-table th{background:rgb(var(--fl-panel-2));font-weight:600}.legal-table tr:nth-child(2n) td{background:rgb(var(--fl-panel-2) / .5)}.hr{border:0;border-top:1px solid rgb(var(--fl-line));margin:1rem 0}.mt-6{margin-top:1.5rem}.err{color:rgb(var(--fl-danger));font-size:.78rem;margin-top:.4rem}.err-inline{color:rgb(var(--fl-danger));font-size:.82rem}.b-count{font-size:.86rem;color:rgb(var(--fl-mute))}.page-label{font-size:.78rem;font-weight:700;color:rgb(var(--fl-mute));border-bottom:1px solid rgb(var(--fl-line));padding:.4rem 0;margin:1rem 0 .4rem}.pg-viewport{position:relative;margin:0 auto;width:fit-content;max-width:100%}.pg-viewport canvas{display:block;max-width:100%;height:auto;margin:0 auto}.wm-ov,.te-overlay,.cr-guide{position:absolute;inset:0}.cr-guide{overflow:hidden;pointer-events:none}.icard,.mrow{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;cursor:grab;transition:border-color .12s,opacity .12s,box-shadow .12s}.icard:hover,.mrow:hover{border-color:rgb(var(--fl-accent) / .5)}.icard.dragging,.mrow.dragging,.pcard.dragging{opacity:.55;box-shadow:var(--fl-shadow)}.igrid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ithumb,.mthumb{position:relative;width:2.8rem;height:3.6rem;flex:none;border-radius:8px;overflow:hidden;background:rgb(var(--fl-panel-2));display:grid;place-items:center}.ithumb img,.mthumb img{width:100%;height:100%;object-fit:cover}.ibadge{position:absolute;top:2px;left:2px;width:1.2rem;height:1.2rem;border-radius:50%;background:rgb(var(--fl-accent));color:rgb(var(--fl-onaccent));font-size:.66rem;font-weight:700;display:grid;place-items:center}.cmp-slots{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 720px){.cmp-slots{grid-template-columns:1fr 1fr}}.cmp-slot{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;padding:1rem}.cmp-slot-title{font-weight:700;font-size:.88rem;margin-bottom:.6rem}.cmp-options{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin:1rem 0}.cmp-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cmp-stats{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.cmp-stat{display:flex;flex-direction:column;align-items:center;min-width:5.2rem;padding:.7rem 1rem;background:rgb(var(--fl-panel-2));border-radius:10px}.cmp-stat b{font-size:1.2rem;color:rgb(var(--fl-ink-strong))}.cmp-stat span{font-size:.76rem;color:rgb(var(--fl-mute))}.cmp-stat.ok b{color:rgb(var(--fl-accent2))}.cmp-stat.bad b{color:rgb(var(--fl-danger))}.cmp-warn{font-size:.84rem;color:rgb(var(--fl-warn));display:flex;align-items:center;gap:.4rem;margin:.6rem 0}.cmp-same{font-size:.9rem;color:rgb(var(--fl-accent2));display:flex;align-items:center;gap:.4rem;font-weight:600;margin:.6rem 0}.cmp-diff{font-family:var(--fl-mono);font-size:.82rem;border:1px solid rgb(var(--fl-line));border-radius:10px;overflow:auto;max-height:420px}.cmp-row{display:flex;border-bottom:1px solid rgb(var(--fl-line))}.cmp-row:last-child{border-bottom:0}.cmp-gutter{flex:none;width:4.2rem;padding:.3rem .5rem;color:rgb(var(--fl-mute));background:rgb(var(--fl-panel-2));text-align:center;border-right:1px solid rgb(var(--fl-line))}.cmp-gutter i{font-style:normal;opacity:.5}.cmp-mark{flex:none;width:1.3rem;padding:.3rem .2rem;text-align:center}.cmp-row.add{background:#22c55e14}.cmp-row.del{background:#ef444414}.cmp-row.add .cmp-mark{color:rgb(var(--fl-accent2))}.cmp-row.del .cmp-mark{color:rgb(var(--fl-danger))}.cmp-text{flex:1;padding:.3rem .6rem;white-space:pre-wrap;word-break:break-word}.cmp-row.gap{color:rgb(var(--fl-mute));font-style:italic;background:rgb(var(--fl-panel-2) / .5)}.cr-summary{font-size:12px;color:rgb(var(--fl-mute))}.cr-group{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;padding:1rem}.cr-group-title{font-weight:700;font-size:.88rem;margin-bottom:.6rem}.cr-slider{display:grid;grid-template-columns:3rem 1fr 2rem;align-items:center;gap:.6rem;font-size:.85rem;margin-bottom:.5rem}.cr-frame{position:absolute;border:1.5px dashed rgb(var(--fl-accent));box-shadow:0 0 0 9999px #1414136b;pointer-events:none;transition:inset .08s linear}.te-toolbar{display:flex;align-items:center;gap:.8rem;padding:.5rem .8rem;border:1px solid rgb(var(--fl-line));border-bottom:0;border-radius:10px 10px 0 0;background:rgb(var(--fl-panel-2));font-size:.84rem;color:rgb(var(--fl-mute))}.te-note{font-size:.84rem;color:rgb(var(--fl-warn));padding:1rem;text-align:center}.te-box{position:absolute;border:1px solid rgb(var(--fl-accent));border-radius:2px;cursor:text;transition:background .12s}.te-box:hover{background:rgb(var(--fl-accent) / .08)}.te-box.edited{border-style:dashed}.te-pop{position:fixed;z-index:120;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:10px;box-shadow:var(--fl-shadow);padding:.6rem}.te-pop input{margin-bottom:.5rem}.te-pop-actions{display:flex;gap:.4rem}.xl-sheet{background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;overflow:hidden;margin-bottom:1rem}.xl-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;background:rgb(var(--fl-panel-2));font-size:.88rem;border-bottom:1px solid rgb(var(--fl-line))}.xl-head span{color:rgb(var(--fl-mute));font-size:.8rem}.xl-scroll{overflow:auto;max-height:360px}.xl-table{width:100%;border-collapse:collapse;font-size:.84rem}.xl-table td{padding:.45rem .7rem;border-top:1px solid rgb(var(--fl-line));white-space:nowrap}.xl-table tr.xl-th td{font-weight:700;background:rgb(var(--fl-panel-2));position:sticky;top:0}.xl-more{padding:.5rem .9rem;font-size:.82rem;color:rgb(var(--fl-mute));border-top:1px solid rgb(var(--fl-line))}#fl-offline{position:fixed;left:0;right:0;bottom:0;z-index:400;background:rgb(var(--fl-panel));border-top:1px solid rgb(var(--fl-line));color:rgb(var(--fl-ink));font-size:.84rem;padding:.6rem 1rem;text-align:center}svg{flex:none;max-width:100%;height:auto}svg.w-3{width:.75rem}svg.h-3{height:.75rem}svg.w-3\.5{width:.875rem}svg.h-3\.5{height:.875rem}svg.w-4{width:1rem}svg.h-4{height:1rem}svg.w-5{width:1.25rem}svg.h-5{height:1.25rem}svg.w-6{width:1.5rem}svg.h-6{height:1.5rem}svg.w-8{width:2rem}svg.h-8{height:2rem}svg.w-\[18px\]{width:18px}svg.h-\[18px\]{height:18px}.family-grid{display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-top:1.75rem}@media (max-width: 1200px){.family-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.family-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.family-grid{grid-template-columns:repeat(2,1fr)}}.family-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:128px;padding:20px 12px;border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);background:rgb(var(--fl-panel));color:rgb(var(--fl-ink));font:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.family-tile:hover{transform:translateY(-2px);border-color:rgb(var(--fl-ink-strong) / .3);text-decoration:none}.family-ic{display:flex;align-items:center;justify-content:center;gap:5px}.family-ic svg{color:rgb(var(--fl-mute))}.ftile{position:relative;display:block;flex:none}.ftile-sheet{display:flex;flex-direction:column;gap:5px;padding:10px 8px;width:48px;height:64px;border-radius:8px;overflow:hidden;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));box-shadow:var(--fl-shadow-sm);transition:transform .2s ease}.family-tile:hover .ftile-sheet{transform:scale(1.06)}.ftile.single .ftile-sheet{width:60px;height:80px}.ftile-badge{position:absolute;right:-3px;bottom:4px;z-index:2;padding:2px 5px;border-radius:4px;font-size:7px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}.ln{height:4px;border-radius:99px;background:rgb(var(--fl-ink-strong) / .12)}.p-text .ln:first-child{height:5px;background:rgb(var(--fl-ink-strong) / .3)}.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:10px 8px}.p-grid .cell{height:10px;border-radius:2px;background:rgb(var(--fl-ink-strong) / .08)}.p-grid .cell.h{background:rgb(var(--fl-ink-strong) / .3)}.p-zip{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:4px;padding:14px 9px}.p-zip .z{width:7px;height:7px;border-radius:2px;background:rgb(var(--fl-ink-strong) / .28)}.p-zip .z:nth-child(2n){background:rgb(var(--fl-ink-strong) / .1)}.p-code{padding:10px 8px}.p-code .c{height:4px;border-radius:2px;margin-bottom:5px}.p-img{position:relative;background:linear-gradient(180deg,rgb(var(--fl-ink-strong) / .05),rgb(var(--fl-ink-strong) / .12))}.p-img .sun{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#facc15d9}.p-img .m{position:absolute;bottom:0;width:0;height:0}.p-img .m1{left:1px;border-bottom:15px solid rgb(var(--fl-ink-strong) / .3);border-right:14px solid transparent}.p-img .m2{right:1px;border-bottom:19px solid rgb(var(--fl-ink-strong) / .38);border-left:16px solid transparent}.p-qr{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:10px;background:#1e293b;border-radius:5px}.p-qr .q{aspect-ratio:1;border-radius:1px;background:#ffffff29}.p-qr .q.on{background:#ffffffe6}.family-name{font-size:.8125rem;font-weight:500;color:rgb(var(--fl-ink));line-height:1.25}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 70ms)}[data-reveal].revealed{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*{animation:none!important}[data-reveal],.rise{opacity:1!important;transform:none!important}}.hwrap{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 640px){.hwrap{padding:0 16px}}.rise{animation:flRise .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes flRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home-hero{padding:64px 0 56px}.home-hero-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;gap:56px;align-items:center;grid-template-columns:1fr}@media (min-width: 1000px){.home-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px}}@media (max-width: 640px){.home-hero{padding:40px 0 32px}.home-hero-inner{padding:0 16px;gap:40px}}.home-hero-copy{min-width:0}.home-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 20px;padding:5px 12px;border-radius:9999px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));font-size:.8125rem;font-weight:500;color:rgb(var(--fl-ink))}.home-kicker svg{color:rgb(var(--fl-accent2))}.home-hero h1{font-size:clamp(2.5rem,5.4vw,4.25rem);font-weight:600;line-height:1.04;letter-spacing:-.04em;margin:0;color:rgb(var(--fl-ink-strong));text-wrap:balance}.home-hero h1 em{font-style:normal;color:rgb(var(--fl-accent))}.home-lead{margin:20px 0 0;max-width:30rem;font-size:1.125rem;line-height:1.6;color:rgb(var(--fl-mute));text-wrap:pretty}.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:.9375rem;color:rgb(var(--fl-ink-strong));text-decoration:none}.link-arrow svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.link-arrow:hover{text-decoration:none}.link-arrow:hover svg{transform:translate(3px)}.home-workspace{position:relative;min-width:0;padding:20px;border-radius:20px;background:rgb(var(--fl-panel-2))}.ws-window{position:relative;z-index:1;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .04),0 24px 48px -28px rgb(var(--fl-ink-strong) / .22)}.ws-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid rgb(var(--fl-line));font-size:.75rem;color:rgb(var(--fl-mute))}.ws-bar i{width:9px;height:9px;border-radius:50%;background:rgb(var(--fl-line))}.ws-bar span{margin-left:8px;display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-bar svg{color:rgb(var(--fl-accent2))}.home-drop{padding:14px}.home-drop fl-dropzone{width:100%}.home-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 14px}.home-quick>span{font-size:.8125rem;color:rgb(var(--fl-mute))}.home-quick a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-surface));font-size:.8125rem;font-weight:500;color:rgb(var(--fl-ink-strong));text-decoration:none;transition:border-color .15s,background-color .15s}.home-quick a:hover{border-color:rgb(var(--fl-ink-strong) / .35);background:rgb(var(--fl-panel));text-decoration:none}.home-quick a svg{color:rgb(var(--fl-accent))}.ws-float{position:absolute;z-index:2;display:none}@media (min-width: 1000px){.ws-float{display:block}.ws-float .ftile-sheet{box-shadow:0 12px 24px -12px rgb(var(--fl-ink-strong) / .25)}.ws-float.f1{top:-18px;left:-22px;transform:rotate(-8deg)}.ws-float.f2{top:34px;right:-26px;transform:rotate(7deg)}.ws-float.f3{bottom:54px;left:-30px;transform:rotate(5deg)}.ws-float.f4{bottom:-20px;right:32px;transform:rotate(-6deg)}}.home-stats-wrap{border-block:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel))}.home-stats{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width: 760px){.home-stats{grid-template-columns:repeat(4,1fr)}}.home-stats>div{display:flex;flex-direction:column-reverse;gap:2px;padding:22px 0}@media (min-width: 760px){.home-stats>div+div{padding-left:24px;border-left:1px solid rgb(var(--fl-line))}}@media (max-width: 759px){.home-stats{padding:0 16px}.home-stats>div:nth-child(2n){padding-left:16px;border-left:1px solid rgb(var(--fl-line))}.home-stats>div:nth-child(n+3){border-top:1px solid rgb(var(--fl-line))}}.home-stats dt{font-size:.8125rem;color:rgb(var(--fl-mute))}.home-stats dd{margin:0;font-weight:600;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.03em;color:rgb(var(--fl-ink-strong));font-variant-numeric:tabular-nums}.hsec{padding:96px 0 104px;background:rgb(var(--fl-surface));scroll-margin-top:64px}.hsec-alt{background:rgb(var(--fl-panel));border-block:1px solid rgb(var(--fl-line))}@media (max-width: 640px){.hsec{padding:56px 0 64px}}.hsec h2{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:-.035em;text-wrap:balance;margin:0}.hsec-title{margin-bottom:40px!important;max-width:22ch}.pop-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.pop-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.pop-grid{grid-template-columns:repeat(3,1fr)}}.pop-card{display:flex;align-items:flex-start;gap:18px;padding:24px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;color:inherit;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .2s ease}.pop-card:hover{transform:translateY(-2px);border-color:rgb(var(--fl-ink-strong) / .18);box-shadow:0 14px 28px -18px rgb(var(--fl-ink-strong) / .28);text-decoration:none}.pop-card:active{transform:translateY(0) scale(.99)}.fmt-mark{flex:none;width:52px;height:52px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 11%,transparent);color:var(--c);font-weight:700;font-size:.9375rem;letter-spacing:-.02em}.pop-body{min-width:0}.pop-body b{display:block;font-weight:600;font-size:1.0625rem;color:rgb(var(--fl-ink-strong));margin:2px 0 6px;letter-spacing:-.01em}.pop-body span{display:block;font-size:.9rem;line-height:1.5;color:rgb(var(--fl-mute))}.all-tools{margin-top:64px;padding-top:40px;border-top:1px solid rgb(var(--fl-line))}.all-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.all-head h3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.all-head .count{font-size:.875rem;font-weight:500;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums;margin-left:4px}.seg{background:rgb(var(--fl-panel));border-color:rgb(var(--fl-line));border-radius:10px;padding:3px}.seg button{border-radius:7px;padding:7px 14px;font-weight:500;transition:background-color .15s,color .15s}.seg button[aria-pressed=true],.seg .on{background:rgb(var(--fl-ink-strong));color:rgb(var(--fl-surface));box-shadow:none}.family-grid{margin-top:0}.family-tile[hidden]{display:none}.family-tile{background:rgb(var(--fl-panel));border-color:rgb(var(--fl-line));border-radius:12px;transition:border-color .15s,transform .25s cubic-bezier(.16,1,.3,1)}.family-tile:hover{border-color:rgb(var(--fl-ink-strong) / .25);transform:translateY(-2px)}.family-name{font-weight:500;color:rgb(var(--fl-ink-strong))}.split{display:grid;gap:40px;align-items:center;grid-template-columns:1fr}@media (min-width: 900px){.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}.split-rev .split-copy{order:2}}.split-copy p{margin:18px 0 0;max-width:38ch;font-size:1.0625rem;line-height:1.65;color:rgb(var(--fl-mute));text-wrap:pretty}.split-art{min-width:0}.cmp-table{border:1px solid rgb(var(--fl-line));border-radius:12px;overflow:hidden;background:rgb(var(--fl-panel))}.cmp-tr{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:16px 20px;border-top:1px solid rgb(var(--fl-line));font-size:.9375rem;align-items:center}.cmp-tr:first-child{border-top:0}.cmp-th{background:rgb(var(--fl-surface));font-weight:600;color:rgb(var(--fl-ink-strong));font-size:.8125rem}.cmp-tr [role=rowheader]{color:rgb(var(--fl-ink-strong));font-weight:500}.cmp-tr .yes{display:inline-flex;align-items:center;gap:6px;color:rgb(var(--fl-accent2));font-weight:500}.cmp-tr .no{color:rgb(var(--fl-mute))}@media (max-width: 600px){.cmp-tr{grid-template-columns:1fr 1fr;padding:14px 16px}.cmp-tr [role=rowheader]{grid-column:1 / -1}.cmp-th span:first-child{display:none}}.flow{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:flow}.flow a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 20px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));border-radius:12px;color:inherit;text-decoration:none;transition:border-color .15s,transform .25s cubic-bezier(.16,1,.3,1)}.flow li:nth-child(2) a{margin-left:24px}.flow li:nth-child(3) a{margin-left:48px}@media (max-width: 640px){.flow li:nth-child(n) a{margin-left:0}}.flow a:hover{border-color:rgb(var(--fl-ink-strong) / .25);transform:translate(3px);text-decoration:none}.flow-ic .ftile.single .ftile-sheet{width:40px;height:52px}.flow-txt b{display:block;font-weight:600;color:rgb(var(--fl-ink-strong))}.flow-txt span{display:block;font-size:.8125rem;color:rgb(var(--fl-mute));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow a>svg{color:rgb(var(--fl-mute))}.bento{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.bento{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.bento{grid-template-columns:repeat(4,1fr)}.gem-wide{grid-column:span 2}}.gem{position:relative;display:flex;flex-direction:column;gap:8px;min-height:196px;padding:28px;background:rgb(var(--fl-surface));border:1px solid rgb(var(--fl-line));border-radius:12px;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .2s,transform .25s cubic-bezier(.16,1,.3,1)}.gem:hover{border-color:rgb(var(--fl-ink-strong) / .25);transform:translateY(-2px);text-decoration:none}.gem-ic{width:40px;height:40px;margin-bottom:8px;border-radius:8px;display:grid;place-items:center;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:rgb(var(--fl-ink-strong))}.gem b{font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;color:rgb(var(--fl-ink-strong))}.gem-desc{font-size:.9rem;line-height:1.5;color:rgb(var(--fl-mute));max-width:34ch}.gem-red{background:#fdeeec;border-color:#f6d9d4}.gem-blue{background:#eaf2fb;border-color:#d6e4f3}.gem-red .gem-ic{color:#a8321f}.gem-blue .gem-ic{color:#1f5f99}.gem-wide .gem-desc{max-width:40ch}.gem-art{display:none}@media (min-width: 1000px){.gem-wide{padding-right:220px}.gem-art{position:absolute;right:32px;bottom:28px;display:flex;align-items:center;gap:10px;color:rgb(var(--fl-mute))}}html.dark .gem-red{background:#d636211f;border-color:#d6362140}html.dark .gem-blue{background:#3b82f61a;border-color:#3b82f638}html.dark .gem-red .gem-ic,html.dark .gem-blue .gem-ic{color:rgb(var(--fl-ink-strong))}.why-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0 64px}@media (min-width: 760px){.why-list{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.why-list{grid-template-columns:repeat(3,1fr)}}.why-list li{display:flex;gap:16px;padding:28px 0;border-top:1px solid rgb(var(--fl-line))}.why-ic{flex:none;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:rgb(var(--fl-accent) / .08);color:rgb(var(--fl-accent))}.why-list h3{margin:6px 0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.why-list p{margin:0;font-size:.9375rem;line-height:1.55;color:rgb(var(--fl-mute))}.qa{margin:0;border-top:1px solid rgb(var(--fl-line))}.qa-row{display:grid;grid-template-columns:1fr;gap:8px;padding:24px 0;border-bottom:1px solid rgb(var(--fl-line))}@media (min-width: 800px){.qa-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px}}.qa dt{font-weight:600;color:rgb(var(--fl-ink-strong))}.qa dd{margin:0;color:rgb(var(--fl-mute));line-height:1.6;max-width:62ch}.home-cta{padding:96px 0;background:rgb(var(--fl-panel-2));text-align:center}.home-cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:0}.home-cta p{margin:14px auto 28px;max-width:40ch;color:rgb(var(--fl-mute));font-size:1.0625rem}.card,.tool-hero,.feedback-card,.filebar,.cr-group,.cmp-slot,.xl-sheet{box-shadow:none}.tool-hero{padding:24px}.tool-hero h1{font-size:clamp(1.625rem,3vw,2.25rem)}.tool-mount.card{padding:24px}.navit{font-size:.875rem;border-radius:8px}.navit.on{background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));box-shadow:inset 0 0 0 1px rgb(var(--fl-line))}.navit.on .ic{color:rgb(var(--fl-accent))}.navit:hover{background:rgb(var(--fl-hover))}.sidebar-cat-title{font-weight:600;letter-spacing:.06em}.statusbar{background:transparent}.welcome-strip{background:rgb(var(--fl-panel));border-color:rgb(var(--fl-line))}.welcome-ic{background:rgb(var(--fl-ink-strong));color:rgb(var(--fl-surface))}.page-article{max-width:760px;margin:48px auto;padding:48px}@media (max-width: 640px){.page-article{margin:24px 16px;padding:24px}}.home-section>.inner{max-width:1200px;margin:0 auto;padding:48px 24px}.next-steps{margin-top:24px;padding:24px;border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius);background:rgb(var(--fl-panel))}.next-steps h2{font-size:1.125rem;margin:0 0 4px}.next-steps>p{margin:0 0 18px;font-size:.875rem;color:rgb(var(--fl-mute))}.next-list{display:flex;flex-wrap:wrap;gap:8px}.next-list a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid rgb(var(--fl-line));border-radius:9999px;background:rgb(var(--fl-surface));color:rgb(var(--fl-ink-strong));font-size:.875rem;font-weight:500;text-decoration:none}.next-list a:hover{border-color:rgb(var(--fl-ink-strong) / .4);text-decoration:none}.next-list .tool-ic{width:28px;height:28px;border-radius:9999px}.next-list .tool-ic svg{width:14px;height:14px}.drop-overlay{position:fixed;inset:12px;z-index:300;pointer-events:none;display:grid;place-items:center;border-radius:16px;border:2px dashed rgb(var(--fl-accent) / .7);background:rgb(var(--fl-surface) / .82);opacity:0;transition:opacity .15s ease}@supports (backdrop-filter: blur(4px)){.drop-overlay{backdrop-filter:blur(4px);background:rgb(var(--fl-surface) / .7)}}.drop-overlay.on{opacity:1}.drop-overlay-card{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:rgb(var(--fl-ink-strong));font-size:1.0625rem;box-shadow:var(--fl-shadow)}.drop-overlay-card svg{color:rgb(var(--fl-accent))}.smart-q span{display:block;margin-top:2px;font-weight:400;font-size:.8125rem;color:rgb(var(--fl-mute))}.next-steps.has-output{border-color:rgb(var(--fl-accent2) / .35);background:linear-gradient(rgb(var(--fl-accent2) / .04),rgb(var(--fl-accent2) / .04)),rgb(var(--fl-panel))}.chain-file{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:rgb(var(--fl-ink-strong));word-break:break-all}.chain-file svg{color:rgb(var(--fl-accent2));flex:none}.chain-size{color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}.next-list a[data-chain] svg:last-child{margin-left:2px;color:rgb(var(--fl-mute));transition:transform .2s cubic-bezier(.16,1,.3,1)}.next-list a[data-chain]:hover svg:last-child{transform:translate(2px);color:rgb(var(--fl-ink-strong))}@media (prefers-reduced-motion: reduce){.drop-overlay{transition:none}}.with-sidebar{max-width:1440px;gap:40px;padding:32px 24px 96px}@media (min-width: 900px){.with-sidebar{grid-template-columns:232px minmax(0,1fr)}}@media (min-width: 1240px){.with-sidebar{grid-template-columns:232px minmax(0,1fr) 280px}.with-sidebar>.rail{top:88px}}.with-sidebar>aside:first-child{top:88px;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}@media (max-width: 899px){.with-sidebar>aside:first-child{display:none}.with-sidebar{padding:20px 16px 72px}}.with-sidebar>.content{max-width:880px}.sidebar-search{border-radius:8px;background:rgb(var(--fl-panel))}.sidebar-cat-title{font-size:.6875rem;padding:14px 10px 6px}.navit{padding:7px 10px;gap:10px;color:rgb(var(--fl-ink))}.navit .ic{width:20px}.sidebar-favs .sidebar-cat-title{color:rgb(var(--fl-accent))}.sidebar-favs[hidden]{display:none}.crumb{gap:8px;font-size:.8125rem;margin-bottom:18px}.crumb svg{color:rgb(var(--fl-mute))}.crumb .cur{font-weight:500}.tool-head{margin-bottom:24px}.tool-head-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start}.tool-head .tool-ic.lg{width:52px;height:52px;border-radius:12px}.tool-head-art{display:grid;place-items:center;width:92px;height:68px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line))}.tool-head-art .tool-art{width:78px}.tool-head h1{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin:2px 0 8px}.tool-lead{margin:0;max-width:62ch;font-size:1.0625rem;line-height:1.55;color:rgb(var(--fl-mute));text-wrap:pretty}.tool-head .fav-btn{position:static;width:40px;height:40px;border-radius:10px;transition:border-color .15s,color .15s,background-color .15s}.tool-head .fav-btn:active{transform:scale(.94)}.tool-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;margin:16px 0 0;padding:0 0 0 110px}.tool-chips li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));font-size:.8125rem;font-weight:500;color:rgb(var(--fl-ink))}.tool-chips svg{color:rgb(var(--fl-accent2))}@media (max-width: 640px){.tool-head-main{grid-template-columns:minmax(0,1fr) auto}.tool-head .tool-ic.lg,.tool-head-art{display:none}.tool-chips{padding-left:0}}.tool-mount.card{border-radius:12px;padding:28px}@media (max-width: 640px){.tool-mount.card{padding:16px}}.statusbar{margin:12px 0 0;padding:10px 4px;border:0;border-radius:0;font-size:.8125rem}.ws-dot i{box-shadow:0 0 0 3px rgb(var(--fl-accent2) / .15)}.next-steps{border-radius:12px}.ad-banner:empty,.ad-side:empty{display:none}.tool-guide{margin-top:72px;padding-top:56px;border-top:1px solid rgb(var(--fl-line))}.tool-guide h2{font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:600;letter-spacing:-.025em;margin:56px 0 18px;scroll-margin-top:88px}.tool-guide h2:first-child{margin-top:0}.tool-guide h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.guide-lead p{margin:0 0 1em;max-width:68ch;font-size:1.0625rem;line-height:1.7;color:rgb(var(--fl-ink))}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr;counter-reset:none}@media (min-width: 760px){.guide-steps{grid-template-columns:repeat(3,1fr)}}.guide-steps li{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line))}.guide-n{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgb(var(--fl-ink-strong));color:rgb(var(--fl-surface));font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.guide-steps p{margin:0;font-size:.9375rem;line-height:1.55;color:rgb(var(--fl-ink))}.guide-cols{display:grid;gap:24px;grid-template-columns:1fr;margin-top:56px}@media (min-width: 760px){.guide-cols{grid-template-columns:1fr 1fr}}.guide-uses{list-style:none;margin:0;padding:0;display:grid;gap:12px}.guide-uses li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:.9375rem;line-height:1.5;color:rgb(var(--fl-ink))}.guide-uses svg{margin-top:3px;color:rgb(var(--fl-accent2))}.guide-tips{padding:24px;border-radius:12px;background:rgb(var(--fl-panel-2))}.guide-tips ul{margin:0;padding-left:18px;display:grid;gap:10px}.guide-tips li{font-size:.9375rem;line-height:1.55;color:rgb(var(--fl-ink))}.guide-tips li::marker{color:rgb(var(--fl-accent))}.tool-qa{margin:0;border-top:1px solid rgb(var(--fl-line))}.tool-qa>div{padding:20px 0;border-bottom:1px solid rgb(var(--fl-line))}.tool-qa dt{font-weight:600;color:rgb(var(--fl-ink-strong));margin-bottom:6px}.tool-qa dd{margin:0;max-width:68ch;font-size:.9375rem;line-height:1.65;color:rgb(var(--fl-mute))}.feedback-card{margin-top:56px;border-radius:12px}.feedback-card h2{font-size:1.125rem;font-weight:600;margin:0 0 4px}.tool-related{margin-top:56px}.tool-related h2{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.related-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.related-grid{grid-template-columns:1fr 1fr}}.related-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:inherit;text-decoration:none;transition:border-color .15s,transform .25s cubic-bezier(.16,1,.3,1)}.related-link:hover{border-color:rgb(var(--fl-ink-strong) / .25);transform:translateY(-2px);text-decoration:none}.related-txt b{display:block;font-weight:600;color:rgb(var(--fl-ink-strong));margin-bottom:2px}.related-txt span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;line-height:1.45;color:rgb(var(--fl-mute))}.cat-convert{background:#e8f1fb;color:#1f5f99}.cat-edit{background:#f3eefb;color:#6a3fb5}.cat-manage{background:#ebf3ea;color:#346538}html.dark .cat-convert{background:#3b82f624;color:#9cc3ef}html.dark .cat-edit{background:#8b5cf629;color:#c8b5f3}html.dark .cat-manage{background:#4aa05a26;color:#9fd3a7}.js [data-prerender]{display:none}.pre{max-width:860px;margin:0 auto;padding:0 20px 64px;line-height:1.65;color:rgb(var(--fl-ink))}.pre a{color:rgb(var(--fl-ink-strong));text-decoration:underline;text-underline-offset:3px}.pre-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid rgb(var(--fl-line))}.pre-nav nav{display:flex;gap:16px}.pre-brand{font-weight:700;font-size:1.125rem;text-decoration:none!important}.pre-main h1{font-size:clamp(2rem,5vw,2.75rem);margin:32px 0 12px}.pre-main h2{font-size:1.375rem;margin:40px 0 12px}.pre-lead{font-size:1.125rem;color:rgb(var(--fl-mute))}.pre-crumb{margin-top:24px;font-size:.875rem;color:rgb(var(--fl-mute))}.pre-tools,.pre-posts{list-style:none;padding:0;display:grid;gap:14px}.pre-tools li,.pre-posts li{display:grid;gap:2px}.pre-tools span,.pre-posts span,.pre-posts time{font-size:.9375rem;color:rgb(var(--fl-mute))}.pre-faq div{padding:14px 0;border-bottom:1px solid rgb(var(--fl-line))}.pre-faq dt{font-weight:600;color:rgb(var(--fl-ink-strong))}.pre-faq dd{margin:4px 0 0;color:rgb(var(--fl-mute))}.pre-foot{margin-top:64px;padding-top:24px;border-top:1px solid rgb(var(--fl-line));display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));font-size:.875rem}.pre-foot h2{font-size:.9375rem;margin:0 0 8px}.pre-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.pre-foot p{grid-column:1 / -1;color:rgb(var(--fl-mute))}.consent{position:fixed;left:16px;bottom:16px;z-index:250;width:min(420px,calc(100vw - 32px));padding:20px;border-radius:12px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));box-shadow:var(--fl-shadow-lg);animation:flRise .4s cubic-bezier(.16,1,.3,1) both}.consent h2{font-size:1rem;font-weight:600;margin:0 0 6px}.consent p{margin:0;font-size:.875rem;line-height:1.55;color:rgb(var(--fl-mute))}.consent p a{color:rgb(var(--fl-ink-strong));text-decoration:underline;text-underline-offset:2px}.consent-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.in-telegram .home-hero{padding-top:32px}.in-telegram .with-sidebar{padding-top:16px}.in-telegram fl-install{display:none}.tool-mount{container:tool / inline-size}.wb{--wb-top: 80px;--wb-ph: 46dvh;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.wb-view,.wb-side{min-width:0}.wb-view{display:flex;flex-direction:column;gap:10px}.wb-side{display:flex;flex-direction:column;gap:16px}.wb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.wb-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgb(var(--fl-mute))}.wb-title:before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--fl-accent2));box-shadow:0 0 0 3px rgb(var(--fl-accent2) / .15)}.wb-head .pg-nav{margin:0;gap:6px}.wb-head .pg-nav input[type=number]{width:3.25rem;padding:6px 4px}.wb-view .pshell{max-height:none;height:var(--wb-ph)}.wb-grow .pshell{height:auto;max-height:var(--wb-ph);min-height:240px}.wb-sec{display:flex;flex-direction:column;gap:12px}.wb-sec+.wb-sec{padding-top:16px;border-top:1px solid rgb(var(--fl-line))}.wb-sec-t{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--fl-mute))}.wb-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.wb-side .lbl{font-size:12.5px;margin-bottom:6px}.wb-side .inp,.wb-side select{padding-top:9px;padding-bottom:9px;font-size:14px}.wb-side input[type=range]{width:100%}.wb-side input[type=color]{width:100%;height:40px;padding:3px;border:1px solid rgb(var(--fl-line));border-radius:8px;background:rgb(var(--fl-panel));cursor:pointer}.wb-side .seg{align-self:stretch;display:flex}.wb-side .seg>*{flex:1;justify-content:center;text-align:center}.wb-val{float:right;font-family:var(--fl-mono);font-weight:500;font-size:12px;color:rgb(var(--fl-mute))}.wb-act{display:flex;flex-direction:column;gap:8px}.wb-act .btn-primary{width:100%;padding-top:14px;padding-bottom:14px}.wb-note{margin:0;font-size:12.5px;line-height:1.5;color:rgb(var(--fl-mute))}.wb-btns{display:flex;flex-wrap:wrap;gap:6px}.wb-btns .btn{flex:1 1 auto}.wb-head .chip:empty{display:none}.wb-view .pgrid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px;padding:14px}.wb-view .igrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;padding:12px}[hidden]{display:none!important}.wb:not(.wb-pin)>.wb-view .pshell{height:auto;min-height:180px;max-height:62dvh}.wb-fit .pshell{display:flex;padding:16px}.wb-fit .pg-viewport{margin:auto;width:fit-content;max-width:100%;box-shadow:0 1px 2px #00000014,0 12px 32px -16px #00000059}.wb-fit .pg-viewport canvas{width:auto;max-width:100%;max-height:calc(var(--wb-ph) - 34px)}.wb-pin>.wb-view{position:sticky;top:64px;z-index:6;margin:0 -16px;padding:10px 16px 12px;background:rgb(var(--fl-panel));border-bottom:1px solid rgb(var(--fl-line));box-shadow:0 10px 16px -14px #00000059}.wb-pin{--wb-ph: 36dvh}@container tool (min-width: 760px){.wb,.wb-pin{--wb-ph: max(380px, calc(100dvh - 268px) );grid-template-columns:minmax(0,1fr) minmax(272px,320px);gap:28px}.wb>.wb-view{position:sticky;top:var(--wb-top);margin:0;padding:0;border:0;background:none;box-shadow:none}.wb:not(.wb-pin)>.wb-view .pshell{height:var(--wb-ph);max-height:none}.wb>.wb-side{padding-left:28px;border-left:1px solid rgb(var(--fl-line));min-height:100%}.wb-act{position:sticky;bottom:0;z-index:2;margin-top:auto;padding:14px 0 2px;background:linear-gradient(to bottom,rgb(var(--fl-panel) / 0),rgb(var(--fl-panel)) 14px)}}@container tool (min-width: 1100px){.wb,.wb-pin{grid-template-columns:minmax(0,1fr) 340px}}@media (min-width: 1240px) and (max-width: 1599px){.with-sidebar:has(:not([hidden])>.wb,.studio){grid-template-columns:232px minmax(0,1fr)}.with-sidebar:has(:not([hidden])>.wb,.studio)>.rail{display:none}}.with-sidebar:has(:not([hidden])>.wb,.studio){max-width:1720px}.with-sidebar:has(:not([hidden])>.wb,.studio)>.content{max-width:1280px}.with-sidebar:has(:not([hidden])>.wb,.studio) #tool-info{max-width:880px}.studio{margin-top:16px;display:flex;flex-direction:column;gap:0}.studio-bar{position:sticky;top:64px;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid rgb(var(--fl-line));border-bottom:0;border-radius:var(--fl-radius) var(--fl-radius) 0 0;background:rgb(var(--fl-panel))}.studio-bar .pg-nav{margin:0;gap:6px}.studio-bar .pg-nav input[type=number]{width:3.25rem;padding:6px 4px}.studio-bar .btn-primary{order:9;margin-left:auto}.studio-meta{font-size:12.5px;color:rgb(var(--fl-mute))}.studio-meta:empty{display:none}.studio-num{width:4.25rem;padding:7px 8px}.studio-color{width:40px;height:36px;padding:3px;border:1px solid rgb(var(--fl-line));border-radius:8px;background:rgb(var(--fl-panel));cursor:pointer}.studio-prog:empty{display:none}.studio-prog{padding:0 12px;border:1px solid rgb(var(--fl-line));border-bottom:0;background:rgb(var(--fl-panel))}.studio-prog .progress-wrap{margin:10px 0}@media (max-width: 560px){.studio-bar .btn-primary{width:100%;margin-left:0}}.studio-hint{margin:0;padding:8px 12px;font-size:12.5px;color:rgb(var(--fl-mute));border:1px solid rgb(var(--fl-line));border-bottom:0;background:rgb(var(--fl-panel-2))}.studio .pshell{border-radius:0 0 var(--fl-radius) var(--fl-radius);max-height:none;height:max(380px,calc(100dvh - 300px))}.studio .te-toolbar{border-radius:0}@font-face{font-family:FL Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-display:swap}.np-ov{pointer-events:none;font-family:"FL Inter",var(--fl-font, sans-serif)}.wb-meta{font-size:12.5px;color:rgb(var(--fl-mute));margin-right:auto}.wb-head .seg{flex:none}.ig-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:20px}.ig-page{margin:0;display:grid;gap:6px;justify-items:center;max-width:100%}.ig-page svg{display:block;width:auto;height:auto;max-width:100%;max-height:max(220px,calc(var(--wb-ph) - 80px));border-radius:2px;box-shadow:0 1px 2px #00000014,0 10px 28px -14px #00000059}.ig-page figcaption{font-size:12px;color:rgb(var(--fl-mute));font-family:var(--fl-mono)}.ig-cell{fill:none;stroke:rgb(var(--fl-line));stroke-width:.4;stroke-dasharray:2 1.5}.ig-wait{width:160px;aspect-ratio:210 / 297;display:grid;place-items:center;background:rgb(var(--fl-panel));border-radius:2px}.p-out{background:#fff}.p-out iframe{display:block;width:100%;height:100%;border:0;background:#fff}.p-out textarea{display:block;width:100%;height:100%;min-height:100%;border:0;border-radius:0;resize:none}.p-empty{margin:0;height:100%;display:grid;place-items:center;color:rgb(var(--fl-mute));font-size:14px;background:rgb(var(--fl-panel-2))}.wb:not(.wb-pin)>.wb-view .pshell.p-out{height:60dvh;max-height:none}@container tool (min-width: 760px){.wb:not(.wb-pin)>.wb-view .pshell.p-out{height:var(--wb-ph)}}.x-out{background:rgb(var(--fl-panel))}.x-out>div{height:100%}.x-sheets{padding:14px}.x-sheets .xl-scroll{max-height:none}.wb:not(.wb-pin)>.wb-view .pshell.x-out{height:60dvh;max-height:none}@container tool (min-width: 760px){.wb:not(.wb-pin)>.wb-view .pshell.x-out{height:var(--wb-ph)}}.h-edit{border:1px solid rgb(var(--fl-line));border-radius:var(--fl-radius-sm, 8px);background:rgb(var(--fl-panel))}.h-edit>summary{cursor:pointer;padding:10px 12px;font-size:13px;font-weight:600;color:rgb(var(--fl-ink-strong));list-style-position:inside}.h-edit[open]>summary{border-bottom:1px solid rgb(var(--fl-line))}.h-edit-body{display:flex;flex-direction:column;gap:8px;padding:10px}.h-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.h-tools .seg{display:inline-flex}.h-tools select{width:auto;padding:6px 8px;font-size:12.5px}.h-edit textarea{min-height:260px;font-size:12.5px}.h-stat{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:rgb(var(--fl-mute))}@container tool (min-width: 760px){.wb-rev{grid-template-columns:minmax(300px,1fr) minmax(0,1.15fr)}.wb-rev>.wb-side{order:-1;padding-left:0;border-left:0;padding-right:28px;border-right:1px solid rgb(var(--fl-line))}}#h-shell{padding:13px 0}#h-wrap{position:relative;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 1px 2px #00000014,0 12px 32px -16px #00000059}#h-frame{display:block;border:0;background:#fff;transform-origin:0 0}.pguides>div{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgb(var(--fl-accent) / .7)}.pguides span{position:absolute;right:6px;top:3px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;color:rgb(var(--fl-accent));background:#ffffffeb}.m-list{display:flex;flex-direction:column;gap:8px;padding:12px}.cmp-diff{max-height:min(62vh,640px)}.tool-art{display:block;width:100%;height:auto;overflow:visible}.tool-art .a-paper{fill:rgb(var(--fl-panel));stroke:rgb(var(--fl-ink-strong) / .2);stroke-width:1}.tool-art .a-front .a-paper{filter:drop-shadow(0 2px 3px rgb(var(--fl-ink-strong) / .08))}.tool-art .a-fold{fill:rgb(var(--fl-panel-2));stroke:rgb(var(--fl-ink-strong) / .2);stroke-width:1;stroke-linejoin:round}.tool-art .a-line{fill:rgb(var(--fl-ink-strong) / .13)}.tool-art .a-ink{fill:rgb(var(--fl-ink-strong) / .34)}.tool-art .a-badge text{font-family:var(--fl-mono);font-size:6.6px;font-weight:700;letter-spacing:.03em;fill:#fff}.tool-art .a-arrow{fill:none;stroke:rgb(var(--fl-mute));stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tool-art .a-sky{fill:#dbe7f3}.tool-art .a-hill{fill:#7fa7cf}.tool-art .a-acc{fill:rgb(var(--fl-accent) / .55)}.tool-art .a-accline{fill:none;stroke:rgb(var(--fl-accent));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-art .a-ghost{fill:none;stroke:rgb(var(--fl-ink-strong) / .28);stroke-width:1;stroke-dasharray:3 2.5}.tool-art .a-cut{stroke:rgb(var(--fl-accent));stroke-width:1.4;stroke-dasharray:3 2.4}.tool-art .a-scissors{fill:none;stroke:rgb(var(--fl-accent));stroke-width:1.4;stroke-linecap:round}.tool-art .a-stamp rect:first-child{fill:rgb(var(--fl-accent) / .1);stroke:rgb(var(--fl-accent) / .75);stroke-width:1.2}.tool-art .a-stamp rect:not(:first-child){fill:rgb(var(--fl-accent) / .75)}.tool-art .a-pill{fill:rgb(var(--fl-ink-strong))}.tool-art .a-pill2{fill:rgb(var(--fl-ink-strong) / .14)}.tool-art .a-num{font-family:var(--fl-mono);font-size:6px;font-weight:700;fill:rgb(var(--fl-panel))}.tool-art .a-num2{fill:rgb(var(--fl-ink-strong) / .6)}.tool-art .a-black{fill:rgb(var(--fl-ink-strong))}.tool-art .a-hl{fill:rgb(var(--fl-accent) / .14)}.tool-art .a-caret{fill:none;stroke:rgb(var(--fl-accent));stroke-width:1.4;stroke-linecap:round}.tool-art .a-chip rect{fill:rgb(var(--fl-ink-strong))}.tool-art .a-chip text{font-family:var(--fl-font);font-size:7.5px;font-weight:600;fill:rgb(var(--fl-panel))}.tool-art .a-field{fill:rgb(var(--fl-panel-2));stroke:rgb(var(--fl-ink-strong) / .22);stroke-width:.8}.tool-art .a-base{stroke:rgb(var(--fl-ink-strong) / .35);stroke-width:1}.tool-art .a-sign{fill:none;stroke:#2f6bd1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tool-art .a-lift .a-paper{stroke:rgb(var(--fl-accent) / .8);filter:drop-shadow(0 4px 5px rgb(var(--fl-ink-strong) / .14))}.tool-art .a-tag path{fill:rgb(var(--fl-panel));stroke:rgb(var(--fl-accent) / .8);stroke-width:1.2;stroke-linejoin:round}.tool-art .a-tag rect{fill:rgb(var(--fl-accent) / .5)}.tool-art .a-taghole{fill:rgb(var(--fl-panel-2));stroke:rgb(var(--fl-accent) / .8);stroke-width:1}.tool-art .a-tagline{fill:none;stroke:rgb(var(--fl-ink-strong) / .3);stroke-width:1}.tool-art .a-dim{fill:rgb(var(--fl-ink-strong) / .22)}.tool-art .a-cropmark{fill:none;stroke:rgb(var(--fl-accent));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-art .a-del{fill:#dc26261f}.tool-art .a-delline{fill:#dc26268c}.tool-art .a-add{fill:#16a34a24}.tool-art .a-addline{fill:#16a34a99}.tool-art .a-handle{fill:rgb(var(--fl-panel));stroke:rgb(var(--fl-accent));stroke-width:1.3}html.dark .tool-art .a-sky{fill:#2b3a4a}html.dark .tool-art .a-hill{fill:#4f7396}.tx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}.tx-head h2{margin:0}.tx-tabs{display:inline-flex;gap:2px;padding:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:12px;background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line))}.tx-tabs::-webkit-scrollbar{display:none}.tx-tabs button{appearance:none;border:0;background:none;font:inherit;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;white-space:nowrap;color:rgb(var(--fl-mute));cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.tx-tabs button:hover{color:rgb(var(--fl-ink-strong))}.tx-tabs button[aria-selected=true]{background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .08),0 0 0 1px rgb(var(--fl-line))}.tx-n{font-size:12px;font-variant-numeric:tabular-nums;color:rgb(var(--fl-mute))}.tx-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 1100px){.tx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 860px){.tx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 600px){.tx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tx-panel .tcard:nth-child(n+7){display:none}}.tx-foot{margin-top:28px;display:flex;justify-content:center}.tx-swap .tcard{animation:flRise .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 28ms)}.tcard{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 8px 16px;border-radius:16px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .35s cubic-bezier(.16,1,.3,1)}.tcard:hover{text-decoration:none;transform:translateY(-3px);border-color:rgb(var(--fl-ink-strong) / .2);box-shadow:0 18px 32px -22px rgb(var(--fl-ink-strong) / .35)}.tcard:active{transform:translateY(-1px) scale(.99)}.tcard:focus-visible{outline-offset:3px;border-radius:16px}.tcard-art{display:block;margin-bottom:10px;padding:14px 10px;border-radius:8px;background:rgb(var(--fl-panel-2))}.tcard-art .tool-art{max-width:132px;margin:0 auto;transition:transform .45s cubic-bezier(.16,1,.3,1)}.tcard:hover .tcard-art .tool-art{transform:scale(1.05)}.tcard-name{padding:0 8px;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:rgb(var(--fl-ink-strong))}.tcard-tag{padding:0 8px;font-size:13px;line-height:1.45;color:rgb(var(--fl-mute));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 600px){.tcard-name{font-size:14px}.tcard-tag{font-size:12.5px}}.gem-art .tool-art{width:168px}.home-posts:empty{display:none}.tl-page{padding:40px 0 96px}@media (max-width: 640px){.tl-page{padding:24px 0 72px}}.tl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:rgb(var(--fl-mute))}.tl-crumbs a{color:rgb(var(--fl-mute))}.tl-crumbs a:hover{color:rgb(var(--fl-ink-strong));text-decoration:none}.tl-crumbs [aria-current]{color:rgb(var(--fl-ink-strong));font-weight:500}.tl-head{margin:20px 0 28px;max-width:46rem}.tl-head h1{font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.04em;line-height:1.05;margin:0}.tl-lead{margin:14px 0 0;font-size:1.0625rem;line-height:1.6;color:rgb(var(--fl-mute));max-width:56ch;text-wrap:pretty}.tl-tabs{margin-bottom:36px}.tl-tabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;white-space:nowrap;font-size:14px;font-weight:500;color:rgb(var(--fl-mute));text-decoration:none;transition:background-color .2s,color .2s}.tl-tabs a:hover{color:rgb(var(--fl-ink-strong));text-decoration:none}.tl-tabs a[aria-current=page]{background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .08),0 0 0 1px rgb(var(--fl-line))}.tl-cat+.tl-cat{margin-top:56px}.tl-cat-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:18px}.tl-cat-head h2{margin:0;font-size:1.375rem;letter-spacing:-.02em}.tl-count{font-size:13px;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}.tl-cat-head .link-arrow{margin-left:auto;font-size:14px}.tl-faq{margin-top:72px;max-width:920px}.tl-faq h2{font-size:1.5rem;margin:0 0 20px;letter-spacing:-.02em}.mm-links{display:grid;gap:4px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgb(var(--fl-line))}.mm-links a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;font-weight:600;font-size:.9375rem;color:rgb(var(--fl-ink-strong))}.mm-links a:hover{background:rgb(var(--fl-hover));text-decoration:none}.mm-links a span{margin-left:auto;font-size:12px;font-weight:500;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}@media (max-width: 600px){.tx-tabs{display:flex;width:100%}.tx-tabs button,.tl-tabs a{flex:1 0 auto;justify-content:center;padding:8px 10px;font-size:13.5px}.tx-tabs .tx-n{display:none}.tcard-art{padding:10px 6px}}.hero2{position:relative;overflow:hidden;padding:72px 0 64px;text-align:center;isolation:isolate}@media (max-width: 640px){.hero2{padding:40px 0}}.hero2-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero2-bg .g1,.hero2-bg .g2{position:absolute;width:640px;height:640px;border-radius:50%;filter:blur(80px);opacity:.55}.hero2-bg .g1{left:-220px;top:-300px;background:radial-gradient(circle,rgb(var(--fl-accent) / .22),transparent 65%)}.hero2-bg .g2{right:-240px;top:-260px;background:radial-gradient(circle,rgb(99 102 241 / .16),transparent 65%)}.hero2-bg .grid{position:absolute;inset:0;background-image:radial-gradient(rgb(var(--fl-ink-strong) / .13) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}html.dark .hero2-bg .g1{opacity:.35}html.dark .hero2-bg .g2{opacity:.3}.hero2-in{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 640px){.hero2-in{padding:0 16px}}.hero2-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:9999px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel) / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:500;color:rgb(var(--fl-ink));text-decoration:none;transition:border-color .2s,transform .35s cubic-bezier(.16,1,.3,1)}.hero2-pill:hover{text-decoration:none;border-color:rgb(var(--fl-ink-strong) / .25)}.hero2-pill:hover svg{transform:translate(2px)}.hero2-pill svg{color:rgb(var(--fl-mute));transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero2-tag{padding:2px 8px;border-radius:6px;background:rgb(var(--fl-accent) / .1);color:rgb(var(--fl-accent));font-size:12px;font-weight:600}.hero2-title{margin:22px auto 0;max-width:15ch;font-size:clamp(2.6rem,6.6vw,5rem);font-weight:700;line-height:1.02;letter-spacing:-.05em;color:rgb(var(--fl-ink-strong));text-wrap:balance}.hero2-title em{font-style:normal;color:rgb(var(--fl-accent))}.hero2-lead{margin:20px auto 0;max-width:34rem;font-size:1.125rem;line-height:1.6;color:rgb(var(--fl-mute));text-wrap:pretty}.hero2-stage{max-width:780px;margin:36px auto 0;text-align:left}.hero2-shell{padding:8px;border-radius:24px;background:rgb(var(--fl-ink-strong) / .035);box-shadow:inset 0 0 0 1px rgb(var(--fl-ink-strong) / .06)}.hero2-core{padding:10px;border-radius:16px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-ink-strong) / .06),0 1px 2px rgb(var(--fl-ink-strong) / .05),0 30px 60px -32px rgb(var(--fl-ink-strong) / .3)}.hero2-core fl-dropzone{width:100%}.hero2-quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:16px}.hero2-quick>span{font-size:13px;color:rgb(var(--fl-mute))}.hero2-quick a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:10px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,transform .3s cubic-bezier(.16,1,.3,1)}.hero2-quick a:hover{text-decoration:none;border-color:rgb(var(--fl-ink-strong) / .3);transform:translateY(-1px)}.hq-art{display:block;width:30px}.hero2-k{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:10px;cursor:pointer;border:1px dashed rgb(var(--fl-ink-strong) / .2);background:none;font:inherit;font-size:13px;color:rgb(var(--fl-mute))}.hero2-k:hover{color:rgb(var(--fl-ink-strong));border-color:rgb(var(--fl-ink-strong) / .35)}.hero2-k kbd,.pk kbd{font-size:11px;padding:1px 6px}@media (max-width: 640px){.hero2-k{display:none}.hero2-quick>span{width:100%;text-align:center}}.fmt-band{position:relative;z-index:5;border-top:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel))}.fmt-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.fmt-track{display:flex;width:max-content;will-change:transform}.fmt-row{display:flex;gap:12px;margin:0;padding:14px 6px;list-style:none}.fmt-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 10px;border:0;border-radius:9px;cursor:pointer;font-family:var(--fl-mono);font-size:12.5px;font-weight:600;letter-spacing:.02em;line-height:1.2;color:var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 0%,transparent);transition:background-color .2s,box-shadow .2s,transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}.fmt-chip:before{content:"";width:9px;height:11px;border-radius:2px;background:var(--c);clip-path:polygon(0 0,65% 0,100% 30%,100% 100%,0 100%);opacity:.85;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.fmt-chip:hover,.fmt-chip[aria-expanded=true]{background:color-mix(in srgb,var(--c) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent);transform:translateY(-2px)}.fmt-chip:hover:before,.fmt-chip[aria-expanded=true]:before{transform:rotate(-8deg) scale(1.1)}.fmt-chip:focus-visible{outline:2px solid var(--c);outline-offset:2px}.fmt-band.has-pop .fmt-chip:not([aria-expanded=true]){opacity:.55}.fmt-chip.is-static{cursor:default;transform:none;box-shadow:none}.fmt-chip.is-static:before{transform:none}html.dark .fmt-chip{background:color-mix(in srgb,var(--c) 18%,transparent);color:color-mix(in srgb,var(--c) 55%,#fff)}html.dark .fmt-chip:before{background:color-mix(in srgb,var(--c) 70%,#fff)}.fmt-static .fmt-track{width:auto;transform:none!important;justify-content:center}.fmt-static .fmt-row{flex-wrap:wrap;justify-content:center}.fmt-static .fmt-row[aria-hidden]{display:none}.fmt-static .fmt-viewport{-webkit-mask-image:none;mask-image:none}.fmt-pop{position:absolute;z-index:20;width:min(320px,calc(100vw - 24px));padding:12px;border-radius:14px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));text-align:left;box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .06),0 24px 48px -20px rgb(var(--fl-ink-strong) / .35);opacity:0;transform:translateY(-6px) scale(.97);transform-origin:var(--ax, 50%) 0;transition:opacity .16s ease,transform .3s cubic-bezier(.16,1,.3,1)}.fmt-pop.on{opacity:1;transform:none}.fmt-pop-arrow{position:absolute;top:-6px;left:calc(var(--ax, 50%) - 6px);width:12px;height:12px;background:inherit;border-left:1px solid rgb(var(--fl-line));border-top:1px solid rgb(var(--fl-line));transform:rotate(45deg);border-radius:3px 0 0}.fmt-pop-head{display:flex;align-items:flex-start;gap:10px;padding:2px 2px 10px}.fmt-pop-head .fmt-chip{flex:none;padding:4px 9px 4px 7px;font-size:11.5px}.fmt-pop-head p{margin:0;font-size:13.5px;line-height:1.45;color:rgb(var(--fl-ink))}.fmt-pop-tools{display:grid;gap:2px;padding-top:8px;border-top:1px solid rgb(var(--fl-line))}.fmt-pop-tools a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;color:rgb(var(--fl-ink-strong));text-decoration:none;font-size:13.5px;transition:background-color .15s}.fmt-pop-tools a b{flex:1;font-weight:600}.fmt-pop-tools a svg{color:rgb(var(--fl-mute));transition:transform .25s cubic-bezier(.16,1,.3,1)}.fmt-pop-tools a:hover{background:rgb(var(--fl-ink-strong) / .05);text-decoration:none}.fmt-pop-tools a:hover svg{transform:translate(3px);color:rgb(var(--fl-ink-strong))}.fmt-pop-art{flex:none;width:40px;padding:3px;border-radius:7px;background:rgb(var(--fl-panel-2))}@media (prefers-reduced-motion: reduce){.fmt-pop,.fmt-chip,.fmt-chip:before{transition:none}}.fx-w{display:inline-block;opacity:0;transform:translateY(10px);filter:blur(8px);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1);transition-delay:var(--d, 0ms)}.fx-in .fx-w{opacity:1;transform:none;filter:blur(0)}.fx-flash{animation:fxFlash .9s cubic-bezier(.23,1,.32,1)}@keyframes fxFlash{0%{color:rgb(var(--fl-accent2))}to{color:inherit}}.btn-primary{transform:perspective(420px) rotateX(0) rotateY(0);box-shadow:0 1px #00000014,inset 0 1px #ffffff2e,inset 0 -2px #00000024;transition:transform .35s cubic-bezier(.2,.9,.3,1.15),box-shadow .2s ease,background-color .15s ease}.btn-primary.fx-down{transform:perspective(420px) rotateX(var(--ty, 0)) rotateY(var(--tx, 0)) translateY(1px) scale(.975);box-shadow:inset 0 2px 3px #0000002e;transition-duration:.12s}.fx-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:150;background:rgb(var(--fl-accent));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.pk{position:fixed;inset:0;z-index:300}.pk-backdrop{position:absolute;inset:0;background:rgb(var(--fl-ink-strong) / .32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s ease}.pk-panel{position:relative;margin:12vh auto 0;width:min(640px,calc(100vw - 24px));max-height:70vh;display:flex;flex-direction:column;border-radius:16px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));box-shadow:var(--fl-shadow-modal);opacity:0;transform:translateY(-6px) scale(.985);transition:opacity .16s ease,transform .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.pk.open .pk-backdrop,.pk.open .pk-panel{opacity:1}.pk.open .pk-panel{transform:none}.pk-search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgb(var(--fl-line));color:rgb(var(--fl-mute))}.pk-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:16px;color:rgb(var(--fl-ink-strong))}.pk-list{list-style:none;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain}.pk-head{padding:10px 10px 4px;font-size:11.5px;font-weight:600;color:rgb(var(--fl-mute))}.pk-item{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:10px;cursor:pointer}.pk-item[aria-selected=true]{background:rgb(var(--fl-ink-strong) / .055)}.pk-art{flex:none;width:46px;padding:3px;border-radius:8px;background:rgb(var(--fl-panel-2))}.pk-ic{flex:none;width:46px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgb(var(--fl-panel-2));color:rgb(var(--fl-ink))}.pk-txt{min-width:0;flex:1;display:grid}.pk-txt b{font-size:14px;font-weight:600;color:rgb(var(--fl-ink-strong))}.pk-txt span{font-size:12.5px;color:rgb(var(--fl-mute));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-enter{opacity:0}.pk-item[aria-selected=true] .pk-enter{opacity:1}.pk-empty{padding:28px;text-align:center;color:rgb(var(--fl-mute));font-size:14px}.pk-foot{display:flex;gap:16px;padding:10px 14px;border-top:1px solid rgb(var(--fl-line));font-size:12px;color:rgb(var(--fl-mute));background:rgb(var(--fl-panel-2) / .6)}.pk-foot kbd{margin-right:2px}html.pk-lock{overflow:hidden}@media (prefers-reduced-motion: reduce){.pk-panel,.pk-backdrop{transition:none}}.bento2{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.bento2{grid-template-columns:1fr 1fr}}@media (min-width: 1000px){.bento2{grid-template-columns:repeat(4,minmax(0,1fr))}.gem2-wide{grid-column:span 2}}.gem2{display:flex;flex-direction:column;gap:18px;padding:10px 10px 22px;border-radius:20px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));color:inherit;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .4s cubic-bezier(.16,1,.3,1)}.gem2:hover{text-decoration:none;transform:translateY(-3px);border-color:rgb(var(--fl-ink-strong) / .18);box-shadow:0 24px 40px -28px rgb(var(--fl-ink-strong) / .35)}.gem2-stage{position:relative;display:grid;place-items:center;min-height:176px;padding:20px;border-radius:12px;overflow:hidden;background:rgb(var(--fl-panel-2));background-image:radial-gradient(rgb(var(--fl-ink-strong) / .07) 1px,transparent 1.2px);background-size:16px 16px}.gem2-txt{display:grid;gap:6px;padding:0 12px}.gem2-txt b{font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;color:rgb(var(--fl-ink-strong))}.gem2-txt span{font-size:.9rem;line-height:1.5;color:rgb(var(--fl-mute));max-width:46ch}.dm{width:100%;max-width:360px;font-size:13px;color:rgb(var(--fl-ink))}.dm p{margin:0}.dm-compress{padding:16px;border-radius:12px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line)),0 12px 24px -18px rgb(var(--fl-ink-strong) / .4);display:grid;gap:12px}.dm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.dm-file{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:rgb(var(--fl-ink-strong))}.dm-file svg{color:#d93a2b}.dm-size{display:inline-flex;gap:8px;font-family:var(--fl-mono);font-size:12.5px}.dm-size s{color:rgb(var(--fl-mute))}.dm-size b{color:rgb(var(--fl-accent2))}.dm-bar{height:8px;border-radius:99px;background:rgb(var(--fl-panel-2));overflow:hidden}.dm-bar i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--fl-accent2)),rgb(var(--fl-accent2) / .7));transform-origin:0 50%;transition:transform 1.2s cubic-bezier(.65,0,.35,1) .35s}.revealed .dm-bar i{transform:scaleX(.25)}.dm-meta{font-size:12px;color:rgb(var(--fl-mute))}.dm-save{padding:2px 8px;border-radius:6px;background:rgb(var(--fl-accent2) / .12);color:rgb(var(--fl-accent2));font-weight:600;font-family:var(--fl-mono)}.dm-redact{display:grid;gap:10px;padding:16px;border-radius:10px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line))}.dm-redact p{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center}.dm-redact span{font-size:12px;color:rgb(var(--fl-mute))}.dm-redact mark{position:relative;background:none;color:rgb(var(--fl-ink-strong));font-weight:500;white-space:nowrap;overflow:hidden}.dm-redact mark:after{content:"";position:absolute;inset:-1px -2px;background:rgb(var(--fl-ink-strong));border-radius:2px;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.65,0,.35,1)}.dm-redact p:nth-child(2) mark:after{transition-delay:.25s}.dm-redact p:nth-child(3) mark:after{transition-delay:.5s}.revealed .dm-redact mark:after{transform:scaleX(1)}.dm-sign{display:grid;justify-items:start;gap:4px;padding:14px 16px 10px;border-radius:10px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line))}.dm-sign svg{width:100%;height:auto;overflow:visible}.dm-sign span{font-size:11px;color:rgb(var(--fl-mute))}.dm-ink{fill:none;stroke:#2f6bd1;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.45,0,.2,1) .2s}.revealed .dm-ink{stroke-dashoffset:0}.dm-line{stroke:rgb(var(--fl-ink-strong) / .25);stroke-width:1;stroke-dasharray:4 3}.dm-diff{display:grid;gap:4px;padding:10px;border-radius:10px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line));font-family:var(--fl-mono);font-size:12px}.dm-diff p{display:flex;gap:8px;padding:5px 8px;border-radius:6px;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.dm-diff i{font-style:normal;width:10px;flex:none}.dm-del{background:#dc262614;color:#b91c1c;text-decoration:line-through;text-decoration-color:#dc262680}.dm-add{background:#16a34a1a;color:#15803d;opacity:0;transform:translate(-8px);transition-delay:.35s}.revealed .dm-add{opacity:1;transform:none}.dm-same{color:rgb(var(--fl-mute))}html.dark .dm-del{color:#fca5a5}html.dark .dm-add{color:#86efac}.dm-qr{width:112px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgb(var(--fl-line)),0 12px 24px -18px #0006}.dm-qr i{aspect-ratio:1;border-radius:2px;background:transparent}.dm-qr i.on{background:#1f2329;transform:scale(.2);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;transition-delay:calc(var(--k) * 12ms)}.revealed .dm-qr i.on{transform:none;opacity:1}.dm-batch{display:grid;gap:6px;padding:14px;border-radius:12px;background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line)),0 12px 24px -18px rgb(var(--fl-ink-strong) / .4)}.dm-batch p{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;background:rgb(var(--fl-panel-2) / .7)}.dm-batch p span{display:inline-flex;align-items:center;gap:8px;font-family:var(--fl-mono);font-size:12px}.dm-batch p span svg{color:#d93a2b}.dm-batch p b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgb(var(--fl-accent2));color:#fff;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.3s + var(--k) * .22s)}.revealed .dm-batch p b{transform:none}.dm-zip{justify-self:end;display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;border-radius:8px;background:#7357d0;color:#fff;font-family:var(--fl-mono);font-size:12px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);transition-delay:1.3s}.revealed .dm-zip{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.dm-bar i{transform:scaleX(.25);transition:none}.dm-redact mark:after{transform:scaleX(1);transition:none}.dm-ink{stroke-dashoffset:0;transition:none}.dm-add,.dm-qr i.on,.dm-zip{opacity:1;transform:none;transition:none}.dm-batch p b{transform:none;transition:none}}.gem2,.hero2-shell{position:relative}.tcard:after,.gem2:after,.hero2-shell:after{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),rgb(var(--fl-accent) / .55),rgb(var(--fl-accent) / .12) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .4s ease}.tcard:hover:after,.gem2:hover:after,.hero2-shell:hover:after{opacity:1}.hero2-shell:after{background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgb(var(--fl-accent) / .35),transparent 65%)}@media (hover: none){.tcard:after,.gem2:after,.hero2-shell:after{display:none}}.roll{display:inline-flex;overflow:hidden;line-height:1.3;vertical-align:bottom}.rc{position:relative;display:inline-block;white-space:pre;transition:transform .5s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--i) * 14ms)}.rc:after{content:attr(data-c);position:absolute;left:0;top:100%}:is(a,button):is(:hover,:focus-visible) .rc{transform:translateY(-100%)}.shiny{color:rgb(var(--fl-ink) / .72);background:linear-gradient(100deg,transparent 30%,rgb(var(--fl-ink-strong)) 50%,transparent 70%) no-repeat;background-size:45% 100%;background-position:-120% 0;-webkit-background-clip:text;background-clip:text;animation:flShiny 5s cubic-bezier(.6,.1,.3,1) 1.2s infinite}@keyframes flShiny{0%{background-position:-120% 0}45%,to{background-position:220% 0}}.hero2-title em{padding-bottom:.04em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9.5c30-4.5 66-7 101-6.2 34 .8 62 2.6 93 .9' fill='none' stroke='%23d63621' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M18 12.2c40-2.4 92-3.4 150-1.6' fill='none' stroke='%23d63621' stroke-width='1.6' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat 0 100% / 100% .2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}html.dark .hero2-title em{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9.5c30-4.5 66-7 101-6.2 34 .8 62 2.6 93 .9' fill='none' stroke='%23f06248' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M18 12.2c40-2.4 92-3.4 150-1.6' fill='none' stroke='%23f06248' stroke-width='1.6' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E")}.hero2-title[data-fx-reveal] em{background-size:0% .2em}.hero2-title.fx-in em{background-size:100% .2em;transition:background-size 1s cubic-bezier(.65,0,.35,1) .8s}[data-reveal]{filter:blur(4px);transition-property:opacity,transform,filter}[data-reveal].revealed{filter:none}fl-toast-host{bottom:calc(1rem + var(--dd-h, 0px))!important;transition:bottom .3s cubic-bezier(.16,1,.3,1)}.dd{position:fixed;right:20px;bottom:20px;z-index:190;display:flex;flex-direction:column;align-items:flex-end}.dd[hidden]{display:none}.dd-card{width:348px;padding:14px;border-radius:18px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .06),0 30px 60px -24px rgb(var(--fl-ink-strong) / .4);transform-origin:100% 100%}.dd-in .dd-card{animation:ddIn .55s cubic-bezier(.2,1.1,.3,1) both}.dd-in.dd-again .dd-card{animation:ddAgain .45s cubic-bezier(.2,1.1,.3,1) both}.dd-out{animation:ddOut .22s ease-in both}.dd-nudge .dd-card{animation:ddNudge .7s cubic-bezier(.36,.07,.19,.97) both}@keyframes ddIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes ddAgain{0%{transform:scale(.97)}to{transform:none}}@keyframes ddOut{to{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes ddNudge{0%,to{transform:none}20%{transform:translateY(-6px) rotate(-1.2deg)}40%{transform:translateY(0) rotate(1deg)}60%{transform:translateY(-3px) rotate(-.6deg)}80%{transform:rotate(.3deg)}}.dd[data-state=mini] .dd-card,.dd-pill{display:none}.dd[data-state=mini] .dd-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;cursor:pointer;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-mute));font:inherit;font-size:13.5px;box-shadow:0 16px 32px -18px rgb(var(--fl-ink-strong) / .45);animation:ddIn .4s cubic-bezier(.2,1.1,.3,1) both}.dd-pill b{color:rgb(var(--fl-ink-strong));font-weight:600}.dd-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgb(var(--fl-accent2));color:#fff}.dd-head{display:flex;align-items:center;gap:10px}.dd-check{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--fl-accent2) / .12);color:rgb(var(--fl-accent2))}.dd-check svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dd-ring{stroke-dasharray:1;stroke-dashoffset:1;opacity:.35;transform:rotate(-90deg);transform-origin:50% 50%}.dd-tick{stroke-dasharray:1;stroke-dashoffset:1}.dd-in .dd-ring{animation:ddDraw .6s cubic-bezier(.65,0,.35,1) .15s forwards}.dd-in .dd-tick{animation:ddDraw .35s cubic-bezier(.65,0,.35,1) .6s forwards}@keyframes ddDraw{to{stroke-dashoffset:0}}.dd-ttl{flex:1;min-width:0;display:grid}.dd-ttl b{font-size:14.5px;font-weight:600;color:rgb(var(--fl-ink-strong))}.dd-ttl span{font-size:12.5px;color:rgb(var(--fl-mute));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-size{flex:none;align-self:flex-start;margin-top:2px;padding:2px 7px;border-radius:6px;background:rgb(var(--fl-panel-2));font-family:var(--fl-mono);font-size:11.5px;color:rgb(var(--fl-ink))}.dd-ib{flex:none;display:grid;place-items:center;width:28px;height:28px;margin:-4px -4px 0 0;align-self:flex-start;border:0;border-radius:8px;background:none;color:rgb(var(--fl-mute));cursor:pointer}.dd-ib+.dd-ib{margin-left:-2px}.dd-ib:hover{background:rgb(var(--fl-ink-strong) / .06);color:rgb(var(--fl-ink-strong))}.dd-ib svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dd-sub{margin:14px 2px 6px;font-size:12.5px;color:rgb(var(--fl-mute))}.dd-tools{display:grid;gap:2px}.dd-tools a{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;color:inherit;text-decoration:none;transition:background-color .15s}.dd-in .dd-tools a{animation:ddRow .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.3s + var(--i) * 70ms)}@keyframes ddRow{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.dd-tools a:hover{background:rgb(var(--fl-ink-strong) / .05);text-decoration:none}.dd-tools a>svg{flex:none;color:rgb(var(--fl-mute));transition:transform .25s cubic-bezier(.16,1,.3,1)}.dd-tools a:hover>svg{transform:translate(3px);color:rgb(var(--fl-ink-strong))}.dd-art{flex:none;width:46px;padding:3px;border-radius:8px;background:rgb(var(--fl-panel-2))}.dd-tt{flex:1;min-width:0;display:grid}.dd-tt b{font-size:13.5px;font-weight:600;color:rgb(var(--fl-ink-strong))}.dd-tt span{font-size:12px;color:rgb(var(--fl-mute));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 2px 0;border-top:1px solid rgb(var(--fl-line));font-size:12px;color:rgb(var(--fl-mute))}.dd-foot>span{display:inline-flex;align-items:center;gap:6px}.dd-foot>span svg{color:rgb(var(--fl-accent2))}.dd-share{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid rgb(var(--fl-line));background:none;color:rgb(var(--fl-ink-strong));font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.dd-share:hover{border-color:rgb(var(--fl-ink-strong) / .3)}.dd-share svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media (max-width: 640px){.dd{left:12px;right:12px;bottom:12px}.dd-card{width:100%}.dd-tools a:nth-child(n+3){display:none}}@media (prefers-reduced-motion: reduce){.dd-in .dd-card,.dd-in.dd-again .dd-card,.dd-out,.dd-nudge .dd-card,.dd[data-state=mini] .dd-pill,.dd-in .dd-tools a{animation:none}.dd-ring,.dd-tick{stroke-dashoffset:0;animation:none!important}.shiny{animation:none}.rc{transition:none}[data-reveal]{filter:none!important}.hero2-title[data-fx-reveal] em{background-size:100% .2em}}.tool-alts,.tl-alts{margin-top:40px}.tool-alts h2,.tl-alts h2{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 14px}.alt-chips{display:flex;flex-wrap:wrap;gap:8px}.alt-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;border:1px solid rgb(var(--fl-line));background:rgb(var(--fl-panel));color:rgb(var(--fl-ink-strong));font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.alt-chip:hover{text-decoration:none;border-color:rgb(var(--fl-ink-strong) / .28);transform:translateY(-2px);box-shadow:0 10px 20px -16px rgb(var(--fl-ink-strong) / .4)}.alt-chip small{font-size:12px;font-weight:400;color:rgb(var(--fl-mute))}.alt-art{display:block;width:40px;padding:3px;border-radius:8px;background:rgb(var(--fl-panel-2))}.pp-loading{text-align:center;padding:2.5rem 0;color:rgb(var(--fl-mute))}.pp-form{display:grid;gap:18px;max-width:520px;margin:20px auto 4px}.pp-field{display:grid;gap:6px}.pp-pw-row{display:flex;gap:8px}.pp-pw-row .inp{flex:1;min-width:0;font-family:var(--fl-mono);letter-spacing:.02em}.pp-eye[aria-pressed=true]{color:rgb(var(--fl-accent));border-color:rgb(var(--fl-accent) / .4)}.pp-meter{display:flex;align-items:center;gap:10px;min-height:22px;font-size:12.5px;color:rgb(var(--fl-mute))}.pp-bar{position:relative;flex:1;max-width:180px;height:6px;border-radius:99px;background:rgb(var(--fl-panel-2));overflow:hidden}.pp-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#d93a2b;transition:width .35s cubic-bezier(.16,1,.3,1),background-color .25s}.pp-meter[data-lv="0"] .pp-bar i{width:12%;background:#d93a2b}.pp-meter[data-lv="1"] .pp-bar i{width:30%;background:#e06a1f}.pp-meter[data-lv="2"] .pp-bar i{width:55%;background:#c79a12}.pp-meter[data-lv="3"] .pp-bar i{width:78%;background:#4f9d3a}.pp-meter[data-lv="4"] .pp-bar i{width:100%;background:rgb(var(--fl-accent2))}.pp-lvl{min-width:64px;font-weight:600;color:rgb(var(--fl-ink))}.pp-gen{margin-left:auto;border:0;background:none;padding:0;font:inherit;font-size:12.5px;color:rgb(var(--fl-accent));cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pp-err{margin:0;font-size:12.5px;color:#c62f22}.pp-perms{display:grid;gap:10px;margin:0;padding:14px 16px;border:1px solid rgb(var(--fl-line));border-radius:12px}.pp-perms legend{padding:0 6px;margin-left:-6px}.pp-perms label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.pp-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:#d93a2b12;color:rgb(var(--fl-ink));font-size:13px;line-height:1.45}.pp-note svg{flex:none;margin-top:1px;color:#d93a2b}.pp-form .btn-lg{width:100%}.pp-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:12px;color:rgb(var(--fl-mute));text-align:center}.pp-foot svg{flex:none;color:rgb(var(--fl-accent2))}.pu-state{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}.pu-state svg{flex:none;margin-top:2px}.pu-state.locked{background:rgb(var(--fl-panel-2));color:rgb(var(--fl-ink))}.pu-state.open{background:rgb(var(--fl-accent2) / .1);color:rgb(var(--fl-ink-strong))}.pu-state.open svg{color:rgb(var(--fl-accent2))}html.dark .pp-err{color:#f39c8f}.ocr-shell{display:grid;place-items:center;padding:14px}.ocr-page{position:relative;width:fit-content;max-width:100%;margin:0 auto;line-height:0;box-shadow:0 0 0 1px rgb(var(--fl-line)),0 12px 28px -18px #0006;background:#fff;overflow:hidden}.ocr-page img{display:block;max-width:100%;max-height:calc(var(--wb-ph) - 28px);width:auto;height:auto}.ocr-boxes{position:absolute;inset:0;pointer-events:none}.ocr-boxes i{position:absolute;border-radius:2px;background:rgb(var(--fl-accent2) / .2);box-shadow:inset 0 -2px rgb(var(--fl-accent2) / .55);opacity:0;animation:ocrWord .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--k) * 4ms)}@keyframes ocrWord{0%{opacity:0;transform:scaleX(.4);transform-origin:0 50%}to{opacity:1;transform:none}}.ocr-scan{position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgb(var(--fl-accent) / .14) 70%,rgb(var(--fl-accent) / .55) 98%,transparent)}.ocr-page.scanning .ocr-scan{opacity:1;animation:ocrScan 1.8s cubic-bezier(.45,0,.55,1) infinite}@keyframes ocrScan{0%{transform:translateY(-64px)}to{transform:translateY(calc(var(--wb-ph) + 10px))}}.ocr-nav{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:rgb(var(--fl-mute));font-variant-numeric:tabular-nums}.ocr-out-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ocr-text{font-family:var(--fl-mono);font-size:13px;line-height:1.55;resize:vertical;min-height:180px}.ocr-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ocr-dl .btn{justify-content:center}@media (max-width: 560px){.ocr-dl{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.ocr-boxes i{animation:none;opacity:1}.ocr-page.scanning .ocr-scan{animation:none;opacity:.6;transform:none}}.dd-net{display:inline-flex;align-items:center;gap:8px;line-height:1.35;color:rgb(var(--fl-ink));cursor:help}.dd-pulse{flex:none;position:relative;width:8px;height:8px;border-radius:50%;background:rgb(var(--fl-accent2))}.dd-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgb(var(--fl-accent2) / .5);animation:ddPulse 1.8s ease-out infinite}@keyframes ddPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.dd-pulse:after{animation:none;opacity:.4}}.sc-start{display:grid;justify-items:center;gap:12px;padding:28px 8px 8px;text-align:center}.sc-start h2{margin:6px 0 0;font-size:1.5rem;letter-spacing:-.02em}.sc-start>p{margin:0;max-width:34rem;color:rgb(var(--fl-mute))}.sc-ill{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;color:rgb(var(--fl-accent));background:rgb(var(--fl-accent) / .1);box-shadow:inset 0 0 0 1px rgb(var(--fl-accent) / .18)}.sc-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.sc-drop{width:100%;max-width:560px;margin-top:8px}.sc-tip{font-size:13px}.sc-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.sc-size{display:grid;gap:4px;min-width:160px}.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:0;padding:0;list-style:none;transition:opacity .2s}.sc-busy .sc-grid{opacity:.5;pointer-events:none}.sc-grid>li{position:relative;display:grid;gap:8px}.sc-grid figure{position:relative;margin:0;aspect-ratio:3 / 4;display:grid;place-items:center;padding:8px;border-radius:12px;background:rgb(var(--fl-panel-2));border:1px solid rgb(var(--fl-line));overflow:hidden}.sc-grid img{max-width:100%;max-height:100%;box-shadow:0 6px 16px -10px #00000080;background:#fff}.sc-grid figcaption{position:absolute;left:8px;top:8px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:rgb(var(--fl-ink-strong) / .75);color:#fff;font-size:12px;font-weight:600}.sc-acts{display:flex;justify-content:center;gap:6px}.sc-add button{width:100%;aspect-ratio:3 / 4;display:grid;place-content:center;justify-items:center;gap:8px;border-radius:12px;border:1.5px dashed rgb(var(--fl-ink-strong) / .22);background:none;color:rgb(var(--fl-mute));font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.sc-add button:hover{border-color:rgb(var(--fl-accent) / .6);color:rgb(var(--fl-accent));background:rgb(var(--fl-accent) / .04)}.sc-go{display:grid;gap:8px;max-width:420px;margin:22px auto 0}.sc-go .btn{width:100%}.sb2{position:relative;gap:4px;padding-bottom:10px}.sb2 .sb-search{position:relative;margin-bottom:8px}.sb2 .sb-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:rgb(var(--fl-mute));pointer-events:none}.sb2 .sidebar-search{padding-left:34px;border-radius:12px;background:rgb(var(--fl-panel));box-shadow:inset 0 1px rgb(var(--fl-ink-strong) / .03);transition:border-color .15s,box-shadow .2s}.sb2 .sidebar-cat-title{display:flex;align-items:center;gap:6px;padding:10px 8px 6px}.sb-star{width:12px;height:12px;fill:#e8a317}.sb-head{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px 6px;border:0;background:none;cursor:pointer;text-align:left;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--fl-mute));border-radius:8px}.sb-head:hover{color:rgb(var(--fl-ink-strong))}.sb-head:focus-visible{outline:2px solid rgb(var(--fl-accent) / .5);outline-offset:-2px}.sb-dot{width:7px;height:7px;border-radius:50%;flex:none;background:currentColor!important;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.sb-title{flex:1;min-width:0}.sb-count{min-width:20px;padding:1px 6px;border-radius:99px;background:rgb(var(--fl-ink-strong) / .06);font-size:10.5px;letter-spacing:0;text-align:center;color:rgb(var(--fl-mute))}.sb-chev{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sb-group.closed .sb-chev{transform:rotate(-90deg)}.sb-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),opacity .25s ease}.sb-group.closed .sb-body{grid-template-rows:0fr;opacity:0}.sb-searching .sb-group.closed .sb-body{grid-template-rows:1fr;opacity:1}.sb-searching .sb-chev{opacity:.3}.sb2 .sb-inner{position:relative;min-height:0;overflow:hidden;margin-left:11px;padding:2px 0 4px 7px;border-left:1px solid rgb(var(--fl-line));display:flex;flex-direction:column;gap:1px}.sb2 .navit{position:relative;z-index:1;padding:7px 8px;background:none!important;box-shadow:none!important;transition:color .15s}.sb2 .navit:hover,.sb2 .navit:focus-visible{color:rgb(var(--fl-ink-strong))}.sb2 .navit .ic{transition:color .2s,transform .35s cubic-bezier(.34,1.56,.64,1)}.sb2 .navit:hover .ic{transform:scale(1.12)}.sb2 .navit[data-cat=convert]:is(:hover,.on) .ic{color:#2f6bd1}.sb2 .navit[data-cat=edit]:is(:hover,.on) .ic{color:#7357d0}.sb2 .navit[data-cat=manage]:is(:hover,.on) .ic{color:#1d8a55}.sb2 .navit.on{color:rgb(var(--fl-ink-strong));font-weight:600}.sb2 .navit.on:before{content:"";position:absolute;left:-8.5px;top:24%;bottom:24%;width:2.5px;border-radius:3px;background:rgb(var(--fl-accent));box-shadow:0 0 10px rgb(var(--fl-accent) / .5)}.sb2 .sb-label mark{background:rgb(var(--fl-accent) / .16);color:inherit;border-radius:3px;padding:0 1px}.sb-new{margin-left:auto;flex:none;padding:1px 7px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:rgb(var(--fl-accent));background:linear-gradient(100deg,rgb(var(--fl-accent) / .1) 30%,rgb(var(--fl-accent) / .26),rgb(var(--fl-accent) / .1) 70%) 0 0 / 250% 100%;animation:sbShine 3.2s ease-in-out infinite}@keyframes sbShine{0%,40%{background-position:100% 0}to{background-position:-150% 0}}.sb-glide{position:absolute;left:0;top:0;z-index:0;border-radius:9px;pointer-events:none;opacity:0;background:rgb(var(--fl-ink-strong) / .055);transition:transform .42s cubic-bezier(.2,.9,.25,1.12),width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),opacity .2s,background-color .25s,box-shadow .25s}.sb-glide.is-active{background:rgb(var(--fl-panel));box-shadow:0 0 0 1px rgb(var(--fl-line)),0 2px 6px -2px rgb(var(--fl-ink-strong) / .12)}.sb-glide.sb-instant{transition:none!important}html.dark .sb-glide{background:#ffffff0f}html.dark .sb-glide.is-active{background:#ffffff14}.sb-news{margin-top:14px;padding:12px 2px 0;border-top:1px solid rgb(var(--fl-line));transition:opacity .35s,transform .35s;--card-h: 116px}.sb-news.gone{opacity:0;transform:translateY(6px)}.sbn-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--fl-mute))}.sbn-n{min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:rgb(var(--fl-accent));color:#fff;font-size:10.5px;letter-spacing:0}.sbn-stack{position:relative;height:calc(var(--card-h) + (var(--n, 1) - 1) * 9px)}.sbn-card{position:absolute;left:0;right:0;bottom:0;height:var(--card-h);border-radius:14px;background:rgb(var(--fl-panel));border:1px solid rgb(var(--fl-line));box-shadow:0 12px 26px -20px rgb(var(--fl-ink-strong) / .55);transform-origin:50% 100%;touch-action:pan-y;user-select:none;transform:translate3d(var(--drag, 0px),calc(var(--i) * -9px),0) scale(calc(1 - var(--i) * .05));z-index:calc(10 - var(--i));transition:transform .5s cubic-bezier(.2,.9,.25,1.1),opacity .3s}.sbn-stack:hover .sbn-card:not(.out){transform:translate3d(var(--drag, 0px),calc(var(--i) * -60px),0) scale(calc(1 - var(--i) * .025))}.sbn-card.dragging{transition:none;cursor:grabbing}.sbn-card.out{transform:translate3d(var(--dx, 120%),-10px,0) rotate(8deg)!important;opacity:0;pointer-events:none}.sbn-link{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;height:100%;padding:12px 30px 12px 12px;color:inherit;text-decoration:none;transition:opacity .3s}.sbn-link:hover{text-decoration:none}.sbn-card:not(.front) .sbn-link{opacity:.35}.sbn-stack:hover .sbn-card .sbn-link{opacity:1}.sbn-art{display:block;padding:3px;border-radius:9px;background:rgb(var(--fl-panel-2))}.sbn-txt{display:grid;gap:3px;min-width:0}.sbn-txt b{font-size:13.5px;color:rgb(var(--fl-ink-strong));letter-spacing:-.01em}.sbn-txt span{font-size:12.5px;line-height:1.4;color:rgb(var(--fl-mute));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sbn-x{position:absolute;top:7px;right:7px;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:rgb(var(--fl-mute));cursor:pointer;opacity:0;transition:opacity .2s,background-color .15s}.sbn-card.front:hover .sbn-x,.sbn-x:focus-visible{opacity:1}.sbn-x:hover{background:rgb(var(--fl-ink-strong) / .07);color:rgb(var(--fl-ink-strong))}@media (hover: none){.sbn-card.front .sbn-x{opacity:1}}.sbn-done{display:flex;align-items:center;gap:6px;margin:0;padding:6px 6px 2px;font-size:13px;font-weight:600;color:rgb(var(--fl-accent2))}@media (prefers-reduced-motion: reduce){.sb-glide,.sb-body,.sb-chev,.sbn-card,.sb2 .navit .ic{transition:none!important}.sb-new{animation:none}}.has-pill{position:relative;isolation:isolate}.slide-pill{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;opacity:0;border-radius:9px;transition:transform .45s cubic-bezier(.2,.9,.25,1.12),width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),opacity .2s}.pill-pill>.slide-pill{background:rgb(var(--fl-panel));box-shadow:0 1px 2px rgb(var(--fl-ink-strong) / .08),0 0 0 1px rgb(var(--fl-line))}.pill-pill>[aria-selected=true],.pill-pill>[aria-current=page]{background:transparent!important;box-shadow:none!important}.pill-dark>.slide-pill{border-radius:8px;background:rgb(var(--fl-ink-strong))}.pill-dark>[aria-pressed=true]{background:transparent!important;transition:color .2s .08s,border-color .2s}.pill-bar>.slide-pill{left:-1px;border-radius:2px;background:rgb(var(--fl-accent));box-shadow:0 0 8px rgb(var(--fl-accent) / .45)}.pill-bar a[aria-current]{border-left-color:transparent!important}@media (prefers-reduced-motion: reduce){.slide-pill{transition:opacity .2s}}