:root{--sidebar-width:240px;--content-max:1320px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", "Noto Serif SC", "STSong", serif;--font-mono:"SFMono-Regular", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg:#f6f2ec;--bg-elevated:#fbf8f3;--surface:#fffdf9;--surface-2:#f0ebe3;--surface-3:#e7e0d6;--sidebar-bg:#f2ede5;--ink:#211f1b;--ink-soft:#514d45;--muted:#746e64;--line:#2d261e1a;--line-strong:#2d261e2b;--accent:#d95a3f;--accent-strong:#b8432b;--accent-soft:#d95a3f1a;--accent-wash:#f8e9e2;--accent-solid:#c44a2e;--on-accent:#fff8f4;--green:#337355;--green-soft:#3e805e1c;--blue:#2d6d7d;--blue-soft:#2d6d7d1c;--amber:#916721;--amber-soft:#b2812c1f;--shadow-sm:0 1px 2px #34281c0a;--shadow-md:0 10px 30px -18px #34281c52;--shadow-lg:0 24px 70px -30px #34281c61;--shadow-overlay:0 30px 100px -35px #1e181280;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--radius-xl:24px;--ease:cubic-bezier(.22, .7, .22, 1)}:root[data-theme=dark]{--bg:#121316;--bg-elevated:#17181c;--surface:#1c1d22;--surface-2:#23252b;--surface-3:#2c2e35;--sidebar-bg:#15161a;--ink:#f1ece3;--ink-soft:#c2bcb1;--muted:#968f84;--line:#f1ece317;--line-strong:#f1ece32b;--accent:#ff8266;--accent-strong:#ffa18b;--accent-soft:#ff826621;--accent-wash:#2a201c;--accent-solid:#ff8266;--on-accent:#26130e;--green:#8fceac;--green-soft:#6ec6971f;--blue:#8bc7d5;--blue-soft:#6eb8ca1f;--amber:#e8c07b;--amber-soft:#dbad5d1f;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 12px 34px -20px #0000009e;--shadow-lg:0 28px 80px -34px #000000bf;--shadow-overlay:0 34px 110px -30px #000c}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-width:320px;max-width:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65;transition:background-color .25s,color .25s;overflow-x:clip}::selection{background:var(--accent-soft);color:var(--ink)}h1,h2,h3,h4,h5,p,dl,dd,figure{margin:0}h1,h2,h3,h4,h5{letter-spacing:-.012em;font-weight:650;line-height:1.25}ul,ol{margin:0;padding:0}img,svg,canvas{max-width:100%}img{display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}code,pre,kbd{font-family:var(--font-mono)}kbd{font-size:.7rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}#root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:.7rem;font-weight:700;line-height:1.4;display:flex}.eyebrow__dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.text-link{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:5px;font-size:.83rem;font-weight:650;transition:color .16s,gap .16s;display:inline-flex}.text-link:hover{color:var(--accent-strong)}.demo-caption{color:var(--muted);font-size:.78rem;line-height:1.65}.button{text-align:center;min-height:40px;transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s var(--ease), box-shadow .18s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 17px;font-size:.85rem;font-weight:650;line-height:1.2;display:inline-flex}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent-solid);color:var(--on-accent);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--accent-solid) 70%, transparent)}.button--primary:hover{background:color-mix(in srgb, var(--accent-solid) 84%, var(--ink));box-shadow:0 9px 24px -12px color-mix(in srgb, var(--accent-solid) 80%, transparent)}.button--secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.button--secondary:hover{border-color:var(--accent);color:var(--accent-strong)}.button--quiet{color:var(--ink-soft);background:0 0;border-color:#0000}.button--quiet:hover{background:var(--surface-2);color:var(--ink)}.button--small{min-height:34px;padding:6px 12px;font-size:.78rem}.icon-button{width:38px;height:38px;color:var(--ink-soft);border:1px solid #0000;border-radius:11px;flex:none;place-items:center;transition:background-color .16s,border-color .16s,color .16s;display:inline-grid;position:relative}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.app-shell{min-height:100vh}.skip-link{z-index:300;background:var(--ink);color:var(--bg-elevated);transition:transform .18s var(--ease);border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:650;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.main-shell{min-width:0;min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;display:flex}.content{flex:1;width:100%;min-width:0}.content:focus{outline:none}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:28px clamp(22px,3.8vw,52px) 56px}.sidebar{z-index:40;width:var(--sidebar-width);overscroll-behavior:contain;background:var(--sidebar-bg);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar__inner{flex-direction:column;min-height:100%;padding:22px 14px 18px;display:flex}.sidebar__top{justify-content:space-between;align-items:flex-start;gap:8px;padding:0 7px 20px;display:flex}.sidebar__brand-link{border-radius:10px;min-width:0;display:inline-flex}.sidebar__nav{flex-direction:column;gap:20px;display:flex}.sidebar__section{flex-direction:column;gap:2px;display:flex}.sidebar__label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;padding:0 11px 6px;font-size:.66rem;font-weight:700}.sidebar__item{width:100%;min-height:34px;color:var(--ink-soft);text-align:left;border-radius:9px;align-items:center;gap:9px;padding:6px 11px;font-size:.84rem;line-height:1.4;transition:background-color .14s,color .14s;display:flex}.sidebar__item>svg{opacity:.78;flex:none}.sidebar__item:hover{background:color-mix(in srgb, var(--surface-2) 72%, transparent);color:var(--ink)}.sidebar__item.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.sidebar__item.is-active>svg{opacity:1}.sidebar__item--category{font-size:.82rem}.sidebar__count{min-width:20px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;margin-left:auto;padding:0 6px;font-size:.67rem;line-height:1.65}.sidebar__item.is-active .sidebar__count{color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 10%, transparent)}.sidebar__demo-icon{width:16px;color:var(--accent);flex:none;place-items:center;font-size:.7rem;display:inline-grid}.sidebar__category-icon{width:16px;color:var(--muted);flex:none;place-items:center;line-height:1;display:inline-grid}.sidebar__item.is-active .sidebar__category-icon{color:var(--accent-strong)}.sidebar__local-note{border:1px solid var(--line);color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:9px 10px;font-size:.68rem;line-height:1.5;display:flex}.sidebar__local-note svg{color:var(--accent);flex:none}.sidebar__close{margin-top:-3px;margin-right:-3px}.drawer-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18140f75;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.drawer{overscroll-behavior:contain;background:var(--sidebar-bg);border-right:1px solid var(--line);width:min(304px,88vw);height:100%;box-shadow:var(--shadow-overlay);animation:drawer-in .24s var(--ease) both;overflow-y:auto}.drawer .sidebar__inner{min-height:100%}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand__mark{background:var(--accent-soft);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.brand__mark:before{content:"V";color:var(--accent-strong);font-family:var(--font-display);font-size:1.1rem;font-weight:700;position:absolute}.brand__mark img{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.brand__text{flex-direction:column;min-width:0;display:flex}.brand__name{color:var(--ink);letter-spacing:.01em;white-space:nowrap;font-size:.94rem;font-weight:750;line-height:1.3}.brand__tagline{color:var(--muted);letter-spacing:.11em;font-size:.64rem;line-height:1.4}.brand--compact{gap:8px}.brand--compact .brand__mark{border-radius:9px;width:30px;height:30px}.brand--compact .brand__name{font-size:.86rem}.topbar{z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);position:sticky;top:0}.topbar__inner{align-items:center;gap:20px;min-height:64px;padding:0 clamp(22px,3.8vw,52px);display:flex}.topbar__leading{flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.topbar__context{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.topbar__menu{display:none}.topbar__mobile-brand{border-radius:9px;align-items:center;display:none}.search-trigger{border:1px solid var(--line);background:var(--surface);width:min(420px,36vw);min-height:38px;color:var(--muted);text-align:left;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:9px;padding:6px 8px 6px 13px;font-size:.8rem;transition:border-color .16s,box-shadow .16s,color .16s;display:flex}.search-trigger:hover{border-color:var(--line-strong);color:var(--ink-soft);box-shadow:var(--shadow-md)}.search-trigger>svg{color:var(--accent);flex:none}.search-trigger__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-trigger kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);letter-spacing:.02em;border-radius:5px;flex:none;padding:2px 6px;font-size:.63rem}.topbar__actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;display:flex}.topbar__favorite-link{width:auto;color:var(--ink-soft);gap:5px;padding:0 9px;display:inline-flex}.topbar__favorite-label{font-size:.76rem;font-weight:650}.topbar__favorite-link .topbar__favorite-count{border:0;border-radius:999px;min-width:17px;height:17px;position:static}.topbar__favorite-count{border:2px solid var(--bg);background:var(--accent-solid);min-width:16px;height:16px;color:var(--on-accent);border-radius:999px;place-items:center;padding:0 4px;font-size:.56rem;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:2px;right:1px}.theme-menu{position:relative}.theme-menu__popover{z-index:60;border:1px solid var(--line);background:var(--bg-elevated);width:208px;box-shadow:var(--shadow-lg);animation:pop-in .16s var(--ease) both;border-radius:13px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.theme-menu__heading{color:var(--muted);letter-spacing:.1em;align-items:center;gap:6px;padding:7px 9px 8px;font-size:.66rem;font-weight:700;display:flex}.theme-menu__option{width:100%;color:var(--ink-soft);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;transition:background-color .14s,color .14s;display:flex}.theme-menu__option:hover,.theme-menu__option.is-selected{background:var(--surface-2);color:var(--ink)}.theme-menu__option>svg:last-child{color:var(--accent);margin-left:auto}.theme-menu__option-text{flex-direction:column;font-size:.8rem;line-height:1.35;display:flex}.theme-menu__option-text small{color:var(--muted);font-size:.66rem}.hero{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(120% 170% at 100% 0%, var(--accent-wash) 0%, transparent 56%), linear-gradient(155deg, var(--surface) 0%, var(--bg-elevated) 100%);box-shadow:var(--shadow-md);padding:clamp(22px,2.4vw,27px) clamp(24px,3.8vw,46px);position:relative;overflow:hidden}.hero__texture{z-index:-1;pointer-events:none;background-image:radial-gradient(var(--line-strong) .7px, transparent .7px);opacity:.55;background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 35%,#000 100%);mask-image:linear-gradient(115deg,#0000 35%,#000 100%)}.hero:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);width:320px;height:320px;box-shadow:0 0 0 46px color-mix(in srgb, var(--accent) 4%, transparent), 0 0 0 92px color-mix(in srgb, var(--accent) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:-110px;right:-80px}.hero__content{max-width:860px}.hero__eyebrow{margin-bottom:9px}.hero h1{max-width:780px;font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.1rem,3.25vw,2.85rem);font-weight:600;line-height:1.08}.hero__accent{color:var(--accent-strong);font-style:italic;font-weight:600}.hero__lede{max-width:780px;color:var(--ink-soft);margin-top:8px;font-size:clamp(.88rem,1.1vw,.96rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.hero__stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:0;margin-top:14px;padding-top:11px;display:flex}.hero__stats>div{border-right:1px solid var(--line);align-items:baseline;gap:6px;margin-right:clamp(16px,2.6vw,30px);padding-right:clamp(16px,2.6vw,30px);display:flex}.hero__stats>div:last-child{border-right:0;margin-right:0;padding-right:0}.hero__stats dd{color:var(--ink);font-variant-numeric:tabular-nums;order:1;font-size:1.05rem;font-weight:700;line-height:1.2}.hero__stats dt{color:var(--muted);order:2;font-size:.7rem}.hero__stats .hero__updated dd{color:var(--ink-soft);font-size:.88rem;font-weight:650}.hero__note{color:var(--muted);align-items:center;gap:5px;margin-top:8px;font-size:.68rem;display:flex}.hero__note svg{color:var(--accent)}.home-section{margin-top:30px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:12px;display:flex}.section-heading h2{font-family:var(--font-display);letter-spacing:-.018em;margin-top:5px;font-size:clamp(1.38rem,2.1vw,1.72rem);font-weight:600}.section-heading__description{max-width:620px;color:var(--muted);margin-top:5px;font-size:.82rem;line-height:1.65}.featured-section{padding:0}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px;display:grid}.featured-tool{--tool-accent:var(--accent);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;min-height:142px;transition:transform .18s var(--ease), border-color .18s ease, box-shadow .18s ease;flex-direction:column;padding:15px 15px 14px;display:flex}.featured-tool:hover{border-color:color-mix(in srgb, var(--tool-accent) 48%, var(--line));box-shadow:var(--shadow-md)}.featured-tool__top{align-items:center;gap:8px;margin-bottom:12px;display:flex}.featured-tool__category{color:var(--muted);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.featured-tool__arrow{color:var(--muted);transition:color .16s ease, transform .16s var(--ease);margin-left:auto}.featured-tool:hover .featured-tool__arrow{color:var(--tool-accent)}.featured-tool h3{font-size:.96rem;font-weight:700}.featured-tool p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.76rem;line-height:1.55;display:-webkit-box;overflow:hidden}.featured-actions{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:11px;display:flex}.featured-actions>span{color:var(--muted);align-items:center;gap:5px;font-size:.69rem;display:inline-flex}.featured-actions>span svg{color:var(--accent)}.featured-details{max-width:420px;color:var(--muted);font-size:.72rem}.featured-details summary{cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:.72rem;list-style:none;display:inline-flex}.featured-details summary::-webkit-details-marker{display:none}.featured-details summary:hover{color:var(--accent-strong)}.featured-details[open] summary svg{transform:rotate(180deg)}.featured-details p{margin-top:6px;line-height:1.6}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:13px;display:grid}.demo-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:transform .18s var(--ease), border-color .18s ease, box-shadow .18s ease;flex-direction:column;display:flex;overflow:hidden}.demo-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.demo-card__visual{border-bottom:1px solid var(--line);background:var(--surface-2);height:152px;position:relative;overflow:hidden}.demo-card__badge{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--bg-elevated) 86%, transparent);color:var(--accent-strong);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:700;position:absolute;top:10px;right:10px}.demo-card__body{flex-direction:column;flex:1;padding:14px 16px 15px;display:flex}.demo-card__kind{color:var(--accent-strong);letter-spacing:.1em;align-items:center;gap:5px;font-size:.65rem;font-weight:700;display:inline-flex}.demo-card h3{margin-top:3px;font-size:1rem;font-weight:700}.demo-card__description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.77rem;line-height:1.6;display:-webkit-box;overflow:hidden}.demo-card__footer{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;font-size:.68rem;display:flex}.demo-card__open{color:var(--ink-soft);align-items:center;gap:3px;font-weight:650;transition:color .16s;display:inline-flex}.demo-card:hover .demo-card__open{color:var(--accent-strong)}.browse-heading{max-width:900px;padding:0 0 14px}.browse-heading>.eyebrow{font-size:.68rem}.browse-heading__title-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:2px;display:flex}.browse-heading h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.65rem,2.6vw,2.1rem);font-weight:600;line-height:1.15}.browse-heading__count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.browse-heading>p:not(.eyebrow){max-width:760px;color:var(--ink-soft);margin-top:5px;font-size:.81rem;line-height:1.55}.active-filter-summary{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.active-filter-summary span{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:3px 9px;font-size:.68rem}.directory-section{margin-top:2px}.directory-section--results{margin-top:0}.directory-section--results .filter-bar{gap:8px 18px;margin-bottom:13px;padding:8px 11px}.directory-section--results .tool-group__head{margin-bottom:8px;padding-bottom:6px}.section-heading--directory{align-items:center;margin-bottom:14px}.section-heading--directory h2{font-family:var(--font-sans);letter-spacing:-.005em;font-size:1.04rem;font-weight:700}.result-note{color:var(--muted);font-size:.72rem}.filter-bar{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:21px;padding:11px 13px;display:flex}.filter-group{align-items:center;gap:9px;min-width:0;display:flex}.filter-group__label{color:var(--muted);letter-spacing:.05em;flex:none;font-size:.68rem;font-weight:650}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.filter-chip{min-height:27px;color:var(--ink-soft);border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.72rem;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s}.filter-chip:hover{background:var(--surface-2);color:var(--ink)}.filter-chip.is-active{border-color:color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.filter-clear{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;margin-left:auto;padding:3px 4px;font-size:.7rem}.filter-clear:hover{color:var(--accent-strong)}.filter-area{margin-bottom:21px}.filter-mobile-bar{display:none}.filter-toggle{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink-soft);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:650;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.filter-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.filter-toggle>svg{color:var(--accent)}.filter-toggle__count{background:var(--accent-soft);min-width:18px;height:18px;color:var(--accent-strong);border-radius:999px;place-items:center;padding:0 5px;font-size:.63rem;font-weight:700;display:inline-grid}.filter-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:14px;padding:14px 16px 15px}.filter-panel__head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-bottom:11px;display:flex}.filter-panel__title{color:var(--ink);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.filter-panel__title svg{color:var(--accent)}.filter-panel__status{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.72rem}.active-filter-list{flex-wrap:wrap;align-items:center;gap:6px;padding-top:11px;display:flex}.active-filter{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:var(--accent-soft);max-width:100%;color:var(--accent-strong);border-radius:999px;align-items:center;gap:1px;padding:2px 3px 2px 9px;font-size:.7rem;line-height:1.5;display:inline-flex}.active-filter>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-filter__remove{width:20px;height:20px;color:inherit;border-radius:50%;flex:none;place-items:center;display:inline-grid}.active-filter__remove:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.active-filter__reset{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;padding:2px 4px;font-size:.7rem}.active-filter__reset:hover{color:var(--accent-strong)}.filter-panel__groups{flex-direction:column;gap:10px;padding-top:12px;display:flex}.filter-panel__groups .filter-group{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:9px 10px;min-width:0;display:grid}.filter-panel__groups .filter-group__label{color:var(--muted);letter-spacing:.04em;padding-top:6px;font-size:.7rem;font-weight:650}.filter-panel__groups .chip-row{gap:5px}.filter-panel__groups .filter-chip{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:.73rem;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.filter-panel__groups .filter-chip:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink)}.filter-panel__groups .filter-chip.is-active{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.filter-panel__groups .filter-chip svg{flex:none}.filter-sheet-backdrop{z-index:220;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17130f80;justify-content:center;align-items:flex-end;padding:12px;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.filter-sheet{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--bg-elevated);width:min(640px,100%);max-height:min(84dvh,760px);box-shadow:var(--shadow-overlay);animation:dialog-in .22s var(--ease) both;flex-direction:column;display:flex;overflow:hidden}.filter-sheet__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 11px;display:flex}.filter-sheet__head h2{font-size:1.02rem;font-weight:700}.filter-sheet__body{flex-direction:column;gap:12px;min-height:0;padding:13px 16px 18px;display:flex;overflow-y:auto}.filter-sheet__status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.74rem}.filter-sheet__body .active-filter-list{padding-top:0}.filter-sheet__body .filter-panel__groups{padding-top:2px}.filter-sheet__foot{padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 74%, transparent);flex-wrap:wrap;align-items:center;gap:9px;display:flex}.filter-sheet__foot .button--primary{margin-left:auto}.tool-groups{flex-direction:column;gap:29px;display:flex}.tool-group__head{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:8px;display:flex}.tool-group__icon{background:var(--surface-2);width:23px;height:23px;color:var(--accent-strong);border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:.78rem;line-height:1;display:inline-grid}.tool-group__head h3{font-size:.86rem;font-weight:700;line-height:1.5}.tool-group__head p{color:var(--muted);margin-top:1px;font-size:.7rem;line-height:1.5}.tool-group__count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.68rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:11px;display:grid}.tool-card{--tool-accent:var(--accent);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;transition:transform .17s var(--ease), border-color .17s ease, box-shadow .17s ease;flex-direction:column;padding:14px 15px 13px;display:flex;position:relative}.tool-card:before{content:"";background:var(--tool-accent);opacity:0;border-radius:0 2px 2px 0;width:2px;height:18px;transition:opacity .17s;position:absolute;top:14px;left:-1px}.tool-card:hover{border-color:color-mix(in srgb, var(--tool-accent) 34%, var(--line));box-shadow:var(--shadow-md)}.tool-card:hover:before{opacity:.85}.tool-card__hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.tool-card__hit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tool-card__top{align-items:center;gap:9px;min-width:0;display:flex}.tool-icon{border:1px solid color-mix(in srgb, var(--tool-accent,var(--accent)) 20%, var(--line-strong));background:color-mix(in srgb, var(--tool-accent,var(--accent)) 9%, var(--surface));width:38px;height:38px;color:color-mix(in srgb, var(--tool-accent,var(--accent)) 64%, var(--ink));border-radius:10px;flex:none;place-items:center;font-size:.95rem;font-weight:720;line-height:1;display:inline-grid}:root[data-theme=dark] .tool-icon{border-color:color-mix(in srgb, var(--tool-accent,var(--accent)) 28%, var(--line-strong));background:color-mix(in srgb, var(--tool-accent,var(--accent)) 15%, var(--surface));color:color-mix(in srgb, var(--tool-accent,var(--accent)) 58%, var(--ink))}.tool-icon--small{border-radius:8px;width:30px;height:30px;font-size:.78rem}.tool-logo{border-color:var(--line-strong);color:#625c52;background:#fff;padding:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #231e1806}:root[data-theme=dark] .tool-logo{color:#514c43;background:#f4f4f1;border-color:#ffffff29}:root[data-theme=dark] .tool-logo--with-dark{color:#d8d6d1;background:#26272d;border-color:#ffffff24}.tool-logo__img{object-fit:contain;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.tool-logo__img--dark,:root[data-theme=dark] .tool-logo--with-dark .tool-logo__img--light{display:none}:root[data-theme=dark] .tool-logo--with-dark .tool-logo__img--dark{display:block}.tool-logo__fallback{width:100%;height:100%;font-size:inherit;place-items:center;font-weight:720;line-height:1;display:inline-grid}.tool-logo__fallback--dark,:root[data-theme=dark] .tool-logo__fallback--light{display:none}:root[data-theme=dark] .tool-logo__fallback--dark{display:inline-grid}.tool-logo.tool-icon--small{padding:4px}.tool-logo.tool-icon--small .tool-logo__img{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.tool-card__title-wrap{flex:1;min-width:0}.tool-card__title-row{align-items:center;gap:5px;min-width:0;display:flex}.tool-card__title-row h3{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.feature-spark{color:var(--accent);flex:none;place-items:center;display:inline-grid}.tool-card__category{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.favorite-button{z-index:2;width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:inline-grid;position:relative}.favorite-button:hover{background:var(--accent-soft);color:var(--accent-strong)}.favorite-button.is-active{color:var(--accent)}.tool-card__tagline{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-card__tags{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.tag{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:5px;padding:1px 7px;font-size:.64rem;line-height:1.6}.tag--demo{border-color:color-mix(in srgb, var(--accent) 22%, transparent);background:var(--accent-soft);color:var(--accent-strong)}.tool-card__meta{color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:11px;font-size:.65rem;display:flex}.price{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:1px 7px;font-size:.63rem;font-weight:600;line-height:1.65;display:inline-flex}.price--open{background:var(--green-soft);color:var(--green)}.price--free{background:var(--blue-soft);color:var(--blue)}.price--freemium{background:var(--amber-soft);color:var(--amber)}.price--paid{background:var(--surface-2);color:var(--ink-soft)}.platform-list{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.platform{color:var(--muted);white-space:nowrap}.platform+.platform:before{content:"·";opacity:.55;margin-right:4px}.quick-copy{z-index:2;min-height:24px;color:var(--muted);border-radius:5px;align-items:center;gap:3px;margin-left:auto;padding:1px 6px;font-size:.64rem;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.quick-copy:hover{background:var(--accent-soft);color:var(--accent-strong)}.quick-detail{color:var(--muted);align-items:center;gap:2px;margin-left:auto;font-size:.64rem;display:inline-flex}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 55%, transparent);text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.empty-state__icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-strong);border-radius:50%;place-items:center;display:inline-grid}.empty-state h3{margin-top:14px;font-size:1.02rem;font-weight:700}.empty-state p{max-width:380px;color:var(--muted);margin-top:6px;font-size:.8rem;line-height:1.65}.empty-state .button{margin-top:18px}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;padding:4px 0 18px;font-size:.72rem;display:flex}.breadcrumb a{border-radius:4px;align-items:center;gap:3px;transition:color .15s;display:inline-flex}.breadcrumb a:hover{color:var(--accent-strong)}.breadcrumb span[aria-current=page]{color:var(--ink-soft);font-weight:600}.tool-detail-hero{border-bottom:1px solid var(--line);align-items:flex-start;gap:clamp(16px,2.6vw,26px);padding:10px 0 28px;display:flex}.tool-detail-hero__icon{border-radius:16px;flex:none;width:64px;height:64px;padding:8px;font-size:1.5rem}.tool-detail-hero__icon .tool-logo__img{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}.tool-detail-hero__body{flex:1;min-width:0}.tool-detail-hero__meta{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.category-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.68rem;transition:border-color .15s,color .15s;display:inline-flex}.category-pill:hover{border-color:var(--accent);color:var(--accent-strong)}.featured-pill{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.68rem;font-weight:650;display:inline-flex}.tool-detail-hero h1{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:600;line-height:1.15}.tool-detail-hero__tagline{max-width:62ch;color:var(--ink-soft);margin-top:8px;font-size:clamp(.98rem,1.35vw,1.1rem);font-weight:600;line-height:1.62}.tool-detail-hero__actions{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.favorite-detail.is-active{color:var(--accent-strong);background:var(--accent-soft)}.tool-detail-grid{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:28px;margin-top:24px;display:grid}.tool-detail-main{flex-direction:column;gap:12px;min-width:0;display:flex}.tool-demo-callout{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.tool-demo-callout__art{border-right:1px solid var(--line);background:var(--surface-2);flex:none;width:196px;min-height:158px;position:relative;overflow:hidden}.tool-demo-callout__body{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:20px 22px;display:flex}.principle-badge{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.05em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.tool-demo-callout h3{margin-top:2px;font-size:1rem;font-weight:700}.tool-demo-callout p{max-width:56ch;color:var(--muted);font-size:.8rem;line-height:1.7}.tool-demo-callout .text-link{margin-top:5px}.detail-section{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:21px 23px}.detail-section>h2{letter-spacing:-.006em;margin-bottom:12px;font-size:1.04rem;font-weight:700}.detail-section--intro>h2{margin-bottom:9px}.detail-prose{max-width:none;color:var(--ink-soft);font-size:.94rem;line-height:1.85}.detail-section__heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.detail-section__heading h2{letter-spacing:-.006em;font-size:1.04rem;font-weight:700}.copy-button{border:1px solid var(--line);background:var(--bg-elevated);min-height:30px;color:var(--ink-soft);border-radius:7px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;transition:border-color .15s,color .15s;display:inline-flex}.copy-button:hover{border-color:var(--accent);color:var(--accent-strong)}.install-command{border:1px solid var(--line);background:var(--surface-2);max-width:100%;color:var(--ink);overscroll-behavior-x:contain;white-space:pre;tab-size:2;border-radius:9px;padding:14px 16px;font-size:.8rem;line-height:1.65;overflow-x:auto}.detail-note{color:var(--muted);margin-top:9px;font-size:.7rem;line-height:1.6}.detail-paragraph{max-width:68ch;color:var(--ink-soft);font-size:.9rem;line-height:1.8}.detail-list{flex-direction:column;gap:10px;list-style:none;display:flex}.detail-list li{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.72;display:flex}.detail-list__mark{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-strong);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:inline-grid}.detail-list--highlights .detail-list__mark{background:var(--green-soft);color:var(--green)}.tool-detail-aside{flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky;top:84px}.fact-card,.tag-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:17px 18px}.fact-card h2,.tag-panel h2{color:var(--ink);letter-spacing:.02em;text-transform:none;margin-bottom:11px;font-size:.82rem;font-weight:700}.fact-card dl{flex-direction:column;gap:9px;display:flex}.fact-card dl>div{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.fact-card dt{color:var(--muted);font-size:.7rem}.fact-card dd{overflow-wrap:anywhere;color:var(--ink-soft);font-size:.75rem}.fact-card dd a{color:var(--ink);align-items:center;gap:3px;transition:color .15s;display:inline-flex}.fact-card dd a:hover{color:var(--accent-strong)}.fact-card__note{border-top:1px solid var(--line);color:var(--muted);margin-top:13px;padding-top:11px;font-size:.66rem;line-height:1.6}.fact-card__tags{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.fact-card__tags h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.66rem;font-weight:700}.fact-card__tags .tool-card__tags,.tag-panel .tool-card__tags{margin-top:0}.related-section{margin-top:36px}.related-section .section-heading{margin-bottom:13px}.related-section .section-heading h2{font-family:var(--font-sans);font-size:1.05rem;font-weight:700}.related-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px;display:grid}.related-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:10px;min-width:0;padding:11px 13px;transition:border-color .16s,box-shadow .16s;display:flex}.related-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.related-item__arrow{color:var(--muted);flex:none;transition:color .16s}.related-item:hover .related-item__arrow{color:var(--accent-strong)}.related-item__body{flex-direction:column;flex:1;min-width:0;display:flex}.related-item__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.related-item__body span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.related-item__meta{color:var(--muted);flex:none;font-size:.66rem}.demos-page__heading{max-width:700px}.demo-grid--page{margin-top:3px}.demo-page-note{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 65%, transparent);justify-content:space-between;align-items:flex-start;gap:24px;margin-top:24px;padding:18px 20px;display:flex}.demo-page-note p{max-width:700px;color:var(--muted);font-size:.78rem;line-height:1.68}.demo-page-note strong{color:var(--ink);margin-bottom:2px;font-size:.8rem;display:block}.demo-page-note .text-link{margin-top:2px}.demo-page__header{max-width:800px;padding:6px 0 22px}.demo-page__meta{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.demo-kind-badge{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.62rem;font-weight:650;display:inline-flex}.demo-page__header h1{font-family:var(--font-display);letter-spacing:-.022em;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:600}.demo-page__header>p{max-width:700px;color:var(--ink-soft);margin-top:8px;font-size:.86rem;line-height:1.7}.demo-page__tools{flex-wrap:wrap;align-items:center;gap:6px;margin-top:13px;display:flex}.demo-page__tools-label{color:var(--muted);margin-right:2px;font-size:.68rem}.tool-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.7rem;transition:border-color .15s,color .15s;display:inline-flex}.tool-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.tool-chip__icon{color:color-mix(in srgb, var(--chip-accent,var(--accent)) 64%, var(--ink));display:inline-flex}.tool-chip__logo{border-radius:5px;flex:none;width:20px;height:20px;padding:2px}.tool-chip__logo .tool-logo__img{width:calc(100% - 4px);height:calc(100% - 4px);inset:2px}.demo-disclaimer{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:22px;margin-top:20px;padding:20px 22px;display:grid}.demo-disclaimer h2{margin-top:3px;font-size:.98rem;font-weight:700}.demo-disclaimer>p{color:var(--muted);font-size:.76rem;line-height:1.68}.demo-disclaimer .text-link{margin-top:2px}.demo-page__footer-links{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.demo-workspace{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md);padding:clamp(15px,2.4vw,24px)}.demo-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.demo-toolbar h2{margin-top:4px;font-size:clamp(.98rem,1.7vw,1.18rem);font-weight:700}.demo-live-badge{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.06em;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.61rem;font-weight:700;display:inline-flex}.demo-control-label{color:var(--muted);letter-spacing:.04em;margin-bottom:7px;font-size:.68rem;font-weight:650}.range-field{flex-direction:column;gap:5px;display:flex}.range-field>span{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;font-weight:600;display:flex}.range-field output{color:var(--accent-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.72rem}.range-field input[type=range]{width:100%;height:22px;accent-color:var(--accent);cursor:pointer;margin:0}.range-field small{color:var(--muted);font-size:.65rem;line-height:1.5}.segmented{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;flex-wrap:wrap;gap:2px;min-width:0;max-width:100%;padding:3px;display:flex}.segmented button{min-height:29px;color:var(--muted);border-radius:6px;padding:3px 13px;font-size:.72rem;font-weight:600;transition:background-color .14s,color .14s}.lab-code,.lab-code>div,.lab-code pre,.lab-code code{min-width:0;max-width:100%}.lab-code code{width:max-content;min-width:100%;display:block}.lab-code pre{overflow-x:auto}.lab-editor-grid>*,.lab-stage>*{min-width:0;max-width:100%}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.spring-layout{grid-template-columns:minmax(0,1fr) 286px;gap:20px;display:grid}.spring-stage{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%, transparent 0%, transparent 58%, color-mix(in srgb, var(--accent) 3%, transparent) 100%), var(--surface-2);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;min-height:356px;position:relative;overflow:hidden}.spring-stage.is-dragging{cursor:grabbing}.spring-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spring-grid{background-image:radial-gradient(var(--line-strong) .8px, transparent .8px);opacity:.6;pointer-events:none;background-size:23px 23px;position:absolute;inset:0}.spring-stage .spring-target{border:1px dashed var(--accent);pointer-events:none;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%)}.spring-stage .spring-target i{background:var(--accent);border-radius:50%;width:6px;height:6px}.spring-stage .spring-ball{background:radial-gradient(circle at 33% 28%, #fff7f2 0%, var(--accent) 52%, var(--accent-strong) 100%);width:32px;height:32px;box-shadow:0 6px 16px -6px color-mix(in srgb, var(--accent) 75%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent-strong) 20%, transparent);will-change:left, top;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.spring-hint{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.63rem;display:inline-flex;position:absolute;bottom:13px;left:13px}.spring-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:15px;min-width:0;padding:15px;display:flex}.preset-row{flex-wrap:wrap;gap:4px;display:flex}.preset-row .filter-chip{border-color:var(--line);background:var(--surface)}.spring-controls .demo-caption{border-top:1px solid var(--line);margin-top:auto;padding-top:11px}.chart-layout{grid-template-columns:minmax(0,1fr) 272px;gap:20px;display:grid}.chart-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);min-width:0;padding:17px}.chart-card__head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.chart-card__eyebrow{color:var(--muted);letter-spacing:.04em;font-size:.66rem}.chart-card__head h3{margin-top:2px;font-size:.94rem;font-weight:700}.chart-card__tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.63rem}.chart-canvas{width:100%;min-width:0;padding:4px 0}.chart-canvas svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line line{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.chart-grid-line text,.chart-axis-label{fill:var(--muted);font-family:var(--font-sans);font-size:11.5px}.chart-bar{fill:var(--accent);opacity:.82;transform-box:fill-box;transform-origin:bottom;animation:chart-rise .55s var(--ease) both}.chart-line{stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.chart-area{opacity:.9}.chart-dot{fill:var(--bg-elevated);stroke:var(--accent);stroke-width:2.6px;animation:dot-in .45s var(--ease) both}.chart-stats{border:1px solid var(--line);background:var(--line);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:10px;display:grid;overflow:hidden}.chart-stats>div{background:var(--surface);flex-direction:column;gap:1px;padding:9px 11px;display:flex}.chart-stats span{color:var(--muted);font-size:.63rem}.chart-stats strong{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.chart-table{color:var(--muted);margin-top:10px;font-size:.7rem}.chart-table summary{cursor:pointer;width:fit-content;color:var(--ink-soft);font-size:.7rem;list-style:none}.chart-table summary::-webkit-details-marker{display:none}.chart-table summary:before{content:"+ ";color:var(--accent)}.chart-table[open] summary:before{content:"− "}.chart-table table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.7rem}.chart-table caption{text-align:left;padding:4px 0 7px}.chart-table th,.chart-table td{border-bottom:1px solid var(--line);text-align:left;padding:5px 8px}.chart-table th{color:var(--ink-soft);font-weight:600}.chart-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:16px;min-width:0;padding:15px;display:flex}.chart-dataset-list{flex-direction:column;gap:5px;display:flex}.chart-dataset{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink-soft);text-align:left;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;transition:border-color .14s,background-color .14s;display:flex}.chart-dataset span{font-size:.75rem;font-weight:650}.chart-dataset small{color:var(--muted);font-size:.64rem;line-height:1.5}.chart-dataset:hover{border-color:var(--line-strong)}.chart-dataset.is-active{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:var(--accent-soft)}.chart-dataset.is-active span{color:var(--accent-strong)}.chart-notes{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:4px;padding-top:12px;font-size:.68rem;line-height:1.55;list-style:none;display:flex}.chart-notes li:before{content:"→";color:var(--accent);margin-right:6px}.gradient-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:20px;display:grid}.gradient-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:#f4b183;min-height:388px;position:relative;overflow:hidden}.gradient-preview:after{content:"";opacity:.45;mix-blend-mode:soft-light;pointer-events:none;background-image:radial-gradient(#ffffff38 .8px,#0000 .8px);background-size:19px 19px;position:absolute;inset:0}.gradient-preview__label{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18141275;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;padding:10px 14px;display:flex;position:absolute;bottom:18px;left:18px}.gradient-preview__label span{font-family:var(--font-mono);letter-spacing:.08em;opacity:.78;font-size:.62rem}.gradient-preview__label strong{letter-spacing:.02em;font-size:1rem;font-weight:700}.gradient-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:16px;min-width:0;padding:17px;display:flex}.color-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-field{color:var(--ink-soft);flex-direction:column;gap:5px;font-size:.75rem;font-weight:600;display:flex}.color-field__input{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:3px 9px 3px 4px;display:flex}.color-field__input input[type=color]{cursor:pointer;appearance:none;background:0 0;border:none;border-radius:6px;width:30px;height:30px;padding:0;overflow:hidden}.color-field__input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field__input input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:5px}.color-field__input input[type=color]::-moz-color-swatch{border:1px solid var(--line);border-radius:5px}.color-field__input code{color:var(--ink-soft);font-size:.68rem}.gradient-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gradient-swatch{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink-soft);border-radius:8px;align-items:center;gap:7px;padding:3px 9px 3px 4px;font-size:.7rem;transition:border-color .15s;display:flex}.gradient-swatch:hover{border-color:var(--accent)}.gradient-swatch>span{border-radius:5px;flex:none;width:25px;height:25px}.gradient-code{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;padding:8px 9px;display:flex}.gradient-code code{overflow-wrap:anywhere;color:var(--ink-soft);flex:1;font-size:.65rem;line-height:1.5}.gradient-code__copy{width:27px;height:27px;color:var(--muted);border-radius:6px;flex:none;place-items:center;transition:background-color .14s,color .14s;display:inline-grid}.gradient-code__copy:hover{background:var(--surface);color:var(--accent-strong)}.gradient-controls .demo-caption{border-top:1px solid var(--line);margin-top:auto;padding-top:11px}.kanban-help{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:7px 10px;font-size:.7rem;line-height:1.5;display:flex}.kanban-help svg{color:var(--accent);flex:none}.kanban-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.kanban-column{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elevated);flex-direction:column;min-width:0;min-height:244px;padding:10px;transition:border-color .15s,background-color .15s;display:flex}.kanban-column.is-over{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-soft)}.kanban-column__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;padding:0 2px;display:flex}.kanban-column__head h3{font-size:.76rem;font-weight:700}.kanban-column__head span{background:var(--surface-2);min-width:19px;height:19px;color:var(--muted);border-radius:999px;place-items:center;padding:0 5px;font-size:.62rem;display:inline-grid}.kanban-column__cards{flex-direction:column;flex:1;gap:7px;display:flex}.kanban-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);cursor:grab;border-radius:9px;padding:9px 10px;transition:opacity .15s,border-color .15s,box-shadow .15s}.kanban-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.kanban-card.is-dragging{opacity:.42;cursor:grabbing;border-style:dashed}.kanban-card__top{color:var(--muted);align-items:center;gap:5px;display:flex}.kanban-card__tag{background:var(--surface-2);border-radius:4px;padding:0 6px;font-size:.6rem;line-height:1.7}.kanban-card>p{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-size:.76rem;font-weight:600;line-height:1.5}.kanban-card__moves{border-top:1px solid var(--line);justify-content:space-between;gap:4px;margin-top:8px;padding-top:6px;display:flex}.kanban-card__moves button{min-height:26px;color:var(--muted);border-radius:5px;align-items:center;gap:2px;padding:2px 5px;font-size:.61rem;transition:background-color .14s,color .14s;display:inline-flex}.kanban-card__moves button:not(:disabled):hover{background:var(--accent-soft);color:var(--accent-strong)}.kanban-card__moves button:disabled{opacity:.3}.kanban-empty{border:1px dashed var(--line-strong);min-height:64px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:10px;font-size:.66rem;display:grid}.kanban-demo>.demo-caption{margin-top:12px}.particles-layout{grid-template-columns:minmax(0,1fr) 272px;gap:20px;display:grid}.particles-stage{--particle-color:var(--accent);border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 55%), var(--surface-2);touch-action:none;height:412px;position:relative;overflow:hidden}.particles-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.particles-overlay{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:5px 9px;font-size:.62rem;display:flex;position:absolute;inset:auto 12px 12px}.particles-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:16px;min-width:0;padding:15px;display:flex}.particles-notes{color:var(--muted);flex-direction:column;gap:5px;font-size:.68rem;line-height:1.55;list-style:none;display:flex}.particles-notes li:before{content:"·";color:var(--accent);margin-right:6px;font-weight:700}.particles-controls .demo-caption{border-top:1px solid var(--line);margin-top:auto;padding-top:11px}.markdown-actions{flex-wrap:wrap;gap:3px;display:flex}.markdown-layout{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.markdown-pane{flex-direction:column;min-width:0;display:flex}.markdown-pane--editor{border-right:1px solid var(--line)}.markdown-pane__head{border-bottom:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:.65rem;display:flex}.markdown-pane__head label{color:var(--ink-soft);font-weight:650}.markdown-pane--editor textarea{resize:vertical;background:var(--surface);width:100%;min-height:420px;color:var(--ink);font-family:var(--font-mono);tab-size:2;border:none;outline:none;flex:1;padding:15px 16px;font-size:.74rem;line-height:1.75}.markdown-pane--editor textarea::placeholder{color:var(--muted)}.markdown-preview{min-height:420px;max-height:540px;color:var(--ink-soft);overflow-wrap:anywhere;padding:16px 19px 24px;font-size:.78rem;line-height:1.75;overflow:auto}.markdown-preview>*+*{margin-top:.8em}.markdown-preview h2{color:var(--ink);font-family:var(--font-display);margin-top:.2em;font-size:1.3rem;font-weight:600}.markdown-preview h3{color:var(--ink);margin-top:1.1em;font-size:1.02rem}.markdown-preview h4,.markdown-preview h5{color:var(--ink);font-size:.9rem}.markdown-preview ul,.markdown-preview ol{padding-left:1.35em}.markdown-preview li+li{margin-top:.2em}.markdown-preview li::marker{color:var(--accent)}.markdown-preview strong{color:var(--ink)}.markdown-preview a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 38%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 38%, transparent);text-underline-offset:2px}.markdown-preview a:hover{text-decoration-color:currentColor}.markdown-preview code{border:1px solid var(--line);background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:.72rem}.markdown-preview blockquote{border-left:2px solid var(--accent);background:var(--accent-soft);color:var(--ink-soft);border-radius:0 4px 4px 0;margin-left:0;padding:5px 12px}.markdown-preview hr{border:none;border-top:1px solid var(--line)}.markdown-preview .md-code-block{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin-top:.9em;padding:13px 14px;position:relative}.markdown-preview .md-code-block pre{margin:0;overflow-x:auto}.markdown-preview .md-code-block code{color:var(--ink);white-space:pre;background:0 0;border:none;padding:0;font-size:.71rem;line-height:1.7}.md-code-lang{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.59rem;position:absolute;top:6px;right:9px}.markdown-preview__empty{color:var(--muted);font-size:.76rem}.markdown-security{border:1px solid var(--line);background:var(--green-soft);color:var(--ink-soft);border-radius:9px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:.68rem;line-height:1.6;display:flex}.markdown-security svg{color:var(--green);flex:none;margin-top:1px}.markdown-security code{font-size:.64rem}.demo-thumb{background:radial-gradient(circle at 78% 18%, var(--accent-soft), transparent 54%), linear-gradient(150deg, var(--surface-2), color-mix(in srgb, var(--surface-2) 52%, var(--surface)));position:absolute;inset:0;overflow:hidden}.demo-thumb:before{content:"";background-image:radial-gradient(var(--line-strong) .65px, transparent .65px);opacity:.38;background-size:15px 15px;position:absolute;inset:0}.demo-thumb--spring .spring-orbit{border:1px dashed color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%)}.demo-thumb--spring .spring-orbit--one{width:92px;height:92px}.demo-thumb--spring .spring-orbit--two{opacity:.55;width:152px;height:152px}.demo-thumb--spring .spring-ball{background:radial-gradient(circle at 32% 28%, #fff6f1, var(--accent) 55%, var(--accent-strong));width:22px;height:22px;box-shadow:0 8px 20px -9px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:50%;animation:4.4s ease-in-out infinite thumb-float;position:absolute;top:40%;left:52%}.demo-thumb--spring .spring-line{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 50%, transparent));width:54px;height:1px;position:absolute;top:48%;left:28%;transform:rotate(-14deg)}.demo-thumb--chart{display:block}.mini-chart-axis{background:var(--line-strong);height:1px;position:absolute;bottom:27px;left:20px;right:20px}.mini-bar{width:13%;height:var(--bar-height);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 72%, transparent), var(--accent));opacity:.85;border-radius:4px 4px 2px 2px;max-height:96px;position:absolute;bottom:28px}.mini-bar:nth-child(2){left:21%}.mini-bar:nth-child(3){left:36%}.mini-bar:nth-child(4){left:51%}.mini-bar:nth-child(5){left:66%}.mini-bar:nth-child(6){left:81%}.mini-chart-line{width:calc(100% - 30px);height:96px;position:absolute;bottom:24px;left:15px;right:15px;overflow:visible}.mini-chart-line polyline{stroke:color-mix(in srgb, var(--ink) 55%, transparent);stroke-width:1.6px;stroke-dasharray:3 4;stroke-linecap:round}.demo-thumb--gradient{background:linear-gradient(132deg,#f4b183,#e86448 55%,#a84a55)}.demo-thumb--gradient:before{opacity:.18;background-image:radial-gradient(#ffffff73 .7px,#0000 .7px)}.demo-thumb--gradient .gradient-orb{background:radial-gradient(circle at 32% 28%,#ffffffb8,#ffffff0a 62%);border:1px solid #ffffff47;border-radius:50%;width:88px;height:88px;position:absolute;top:25%;left:58%;box-shadow:0 0 0 22px #ffffff0d}.demo-thumb--gradient .gradient-code{color:#ffffffe0;font-family:var(--font-mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18121057;border:1px solid #ffffff3d;border-radius:5px;padding:3px 8px;font-size:.6rem;position:absolute;bottom:14px;left:14px}.demo-thumb--kanban{align-items:flex-start;gap:7px;padding:27px 20px;display:flex}.mini-lane{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 64%, transparent);border-radius:7px;flex-direction:column;flex:1;gap:5px;min-height:94px;padding:7px;display:flex}.mini-lane i{border:1px solid var(--line);background:var(--surface);border-radius:4px;height:17px;display:block}.mini-lane--0 i:last-child{width:78%}.mini-lane--1 i:last-child{width:86%}.mini-lane--2{min-height:70px}.mini-lane i.is-dragging{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 5px 14px -8px var(--accent);transform:rotate(-2.5deg)translate(3px)}.demo-thumb--particles{background:radial-gradient(circle at 48% 50%, var(--accent-soft), transparent 48%), var(--surface-2)}.particle-attractor{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:72px;height:72px;box-shadow:0 0 0 18px color-mix(in srgb, var(--accent) 5%, transparent), 0 0 0 38px color-mix(in srgb, var(--accent) 3%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-particle{background:var(--accent);opacity:.72;border-radius:50%;width:3px;height:3px;animation:3.2s ease-in-out infinite particle-pulse;position:absolute;transform:translate(-50%,-50%)}.demo-thumb--markdown{padding:28px 34px}.mini-md-line{background:color-mix(in srgb, var(--ink) 13%, transparent);border-radius:3px;width:100%;height:5px;margin-top:8px;display:block;position:relative}.mini-md-line--heading{background:color-mix(in srgb, var(--ink) 35%, transparent);width:52%;height:9px;margin-top:0}.mini-md-line--short{width:68%}.mini-md-code{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-soft);border-radius:6px;flex-direction:column;gap:5px;margin-top:12px;padding:9px 10px;display:flex}.mini-md-code i{background:color-mix(in srgb, var(--accent) 46%, transparent);border-radius:2px;width:74%;height:4px;display:block}.mini-md-code i:last-child{width:46%}.modal-backdrop{z-index:210;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17130f80;justify-content:center;align-items:center;padding:24px;animation:.18s both fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop--search{align-items:flex-start;padding-top:clamp(40px,11vh,120px)}.search-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--bg-elevated);width:min(670px,100%);max-height:min(660px,84vh);box-shadow:var(--shadow-overlay);animation:dialog-in .22s var(--ease) both;flex-direction:column;display:flex;overflow:hidden}.search-dialog__field{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:10px 12px 10px 17px;display:flex}.search-dialog__field>svg{color:var(--accent);flex:none}.search-dialog__field input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:.97rem}.search-dialog__field input::placeholder{color:var(--muted)}.search-dialog__clear{width:25px;height:25px;color:var(--muted);border-radius:5px;flex:none;place-items:center;display:inline-grid}.search-dialog__clear:hover{background:var(--surface-2);color:var(--ink)}.search-dialog__esc{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:.6rem}.search-dialog__close{width:32px;height:32px;display:none}.search-dialog__body{min-height:0;padding:14px 12px 15px;overflow-y:auto}.search-dialog__label{color:var(--muted);letter-spacing:.09em;padding:0 5px;font-size:.65rem;font-weight:700}.search-suggestions{margin-bottom:17px}.search-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px;display:grid}.search-category{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink-soft);text-align:left;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:.68rem;transition:border-color .14s,color .14s;display:flex}.search-category:hover{border-color:var(--accent);color:var(--accent-strong)}.search-category span{color:var(--accent-strong);flex:none;align-items:center;display:inline-flex}.search-results-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.search-results-head>span{color:var(--muted);font-size:.62rem}.search-result{width:100%;color:var(--ink-soft);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px 9px;transition:background-color .1s;display:flex}.search-result.is-active,.search-result:hover{background:var(--accent-soft)}.search-result__logo{border-radius:8px;flex:none;width:32px;height:32px}.search-result__text{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.search-result__text strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:700;overflow:hidden}.search-result__text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.search-result__category{color:var(--muted);flex:none;font-size:.62rem}.search-result__arrow{color:var(--accent);opacity:0;flex:none;transition:opacity .12s}.search-result.is-active .search-result__arrow,.search-result:hover .search-result__arrow{opacity:1}.search-empty{text-align:center;padding:30px 20px}.search-empty p{color:var(--ink-soft);font-size:.82rem;font-weight:600}.search-empty span{color:var(--muted);margin-top:3px;font-size:.72rem;display:block}.search-dialog__foot{border-top:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;display:flex}.search-dialog__hint{color:var(--muted);align-items:center;gap:4px;font-size:.62rem;display:flex}.search-dialog__hint kbd{border:1px solid var(--line);background:var(--bg-elevated);min-width:18px;height:18px;color:var(--ink-soft);border-radius:4px;place-items:center;margin-left:3px;padding:0 3px;font-size:.58rem;display:inline-grid}.search-dialog__all{color:var(--ink-soft);align-items:center;gap:4px;font-size:.7rem;font-weight:650;display:inline-flex}.search-dialog__all:hover{color:var(--accent-strong)}.toast-region{z-index:300;pointer-events:none;justify-content:center;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);background:var(--ink);max-width:100%;color:var(--bg-elevated);box-shadow:var(--shadow-lg);animation:toast-in .22s var(--ease) both;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;font-weight:600;display:flex}.toast svg{color:var(--accent);flex:none}.toast--error{color:#fff5f0;background:#7d2c1d;border-color:#ffffff24}:root[data-theme=dark] .toast{color:#1b1c20;background:#f1ece3}:root[data-theme=dark] .toast--error{color:#fff6f1;background:#8e2f21}:root[data-theme=dark] .toast svg{color:var(--accent-strong)}.startup-screen{background:radial-gradient(circle at 50% 22%, var(--accent-soft), transparent 38%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 22px;display:flex}.startup-screen__brand{margin-bottom:28px}.startup-status{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:14px 20px;display:flex}.startup-status p{color:var(--ink);font-size:.84rem;font-weight:650}.startup-status div>span{color:var(--muted);margin-top:1px;font-size:.69rem;display:block}.startup-status__spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite spin}.startup-skeleton{grid-template-columns:repeat(3,1fr);gap:11px;width:min(760px,100%);margin-top:25px;display:grid}.startup-skeleton__card{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 65%, transparent);flex-direction:column;gap:8px;padding:14px;display:flex}.startup-skeleton__card i,.startup-skeleton__card span{background:var(--surface-2);border-radius:4px;height:7px;animation:1.5s ease-in-out infinite skeleton;display:block}.startup-skeleton__card i{border-radius:9px;width:36px;height:36px;margin-bottom:2px}.startup-skeleton__card span:nth-child(2){width:58%;height:10px}.startup-skeleton__card span:nth-child(3){width:92%}.startup-skeleton__card span:nth-child(4){width:74%}.startup-error{text-align:center;flex-direction:column;align-items:center;max-width:480px;display:flex}.startup-error__icon{background:var(--accent-soft);width:50px;height:50px;color:var(--accent-strong);border-radius:50%;place-items:center;margin-bottom:14px;display:inline-grid}.startup-error h1{font-family:var(--font-display);margin-top:6px;font-size:clamp(1.65rem,3.5vw,2.2rem);font-weight:600}.startup-error>p:not(.eyebrow){color:var(--ink-soft);margin-top:8px;font-size:.84rem;line-height:1.65}.startup-error .button{margin-top:18px}.startup-error small{color:var(--muted);margin-top:11px;font-size:.68rem}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--sidebar-bg) 58%, transparent);margin-top:auto;padding:26px clamp(22px,3.8vw,52px) 24px}.site-footer__top{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.site-footer__brand p{color:var(--muted);margin-top:8px;font-size:.7rem}.site-footer__nav{flex-wrap:wrap;gap:6px 18px;padding-top:5px;display:flex}.site-footer__nav a,.site-footer__nav button{color:var(--muted);font-size:.72rem;transition:color .15s}.site-footer__nav a:hover,.site-footer__nav button:hover{color:var(--accent-strong)}.site-footer__bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:22px;padding-top:14px;display:flex}.site-footer__bottom p{color:var(--muted);align-items:center;gap:5px;font-size:.65rem;display:flex}.site-footer__bottom svg{color:var(--accent)}.notfound-page{flex-direction:column;justify-content:center;align-items:flex-start;max-width:760px;min-height:58vh;padding-top:60px;padding-bottom:80px;display:flex}.notfound-page__mark{color:color-mix(in srgb, var(--accent) 22%, transparent);font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(4rem,10vw,7rem);font-weight:600;line-height:.9}.notfound-page .eyebrow{margin-top:18px}.notfound-page h1{font-family:var(--font-display);margin-top:6px;font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:600}.notfound-page>p:not(.eyebrow){max-width:480px;color:var(--muted);margin-top:8px;font-size:.84rem;line-height:1.7}.notfound-page__actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%,to{opacity:.6}50%{opacity:1}}@keyframes chart-rise{0%{opacity:0;transform:scaleY(.2)}to{opacity:.82;transform:scaleY(1)}}@keyframes dot-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes thumb-float{0%,to{transform:translate(0)}42%{transform:translate(-20px,14px)}70%{transform:translate(-9px,4px)}}@keyframes particle-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.25)}}@media (width<=1180px){:root{--sidebar-width:224px}.topbar__inner{gap:14px}.search-trigger{width:min(360px,32vw)}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}@media (width<=1020px){.spring-layout,.chart-layout,.particles-layout{grid-template-columns:minmax(0,1fr)}.spring-controls,.chart-controls,.particles-controls{grid-template-columns:1fr 1fr;align-items:start;display:grid}.spring-controls .demo-caption,.chart-controls .demo-caption,.particles-controls .demo-caption{border-top:0;grid-column:1/-1;margin-top:0;padding-top:0}.chart-controls>div:first-child{grid-row:span 2}.chart-notes{border-top:0;padding-top:0}.gradient-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}.gradient-preview{min-height:360px}}@media (width<=960px){:root{--sidebar-width:0px}.sidebar{display:none}.main-shell{margin-left:0}.topbar__menu{display:inline-grid}.topbar__context{display:none}.topbar__mobile-brand{display:inline-flex}.topbar__leading,.topbar__actions{flex:none}.topbar__inner{justify-content:space-between;gap:12px}.search-trigger{width:min(380px,40vw);margin:0 auto}.page{padding-top:24px}.tool-detail-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}}@media (width<=860px){.tool-detail-grid{grid-template-columns:minmax(0,1fr)}.tool-detail-aside{grid-template-columns:1.15fr .85fr;align-items:start;gap:11px;display:grid;position:static}.markdown-layout{grid-template-columns:1fr}.markdown-pane--editor{border-right:none;border-bottom:1px solid var(--line)}.markdown-pane--editor textarea{min-height:280px}.markdown-preview{min-height:260px;max-height:420px}.gradient-layout{grid-template-columns:minmax(0,1fr)}.gradient-preview{min-height:320px}.gradient-controls{grid-template-columns:1fr 1fr;align-items:start;display:grid}.gradient-controls>div:last-of-type,.gradient-controls .demo-caption{grid-column:1/-1}.gradient-controls .demo-caption{border-top:0;margin-top:0;padding-top:0}.demo-disclaimer{grid-template-columns:minmax(0,1fr) auto;gap:8px 20px}.demo-disclaimer>div{grid-column:1/-1}.demo-disclaimer>div .eyebrow{display:none}.demo-disclaimer h2{margin-top:0}.tool-demo-callout__art{width:162px}.site-footer__top{flex-direction:column;gap:16px}}@media (width<=720px){.page{padding:20px 18px 46px}.topbar__inner{padding:0 14px}.hero{border-radius:var(--radius-lg);padding:20px 18px}.hero:after{width:220px;height:220px;top:-130px;right:-100px}.hero__eyebrow{margin-bottom:8px}.hero h1{font-size:clamp(1.75rem,6.2vw,2.2rem);line-height:1.1}.hero__lede{margin-top:8px;font-size:.86rem;line-height:1.6}.hero__actions{margin-top:13px}.hero__stats{margin-top:15px;padding-top:9px}.hero__note{margin-top:7px}.hero__stats>div{margin-right:15px;padding-right:15px}.hero__stats>div:nth-child(3){border-right:0;margin-right:0;padding-right:0}.section-heading{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:10px}.home-section{margin-top:26px}.browse-heading{padding-bottom:12px}.browse-heading>p:not(.eyebrow){font-size:.79rem}.directory-section--results .filter-bar{margin-bottom:11px}.featured-grid{grid-template-columns:1fr 1fr}.featured-actions{flex-direction:column;gap:7px}.filter-area{margin-bottom:14px}.filter-mobile-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-mobile-bar .active-filter-list{flex:100%;padding-top:0}.filter-panel{display:none}.filter-sheet__body{padding:12px 14px 16px}.filter-sheet__foot{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.filter-panel__groups .filter-group{grid-template-columns:38px minmax(0,1fr)}.tool-detail-hero{flex-direction:column;gap:14px;padding-top:2px}.tool-detail-hero__icon{border-radius:14px;width:54px;height:54px;font-size:1.3rem}.tool-detail-hero__actions{margin-top:14px}.tool-detail-aside{grid-template-columns:1fr}.tool-demo-callout{flex-direction:column}.tool-demo-callout__art{border-right:0;border-bottom:1px solid var(--line);width:100%;min-height:140px}.detail-section{padding:17px 16px}.kanban-board{grid-template-columns:1fr}.kanban-column{min-height:0}.kanban-column__cards{flex-flow:wrap}.kanban-card{flex:210px}.kanban-empty{width:100%;min-height:48px}.spring-controls,.chart-controls,.particles-controls,.gradient-controls{display:flex}.chart-controls>div:first-child{grid-row:auto}.chart-notes{border-top:1px solid var(--line);padding-top:12px}.demo-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.demo-toolbar>.button{align-self:flex-start}.chart-toolbar{flex-direction:row;align-items:flex-start}.chart-canvas{overflow-x:auto}.chart-canvas svg{min-width:500px}.segmented{flex:none}.segmented button{padding:3px 10px}.demo-workspace{border-radius:var(--radius-lg);padding:14px}.demo-disclaimer{grid-template-columns:minmax(0,1fr);padding:17px}.demo-disclaimer .text-link{margin-top:2px}.search-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-dialog__esc{display:none}.search-dialog__close{display:inline-grid}.site-footer{padding:22px 18px 20px}.notfound-page{min-height:50vh;padding-top:35px}}@media (width<=620px){.topbar__inner{gap:6px;min-height:58px}.search-trigger{border-radius:10px;flex:0 0 38px;justify-content:center;width:38px;min-height:38px;padding:0}.search-trigger__text,.search-trigger kbd{display:none}.topbar__actions{gap:0}.icon-button{width:36px;height:36px}.topbar__mobile-brand .brand__name{font-size:.81rem}.topbar__favorite-label{display:none}.topbar__favorite-link{width:36px;min-height:36px;padding:0}.topbar__favorite-link .topbar__favorite-count{border:2px solid var(--bg);min-width:16px;height:16px;position:absolute;top:1px;right:-1px}.filter-sheet-backdrop{padding:8px}.filter-sheet{border-radius:var(--radius-lg);max-height:calc(100dvh - 16px)}.filter-sheet__head{padding:12px 14px 10px}.filter-sheet__body{gap:10px}.filter-sheet__foot .button{min-height:38px}.hero__stats{grid-template-columns:1fr 1fr;gap:12px 0;display:grid}.hero__stats>div,.hero__stats>div:nth-child(3){border-right:1px solid var(--line);margin:0;padding:0 12px 0 0}.hero__stats>div:nth-child(2n){border-right:0;padding:0 0 0 14px}.hero__actions .button{min-height:38px;padding:7px 14px;font-size:.8rem}.featured-grid{grid-template-columns:1fr}.featured-tool{min-height:0}.demo-grid{grid-template-columns:1fr}.demo-card__visual{height:146px}.tool-grid{grid-template-columns:1fr}.filter-group{flex-direction:column;align-items:flex-start;gap:4px}.section-heading--directory{flex-direction:row;align-items:center}.section-heading--directory h2{font-size:.98rem}.result-note{display:none}.modal-backdrop{padding:10px}.modal-backdrop--search{padding-top:18px}.search-dialog{border-radius:var(--radius-lg);max-height:calc(100dvh - 36px)}.search-dialog__field{padding:8px 9px 8px 14px}.search-dialog__body{padding:11px 9px 13px}.search-result__category,.search-dialog__hint{display:none}.search-dialog__foot{justify-content:flex-end}.tool-detail-hero__actions .button{min-height:37px;padding:6px 12px;font-size:.78rem}.tool-detail-hero h1{font-size:1.9rem}.tool-detail-hero__tagline{margin-top:6px;font-size:.95rem;line-height:1.6}.detail-prose{font-size:.9rem;line-height:1.8}.detail-list{gap:9px}.detail-list li{gap:8px;font-size:.84rem;line-height:1.7}.install-command{padding:12px 13px;font-size:.74rem}.tool-demo-callout__body{padding:16px}.related-section{margin-top:28px}.detail-section__heading{flex-direction:column;align-items:flex-start;gap:8px}.copy-button{align-self:flex-start}.related-list{grid-template-columns:1fr}.demo-page__header h1{font-size:1.8rem}.demo-workspace{padding:12px}.demo-toolbar h2{font-size:.95rem}.chart-toolbar{flex-direction:column}.spring-stage{min-height:300px}.particles-stage{height:320px}.gradient-preview{min-height:250px}.color-controls{grid-template-columns:1fr}.markdown-actions{margin-left:-3px}.markdown-pane--editor textarea{min-height:230px;font-size:.7rem}.markdown-preview{min-height:220px;padding:14px 15px 20px}.kanban-card__moves{flex-wrap:wrap}.site-footer__nav{gap:6px 15px}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:5px}.toast-region{bottom:14px}.toast{padding:8px 12px;font-size:.73rem}.startup-skeleton{grid-template-columns:1fr}.startup-skeleton__card:nth-child(n+2){display:none}}@media (width<=390px){.topbar__mobile-brand .brand__text{display:none}.hero{padding:18px 15px}.page{padding-left:14px;padding-right:14px}.featured-actions>span{display:none}.search-category-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.demo-thumb--spring .spring-ball,.mini-particle{animation:none!important}.chart-bar{opacity:.82;animation:none!important}.chart-dot{animation:none!important}.startup-status__spinner{animation:1.4s linear infinite spin!important}}.lab{min-width:0}.lab-layout{grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);align-items:start;gap:24px;display:grid}.lab-controls{flex-direction:column;gap:18px;min-width:0;max-width:100%;display:flex}.lab-controls>*,.lab-layout>*,.range-field,.range-field>span,.lab-checks,.lab-checks>li{min-width:0;max-width:100%}.segmented{max-width:100%}.lab-stage{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;min-width:0;min-height:260px;padding:22px;overflow:hidden}.lab-field{min-width:0;color:var(--ink-soft);flex-direction:column;gap:8px;font-size:.82rem;display:flex}.lab-field input:not([type=color]),.lab-field select{border:1px solid var(--line-strong);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);border-radius:8px;padding:10px 12px}.lab-field input[type=file]{width:100%;font-size:.75rem}.lab-color{grid-template-columns:1fr 42px auto;align-items:center;display:grid}.lab-color input{background:var(--surface);border:1px solid var(--line);border-radius:6px;width:42px;height:36px;padding:2px}.lab-metric{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2.2rem}.lab-checks{color:var(--muted);flex-direction:column;gap:10px;padding:0;font-size:.8rem;list-style:none;display:flex}.lab-checks [data-pass=true]{color:var(--accent-strong)}.lab-contrast{flex-direction:column;justify-content:center;gap:20px;display:flex}.lab-contrast h3{font-size:1.8rem;line-height:1.5}.lab-contrast p{font-size:16px;line-height:1.8}.lab-contrast small{font-size:12px;line-height:1.8}.lab-code{border:1px solid var(--line);border-radius:12px;min-width:0;margin-top:22px;overflow:hidden}.lab-code>div{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.75rem;display:flex}.lab-code pre{background:var(--surface-2);white-space:pre;max-height:340px;margin:0;padding:16px;font-size:.76rem;line-height:1.8;overflow:auto}.lab-tile{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));min-width:0;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;place-items:center;padding:12px 4px;font-weight:650;display:grid}.lab-grid{align-content:start;min-height:280px}.lab-flex{min-height:300px;overflow:auto}.lab-flex .lab-tile{flex:0 0 62px}.lab-center{place-items:center;min-height:320px;display:grid}.lab-shadow-card{background:var(--surface);width:150px;height:150px;color:var(--ink);text-align:center;border-radius:18px;place-content:center;font:700 3rem Georgia,serif;display:grid}.lab-shadow-card small{margin-top:12px;font:12px system-ui}.lab-type>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.lab-type>div>span{overflow-wrap:anywhere;min-width:0;line-height:1.25}.lab-type code{color:var(--muted);flex-shrink:0;font-size:.7rem}.lab-svg{width:100%;height:auto;max-height:320px;display:block}.lab-bezier-track{border-top:1px solid var(--line);height:50px;margin-top:12px;padding:5px 0}.lab-bezier-ball{background:var(--accent);border-radius:50%;width:40px;height:40px}.lab-noise{border-radius:12px;max-width:100%;height:auto}.lab-options{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;font-size:.8rem;display:flex}.lab-options input[type=checkbox]{accent-color:var(--accent);margin-right:6px}.lab-grow{flex:1}.lab-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-width:0;display:grid}.lab-editor-grid>*{min-width:0}.lab-editor{resize:vertical;border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:200px;color:var(--ink);border-radius:10px;padding:14px;font:13px/1.8 ui-monospace,SFMono-Regular,monospace;display:block}.lab-editor-grid .lab-code{margin-top:0}.lab-flags{width:75px}.lab-error{border:1px solid var(--line-strong);border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;margin:16px 0;padding:14px;font-size:.85rem}.lab-status{color:var(--ink-soft);margin:16px 0;font-size:.85rem;line-height:1.8}.lab-status,.lab-status *{overflow-wrap:anywhere;word-break:break-word;min-width:0}.lab-status code{white-space:pre-wrap;display:inline}.lab-matches{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:0;list-style:none;display:grid}.lab-matches li{background:var(--surface-2);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.lab-matches li span{color:var(--muted);font-size:.7rem}.lab-table-wrap{border:1px solid var(--line);border-radius:10px;min-width:0;max-width:100%;max-height:360px;overflow:auto}.lab-table{border-collapse:collapse;white-space:pre-wrap;width:100%;max-width:100%;font-size:.8rem}.lab-table th,.lab-table td{border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere;min-width:90px;max-width:320px;padding:12px}.lab-table-wrap>.lab-table{width:max-content;min-width:100%}.lab-table th{background:var(--surface-2)}.lab-sort{justify-content:center;align-items:flex-end;gap:8px;min-height:290px;display:flex}.lab-sort-bar{background:var(--line-strong);min-width:12px;max-width:48px;color:var(--ink);border-radius:5px 5px 0 0;flex:1;justify-content:center;align-items:flex-start;padding-top:8px;font:12px ui-monospace,monospace;display:flex}.lab-sort-bar.is-comparing{background:var(--accent);color:#fff}.lab-sort-bar.is-sorted{color:#102f22;background:#75ae91}.lab-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lab-stats>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;flex-direction:column;gap:8px;padding:14px 8px;display:flex}.lab-stats span{color:var(--muted);font-size:.72rem}.lab-stats strong{font-variant-numeric:tabular-nums;font-size:1.7rem}.lab-event-log{max-height:270px;margin-top:18px;padding:0;list-style:none;overflow:auto}.lab-event-log li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px;font-size:.75rem;display:flex}.lab-event-log [data-kind=debounce]{color:var(--accent-strong)}.lab-event-log [data-kind=throttle]{font-weight:700}.lab-cache-value{border:1px dashed var(--line-strong);border-radius:10px;flex-direction:column;gap:16px;padding:24px;font:1rem ui-monospace,monospace;display:flex}.lab-cache-value small{color:var(--muted);font-size:.8rem}.lab-image{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.lab-image img{object-fit:contain;max-width:100%;max-height:320px}.lab-image p{color:var(--muted);text-align:center;font-size:.8rem;line-height:1.8}.topbar__github{flex-shrink:0}.lab button:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.lab-layout{grid-template-columns:1fr}.lab-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lab-controls>.demo-caption{grid-column:1/-1}.lab-editor-grid{grid-template-columns:1fr}}@media (width<=480px){.lab-stage{padding:16px}.lab-controls{grid-template-columns:1fr}.lab-sort{gap:5px}.lab-sort-bar{font-size:10px}.lab-type code{font-size:.65rem}.lab-color{grid-template-columns:1fr 42px auto}.lab-stats{gap:5px}.lab-stats span{font-size:.65rem}.lab-stats>div{padding:12px 5px}.lab-type{padding:12px}}.demos-search{max-width:360px;margin-top:22px}.demo-thumb--lab{background:var(--surface-2);place-items:center;display:grid}.demo-thumb--lab svg{width:100%;max-width:300px;height:100%;display:block}.tool-logo__img--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tool-logo__img--dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tool-logo--dark-plate,:root[data-theme=dark] .tool-logo--dark-plate{color:#d8d6d1;background:#26272d;border-color:#ffffff24}.lab-option{align-items:center;gap:6px;display:inline-flex}.lab-swatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;width:26px;height:26px;padding:0}.lab-editor--short{min-height:110px}.lab-editor-panel{flex-direction:column;gap:14px;min-width:0;display:flex}.lab-editor-grid--tight{margin-top:22px}.lab-editor-toolbar{margin:0}.is-spinning{animation:1s linear infinite vibe-spin}@keyframes vibe-spin{to{transform:rotate(360deg)}}.lab-form{flex-direction:column;gap:16px;display:flex}.lab-form__actions{margin:0}.lab-field__rule{color:var(--muted);font-size:.72rem;line-height:1.7}.lab-field__error{min-height:1.2em;color:var(--accent-strong);font-size:.72rem;line-height:1.7}.lab-field__error[data-invalid=false]{visibility:hidden}.lab-state__views{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lab-state__view{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.lab-state__view>span{color:var(--muted);font-size:.72rem}.lab-state__view strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.2}.lab-state__bar{background:var(--surface-2);border-radius:999px;height:12px;overflow:hidden}.lab-state__bar i{background:var(--accent);height:100%;display:block}.lab-state__view small{color:var(--muted);font-size:.75rem}.lab-state__multiples{color:var(--muted);max-height:170px;margin:0;padding:0;font-size:.72rem;list-style:none;overflow:auto}.lab-state__multiples li{padding:3px 0}.lab-state__multiples li[data-active=true]{color:var(--ink);font-weight:650}.lab-rich{border:1px solid var(--line-strong);background:var(--surface-2);overflow-wrap:anywhere;border-radius:10px;min-height:220px;padding:16px;font-size:.95rem;line-height:1.8}.lab-rich:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lab-rich ul{padding-left:22px}.lab-command{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-command__list{border:1px solid var(--line);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.lab-command__list li{border-bottom:1px solid var(--line)}.lab-command__list li:last-child{border-bottom:0}.lab-command__list li[data-active=true]{background:var(--accent-soft)}.lab-command__item{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.85rem;display:flex}.lab-command__item code{color:var(--muted);font-size:.72rem}.lab-command__empty{color:var(--muted);padding:12px 14px;font-size:.8rem}.lab-rules{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lab-rules li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-rules input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;color:var(--ink);border-radius:8px;flex:120px;padding:9px 11px}.lab-rules small{color:var(--muted);min-width:40px;font-size:.72rem}.lab-http{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-http__request{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-size:.85rem}.lab-http__status{border:1px solid var(--line);border-radius:8px;margin:0;padding:10px 14px;font-size:.85rem}.lab-http__status[data-tone=ok]{color:var(--green);background:var(--green-soft);border-color:#0000}.lab-http__status[data-tone=warn]{color:var(--amber);background:var(--amber-soft);border-color:#0000}.lab-http__status[data-tone=bad]{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.lab-http .lab-code{margin-top:0}.lab-storage__folders{color:var(--muted);flex-wrap:wrap;gap:12px;margin:0 0 14px;font-size:.75rem;display:flex}.lab-storage__list{border:1px solid var(--line);border-radius:10px;max-height:210px;margin:0 0 16px;padding:0;list-style:none;overflow:hidden auto}.lab-storage__list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.lab-storage__list li:last-child{border-bottom:0}.lab-storage__list li[data-selected=true]{background:var(--accent-soft)}.lab-storage__key{min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;flex:1;padding:0;font-size:.8rem}.lab-storage__list small{color:var(--muted);flex-shrink:0;font-size:.7rem}.lab-storage__preview p{overflow-wrap:anywhere;margin:0 0 8px;font-size:.8rem}.lab-storage__preview pre{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-height:200px;margin:0;padding:14px;font-size:.78rem;line-height:1.8;overflow:auto}.lab-storage .lab-code{margin-top:20px}.lab-carousel{flex-direction:column;justify-content:center;gap:16px;display:flex}.lab-carousel__frame{outline-offset:3px;touch-action:pan-y;border-radius:12px}.lab-carousel__frame:focus-visible{outline:2px solid var(--accent)}.lab-carousel__slide{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;min-height:210px;padding:26px 22px;display:flex}.lab-carousel__slide h3{font-size:1.25rem}.lab-carousel__slide p{color:var(--ink-soft);font-size:.9rem;line-height:1.8}.lab-carousel__slide small{color:var(--muted);margin-top:auto;font-size:.72rem}.lab-carousel__dots{justify-content:center;gap:10px;display:flex}.lab-carousel__dot{border:1px solid var(--line-strong);background:var(--surface-3);cursor:pointer;border-radius:50%;width:11px;height:11px;padding:0}.lab-carousel__dot[data-active=true]{background:var(--accent);border-color:var(--accent)}.lab-graph__canvas{touch-action:none}.lab-graph__node rect{fill:var(--surface);stroke:var(--line-strong)}.lab-graph__node text{fill:var(--ink);text-anchor:middle;font-size:14px}.lab-graph__node[data-selected=true] rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.lab-graph__canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lab-map__plate{fill:var(--surface)}.lab-map__grid{stroke:var(--line-strong);stroke-width:1px}.lab-map__equator{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:6 4}.lab-map__label{fill:var(--muted);font-size:10px}.lab-map__point circle{fill:var(--accent)}.lab-map__point text{fill:var(--ink);font-size:11px}.lab-map__point[data-selected=true] circle{stroke:var(--ink);stroke-width:2px}.lab-map__canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lab-testing{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lab-testing li{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:10px;padding:12px;font-size:.8rem;display:flex}.lab-testing li[data-pass=true]{color:var(--green)}.lab-testing li[data-pass=false]{color:var(--accent-strong)}.lab-testing li div{min-width:0;color:var(--ink);flex-direction:column;gap:6px;display:flex}.lab-testing li span{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.lab-testing li code{font-size:.78rem}.lab-table input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;color:var(--ink);border-radius:8px;padding:8px 10px}.lab-pipeline{flex-direction:column;gap:18px;display:flex}.lab-pipeline__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lab-pipeline__list li{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;display:flex}.lab-pipeline__list li[data-state=running]{border-color:var(--accent);background:var(--accent-soft)}.lab-pipeline__list li[data-state=done]{color:var(--green)}.lab-pipeline__list li[data-state=failed]{color:var(--accent-strong);border-color:var(--accent)}.lab-pipeline__list li[data-state=skipped]{color:var(--muted)}.lab-pipeline__list li>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lab-pipeline__list small{color:var(--muted);font-size:.72rem}.lab-pipeline__list code{flex-shrink:0;font-size:.72rem}.lab-event-log [data-kind=error]{color:var(--accent-strong)}@media (width<=640px){.lab-state__views{grid-template-columns:1fr}.lab-editor-grid--tight{margin-top:18px}}@media (width<=480px){.lab-swatch{width:22px;height:22px}.lab-rich{min-height:170px}.lab-carousel__slide{min-height:180px;padding:20px 16px}.lab-pipeline__list li{gap:9px;padding:10px}.lab-testing li{padding:10px}}.lab-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-stage--tall{min-height:420px}.lab-status[data-tone=ok]{color:var(--accent-strong);align-items:center;gap:6px;display:flex}.lab-error{align-items:flex-start;gap:10px;display:flex}.lab-error strong{overflow-wrap:anywhere;font-weight:650;display:block}.lab-error__retry{margin-top:8px}.lab-table__caption{color:var(--muted);text-align:left;padding:10px 12px;font-size:.72rem}.lab-table__empty{color:var(--muted);text-align:center}.lab-timeline-track{justify-content:space-between;align-items:center;gap:10px;min-height:170px;padding:0 4px;display:flex;position:relative}.gsap-card{border:1px solid var(--line-strong);min-width:0;color:var(--muted);border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:12px 9px;font-size:.72rem;display:flex}.gsap-card strong{color:var(--ink);font-size:1rem}.gsap-path{pointer-events:none;width:100%;height:130px;position:absolute;inset:16px 0 auto}.gsap-orb{border-radius:50%;width:26px;height:26px;position:absolute;top:52px;left:14px}.lab-scrub{flex-direction:column;gap:7px;margin-top:14px;display:flex}.lab-scrub__time,.lab-scrub__step{color:var(--muted);font-size:.72rem}.lab-scrub__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lab-scrub__track{background:var(--surface);cursor:ew-resize;border-radius:999px;height:6px;position:relative}.lab-scrub__head{border:2px solid var(--surface);cursor:ew-resize;border-radius:50%;width:18px;height:18px;margin-top:-9px;padding:0;position:absolute;top:50%;left:0}.lab-scrub__head:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.lab-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lab-steps li{border:1px solid var(--line);color:var(--muted);border-radius:11px;gap:9px;padding:11px;font-size:.72rem;display:flex}.lab-steps li[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.lab-steps li>span{background:var(--surface-2);border-radius:50%;flex:0 0 20px;place-items:center;height:20px;font-size:.65rem;display:grid}.lab-steps li strong{font-size:.76rem;display:block}.lab-steps li small{margin-top:3px;line-height:1.5;display:block}.lab-motion-tray{border:1px dashed var(--line-strong);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:104px;padding:10px;display:flex}.lab-motion-tray__label{color:var(--muted);font-size:.75rem}.lab-motion-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin-top:14px;display:grid}.lab-motion-card{border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;padding:16px 12px;position:relative;overflow:hidden}.lab-motion-card[data-active=true]{border-color:var(--accent)}.lab-motion-card__swatch{border-radius:7px;width:22px;height:22px;margin-bottom:10px}.lab-motion-card strong{font-size:.82rem;display:block}.lab-motion-card small{color:var(--muted);margin-top:3px;font-size:.7rem;display:block}.lab-motion-badge{border-radius:5px;width:16px;height:16px;position:absolute;top:8px;right:8px}.lab-motion-reveal{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.lab-motion-dot{border-radius:10px;width:34px;height:34px}.lab-motion-drag{border:1px solid var(--line);background:var(--surface);touch-action:none;border-radius:14px;place-items:center;min-height:96px;margin-top:16px;display:grid;overflow:hidden}.lab-motion-note{color:var(--muted);margin:10px 0 0;font-size:.72rem}.lab-spring-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));place-items:center;gap:12px;min-height:190px;display:grid}.lab-spring-tile{border:1px solid var(--line-strong);width:58px;height:58px;color:var(--accent-strong);cursor:pointer;border-radius:14px;place-items:center;font-size:.8rem;font-weight:650;display:grid}.lab-spring-tile:first-child{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.lab-spring-tile:nth-child(2){background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.lab-spring-tile:nth-child(3){background:color-mix(in srgb, var(--accent) 32%, var(--surface))}.lab-spring-tile:nth-child(4){background:color-mix(in srgb, var(--accent) 42%, var(--surface))}.lab-spring-tile:nth-child(5){background:color-mix(in srgb, var(--accent) 52%, var(--surface))}.lab-spring-tile:nth-child(6){background:color-mix(in srgb, var(--accent) 62%, var(--surface))}.lab-spring-tile:nth-child(7){background:color-mix(in srgb, var(--accent) 72%, var(--surface))}.lab-spring-tile:nth-child(8){background:color-mix(in srgb, var(--accent) 82%, var(--surface))}.lab-spring-ball{border:1px solid var(--accent);background:var(--accent-soft);width:118px;height:118px;color:var(--accent-strong);cursor:pointer;touch-action:none;border-radius:50%;place-items:center;margin:0 auto;font-size:1.3rem;font-weight:700;display:grid}.lab-spring-track{border:1px solid var(--line);background:var(--surface);border-radius:14px;height:150px;margin-top:14px;position:relative;overflow:hidden}.lab-spring-ball--track{width:46px;height:46px;margin:0;font-size:.75rem;position:absolute;top:50%}.lab-three-viewport{background:var(--surface);touch-action:none;border-radius:14px;height:360px;position:relative;overflow:hidden}.lab-three-canvas{width:100%;height:100%;display:block}.lab-three-hint{color:var(--muted);pointer-events:none;font-size:.7rem;position:absolute;bottom:10px;left:12px}.lab-three-axis{font-family:var(--font-mono);color:var(--muted);text-align:right;pointer-events:none;font-size:.7rem;position:absolute;top:10px;right:12px}.lab-pixi-viewport{background:var(--surface);border-radius:14px;height:340px;position:relative;overflow:hidden}.lab-pixi-canvas{width:100%;height:100%;display:block}.lab-matter-viewport{background:var(--surface);touch-action:none;border-radius:14px;height:340px;position:relative;overflow:hidden}.lab-matter-canvas{width:100%;height:100%;display:block}.lab-matter-legend{color:var(--muted);margin:10px 0 0;font-size:.72rem}.lab-paper-wrap{grid-template-columns:minmax(0,1fr) 158px;align-items:start;gap:14px;display:grid}.lab-paper-canvas{background:var(--surface);touch-action:none;border-radius:14px;width:100%;height:auto}.lab-paper-meta{color:var(--muted);margin:10px 0 0;font-size:.72rem}.lab-paper-handle{border:1px solid var(--accent);background:var(--surface);cursor:grab;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.lab-anime-svg{width:100%;height:auto;display:block}.lab-anime-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.lab-anime-cell{border-radius:11px;width:38px;height:38px}.lab-lottie-box{background:var(--surface);border-radius:14px;place-items:center;min-height:250px;display:grid;overflow:hidden}.lab-lottie-svg{width:200px;height:200px}.lab-lottie-note{border:1px solid var(--line);color:var(--muted);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:.72rem;line-height:1.7}.lab-swiper-box{padding:0 6px 34px}.lab-swiper-slide{border:1px solid var(--line);background:var(--surface);min-height:150px;color:var(--ink);border-radius:14px;place-items:center;display:grid}.lab-swiper-slide strong{color:var(--accent-strong);font-size:1.6rem}.lab-embla{border-radius:14px;overflow:hidden}.lab-embla__container{display:flex}.lab-embla__slide{flex:none;min-width:0;padding:5px}.lab-embla__card{border:1px solid var(--line);background:var(--surface);min-height:140px;color:var(--ink);text-align:center;border-radius:12px;place-items:center;font-size:.8rem;display:grid}.lab-embla__dots{justify-content:center;gap:7px;margin-top:14px;display:flex}.lab-embla__dot{background:var(--line-strong);cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;padding:0}.lab-embla__dot[data-active=true]{background:var(--accent)}.lab-embla__list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.lab-embla__list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:6px 12px;font-size:.72rem}.lab-dnd-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lab-dnd-col{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:10px}.lab-dnd-col__head{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:10px;font-size:.75rem;display:flex}.lab-dnd-col__list{flex-direction:column;gap:8px;min-height:56px;display:flex}.lab-dnd-card{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);touch-action:none;border-radius:10px;padding:10px;font-size:.76rem}.lab-dnd-card[data-dragging=true]{opacity:.4}.lab-dnd-overlay{border:1px solid var(--accent);background:var(--surface);color:var(--ink);box-shadow:0 10px 22px -14px var(--ink);border-radius:10px;padding:10px;font-size:.76rem}.lab-dnd-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab-auto-list{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;min-height:120px;margin-top:14px;display:grid}.lab-auto-item{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px;font-size:.78rem}.lab-auto-item small{color:var(--muted);margin-top:4px;font-size:.68rem;display:block}.lab-move-stage{background:var(--surface);border-radius:14px;height:340px;position:relative;overflow:auto}.lab-move-inner{background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1px);background-size:16px 16px;width:100%;min-width:460px;height:400px;position:relative}.lab-move-box{border:2px solid var(--accent);background:var(--accent-soft);width:170px;height:110px;color:var(--accent-strong);border-radius:12px;place-items:center;font-weight:650;display:grid;position:absolute;top:40px;left:40px}.lab-move-readout{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;margin-top:12px;display:grid}.lab-move-readout div{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:8px;font-size:.68rem}.lab-move-readout strong{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.8rem;display:block}@media (width<=560px){.lab-paper-wrap{grid-template-columns:minmax(0,1fr)}.lab-three-viewport,.lab-pixi-viewport,.lab-matter-viewport{height:280px}}.lab-tq-body,.lab-swr-body,.lab-htmx-body,.lab-d1-body,.lab-r2-body{flex-direction:column;gap:16px;min-width:0;display:flex}.lab-tq-note,.lab-swr-note{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);color:var(--ink-soft);border-radius:8px;margin:0;padding:10px 13px;font-size:.78rem;line-height:1.7}.lab-tq-note[data-tone=cached],.lab-swr-note[data-tone=stale]{border-left-color:var(--green);background:var(--green-soft);color:var(--ink)}.lab-tq-presets,.lab-swr-presets{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.lab-tq-mono,.lab-swr-mono,.lab-htmx-mono,.lab-r2-mono{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.7rem}.lab-tq-dedupe{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:22px;padding:18px}.lab-tq-dedupe__head{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.lab-tq-dedupe__head>div:first-child{min-width:0;max-width:100%}.lab-tq-dedupe__desc{color:var(--muted);margin:6px 0 0;font-size:.78rem;line-height:1.7}.lab-tq-dedupe__controls{flex-direction:column;flex:260px;gap:10px;min-width:min(260px,100%);display:flex}.lab-tq-cells{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.lab-tq-cell{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:11px 13px;font-size:.72rem;display:flex}.lab-tq-cell[data-state=done]{border-color:var(--green)}.lab-tq-cell[data-state=error]{border-color:var(--accent)}.lab-tq-cell__index{color:var(--muted)}.lab-tq-cell__state{color:var(--ink);font-weight:650}.lab-tq-cell__err,.lab-tq-cell__hint{color:var(--muted);overflow-wrap:anywhere;font-size:.68rem;line-height:1.6}.lab-swr-log{margin-top:22px}.lab-swr-log h3{margin:0 0 10px;font-size:1rem}.lab-htmx-config{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lab-htmx-config li{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;border-radius:8px;padding:7px 10px;font-size:.7rem}.lab-htmx-config li[data-ok=true]{border-color:var(--green);color:var(--green)}.lab-htmx-root{flex-direction:column;gap:12px;min-width:0;display:flex}.lab-htmx__form{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.lab-htmx__input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);border-radius:8px;flex:180px;padding:10px 12px}.lab-htmx__busy{color:var(--accent-strong);font-size:.75rem}.lab-htmx__hint{border:1px dashed var(--line-strong);color:var(--muted);border-radius:10px;margin:0;padding:14px;font-size:.8rem;line-height:1.8}.lab-htmx__results{min-width:0}.htmx-results{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.htmx-results li{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:12px 13px;display:flex}.htmx-results a{color:var(--accent-strong);overflow-wrap:anywhere;font-size:.85rem;font-weight:650}.htmx-results p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.7}.htmx-results [role=status]{border:1px dashed var(--line-strong);color:var(--muted);border-radius:10px;margin:0;padding:14px;font-size:.8rem}.lab-r2-image{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.lab-r2-image img{object-fit:contain;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:10px;width:96px;height:96px}.lab-r2-image small{min-width:0;color:var(--muted);flex:160px;font-size:.74rem;line-height:1.7}.lab-r2-report{border:1px solid var(--line);border-left:3px solid var(--line-strong);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:15px;display:flex}.lab-r2-report[data-status="206"]{border-left-color:var(--green)}.lab-r2-report[data-status="304"]{border-left-color:var(--amber)}.lab-r2-report[data-status="416"]{border-left-color:var(--accent)}.lab-r2-report__head{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.lab-r2-report__head span{color:var(--muted);font-variant-numeric:tabular-nums}.lab-r2-report .lab-code{margin-top:0}.lab-r2-report__note{color:var(--muted);margin:0;font-size:.75rem;line-height:1.7}@media (width<=480px){.lab-tq-cell,.htmx-results li{padding:9px 10px}.lab-htmx__input{flex:100%}}.lab-culori-inputs{gap:10px;display:grid}.lab-culori-input{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;display:grid}.lab-culori-input input[type=color]{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:0}.lab-culori-input input[type=text]{border:1px solid var(--line-strong);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);border-radius:8px;padding:9px 10px;font:12px/1.5 ui-monospace,SFMono-Regular,monospace}.lab-culori-presets{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lab-culori-preset{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.72rem;display:inline-flex}.lab-culori-preset__bar{border:1px solid var(--line-strong);border-radius:999px;width:26px;height:10px}.lab-culori-gradient{border:1px solid var(--line-strong);border-radius:12px;width:100%;height:96px}.lab-culori-ends{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.lab-culori-end{align-items:center;gap:8px;min-width:0;display:flex}.lab-culori-end code{overflow-wrap:anywhere;font-size:.72rem}.lab-culori-swatch{border:1px solid var(--line-strong);border-radius:7px;flex:none;width:26px;height:26px}.lab-culori-cell{align-items:flex-start;gap:8px;display:flex}.lab-culori-cell code{overflow-wrap:anywhere;font-size:.72rem}.lab-culori-dot{border:1px solid var(--line-strong);border-radius:4px;flex:none;width:12px;height:12px;margin-top:3px}.lab-culori-note{color:var(--muted);margin:16px 0 0;font-size:.76rem;line-height:1.8}.lab-culori-note code{color:var(--ink);overflow-wrap:anywhere;font-size:.72rem}.lab-colorjs-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.lab-colorjs-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;min-width:0;margin:0;padding:12px;display:grid}.lab-colorjs-swatch{border:1px solid var(--line-strong);border-radius:9px;width:100%;height:96px;display:block}.lab-colorjs-card figcaption{min-width:0;color:var(--muted);gap:5px;font-size:.72rem;display:grid}.lab-colorjs-card strong{color:var(--ink);font-size:.78rem}.lab-colorjs-card code{color:var(--ink);overflow-wrap:anywhere;font-size:.72rem}.lab-colorjs-note{color:var(--muted);margin:16px 0 0;font-size:.76rem;line-height:1.8}.lab-colorjs-note code{color:var(--ink);overflow-wrap:anywhere}.lab-colorjs-preset{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;display:inline-flex}.lab-tsc-msg{min-width:0;color:var(--ink-soft);overflow-wrap:anywhere;font-size:.76rem;line-height:1.7;display:block}.lab-tsc-msg--error{color:var(--ink)}.lab-esbuild-errors{border:1px solid var(--line);background:var(--surface-2);white-space:pre;border-radius:8px;max-height:220px;margin:8px 0 0;padding:10px;font:12px/1.7 ui-monospace,SFMono-Regular,monospace;overflow:auto}.lab-esbuild-warnings{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:14px;padding:10px 12px}.lab-esbuild-warnings p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 4px;font:12px/1.7 ui-monospace,SFMono-Regular,monospace}.lab-esbuild-warnings p:last-child{margin-bottom:0}.lab-esbuild-limit{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin:6px 0 0;font-size:.72rem;line-height:1.7;display:flex}.lab-esbuild-counter{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lab-esbuild-counter--over{color:var(--accent-strong);font-weight:650}@media (width<=560px){.lab-culori-gradient{height:72px}.lab-colorjs-swatch{height:70px}}.lab-tiptap__grid,.lab-lexical__grid,.lab-md__proof,.lab-remark__proof{margin-top:22px}.lab-tiptap__frame,.lab-lexical__frame,.lab-prosemirror__frame,.lab-quill__frame,.lab-codemirror__frame{min-width:0;overflow:auto}.lab-tiptap__toolbar,.lab-lexical__toolbar,.lab-prosemirror__actions,.lab-quill__actions,.lab-codemirror__actions,.lab-katex__presets{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lab-tiptap__btn,.lab-lexical__btn,.lab-prosemirror__btn,.lab-quill__btn,.lab-codemirror__btn,.lab-katex__btn{border:1px solid var(--line-strong);background:var(--surface);min-height:30px;color:var(--ink);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:.72rem}.lab-tiptap__btn:hover,.lab-lexical__btn:hover,.lab-prosemirror__btn:hover,.lab-quill__btn:hover,.lab-codemirror__btn:hover,.lab-katex__btn:hover{border-color:var(--accent)}.lab-tiptap__btn.is-active,.lab-lexical__btn.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.lab-tiptap__btn[aria-pressed=false]{opacity:.7}.lab-lexical__sep{background:var(--line-strong);align-self:stretch;width:1px;margin:0 4px}.lab-lexical__hint{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.75rem;display:flex}.lab-lexical__hint span{font-family:var(--font-mono);color:var(--accent-strong)}.lab-quill__log-wrap{margin-top:14px}.lab-tiptap__frame{border:1px solid var(--line);background:var(--surface);border-radius:12px}.lab-tiptap__surface{min-height:230px;max-height:380px;color:var(--ink);outline:none;padding:16px;font-size:.9rem;line-height:1.85;overflow:auto}.lab-tiptap__surface>*+*{margin-top:.7em}.lab-tiptap__surface h1,.lab-tiptap__surface h2,.lab-tiptap__surface h3{margin:.9em 0 .35em;font-size:1.15rem;line-height:1.4}.lab-tiptap__surface p{margin:0}.lab-tiptap__surface ul,.lab-tiptap__surface ol{margin:0;padding-left:1.4em}.lab-tiptap__surface blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding:2px 0 2px 12px}.lab-tiptap__surface code{background:var(--surface-2);font:12px/1.6 var(--font-mono);border-radius:5px;padding:1px 5px}.lab-tiptap__surface pre{background:var(--surface-2);border-radius:9px;margin:0;padding:12px;overflow:auto}.lab-tiptap__surface pre code{background:0 0;padding:0}.lab-tiptap__surface hr{border:0;border-top:1px solid var(--line-strong)}.lab-lexical__frame{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px}.lab-lexical__editor{min-width:0;position:relative}.lab-lexical__ce{border:1px solid var(--line);background:var(--surface-2);min-height:220px;max-height:360px;color:var(--ink);border-radius:10px;outline:none;padding:12px;font-size:.9rem;line-height:1.85;overflow:auto}.lab-lexical__placeholder{color:var(--muted);pointer-events:none;position:absolute;top:24px;left:24px}.lab-lexical__p{margin:0 0 .55em}.lab-lexical__h1,.lab-lexical__h2,.lab-lexical__h3{margin:.5em 0;font-size:1.1rem;line-height:1.4}.lab-lexical__quote{border-left:3px solid var(--accent);color:var(--muted);margin:.5em 0;padding-left:12px}.lab-lexical__ul,.lab-lexical__ol{margin:.4em 0;padding-left:1.4em}.lab-lexical__nest{margin-left:1.2em}.lab-prosemirror__frame{border:1px solid var(--line);background:var(--surface);border-radius:12px}.lab-prosemirror__surface{min-height:250px;max-height:380px;color:var(--ink);outline:none;padding:16px;font-size:.9rem;line-height:1.85;overflow:auto}.lab-prosemirror__surface>*+*{margin-top:.7em}.lab-prosemirror__surface h1,.lab-prosemirror__surface h2,.lab-prosemirror__surface h3{margin:.9em 0 .35em;font-size:1.15rem}.lab-prosemirror__surface p{margin:0}.lab-prosemirror__surface ul,.lab-prosemirror__surface ol{margin:0;padding-left:1.4em}.lab-prosemirror__surface blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding-left:12px}.lab-prosemirror__surface code{background:var(--surface-2);font:12px/1.6 var(--font-mono);border-radius:5px;padding:1px 5px}.lab-prosemirror__surface pre{background:var(--surface-2);border-radius:9px;padding:12px;overflow:auto}.lab-prosemirror__surface pre code{background:0 0;padding:0}.lab-quill__frame{border:1px solid var(--line);background:var(--surface);border-radius:12px}.lab-quill__host .ql-toolbar.ql-snow,.lab-quill__host .ql-container.ql-snow{border-color:var(--line-strong)}.lab-quill__host .ql-toolbar.ql-snow{background:var(--surface-2);padding:8px}.lab-quill__host .ql-toolbar.ql-snow .ql-stroke{stroke:var(--ink)}.lab-quill__host .ql-toolbar.ql-snow .ql-fill{fill:var(--ink)}.lab-quill__host .ql-toolbar.ql-snow .ql-picker{color:var(--ink)}.lab-quill__host .ql-toolbar.ql-snow .ql-picker-options{background:var(--surface);border-color:var(--line-strong)}.lab-quill__host .ql-toolbar.ql-snow button:hover .ql-stroke,.lab-quill__host .ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:var(--accent)}.lab-quill__host .ql-toolbar.ql-snow button:hover .ql-fill,.lab-quill__host .ql-toolbar.ql-snow button.ql-active .ql-fill{fill:var(--accent)}.lab-quill__host .ql-toolbar.ql-snow button.ql-active,.lab-quill__host .ql-toolbar.ql-snow .ql-active{color:var(--accent-strong)}.lab-quill__host .ql-container.ql-snow{background:var(--surface);min-height:230px;max-height:360px;color:var(--ink);font-size:.9rem;line-height:1.85;overflow:auto}.lab-quill__host .ql-editor{min-height:230px}.lab-quill__host .ql-editor.ql-blank:before{color:var(--muted);font-style:normal}.lab-quill__host .ql-editor>*+*{margin-top:.5em}.lab-quill__host .ql-editor blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:12px}.lab-quill__host .ql-editor pre.ql-syntax{background:var(--surface-2);color:var(--ink);border-radius:9px;padding:12px}.lab-quill__host .ql-editor code.ql-inline{background:var(--surface-2);border-radius:5px;padding:1px 5px}.lab-quill__host .ql-editor a{color:var(--accent-strong)}.lab-codemirror__frame{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.lab-codemirror__frame .cm-editor{background:var(--surface);max-height:400px;color:var(--ink);font-size:.82rem}.lab-codemirror__frame .cm-editor.cm-focused{outline:none}.lab-codemirror__frame .cm-scroller{font-family:var(--font-mono);line-height:1.7}.lab-codemirror__frame .cm-gutters{background:var(--surface-2);color:var(--muted);border-right:1px solid var(--line)}.lab-codemirror__frame .cm-activeLine{background:var(--accent-soft)}.lab-codemirror__frame .cm-activeLineGutter{background:var(--accent-soft);color:var(--accent-strong)}.lab-codemirror__frame .cm-selectionBackground{background:color-mix(in srgb, var(--accent) 32%, transparent)}.lab-codemirror__frame .cm-content ::selection{background:color-mix(in srgb, var(--accent) 32%, transparent)}.lab-codemirror__frame .cm-panels{background:var(--surface-2);color:var(--ink);border-color:var(--line-strong)}.lab-codemirror__frame .cm-panels input,.lab-codemirror__frame .cm-panels button{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:6px}.lab-codemirror__frame .cm-panel.cm-search input{width:100%}.lab-codemirror__frame .cm-panel.cm-search label{font-size:.75rem}.lab-codemirror__frame .cm-panel.cm-search button{padding:2px 8px;font-size:.75rem}.lab-codemirror__frame .cm-tooltip{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink)}.lab-codemirror__frame .cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent-soft);color:var(--ink)}.lab-codemirror__frame .cm-foldGutter span{color:var(--muted)}.lab-codemirror__frame .cm-foldPlaceholder{background:var(--accent-soft);border:1px solid var(--accent);color:var(--ink);border-radius:5px;padding:0 6px}.lab-codemirror__frame .cm-placeholder{color:var(--muted)}.lab-md__preview{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.85}.lab-md__preview>*+*{margin-top:.6em}.lab-md__preview p{margin:0}.lab-md__preview h2,.lab-md__preview h3,.lab-md__preview h4{align-items:baseline;gap:8px;margin:.7em 0 .3em;font-size:1.05rem;line-height:1.4;display:flex}.lab-md__level{color:var(--muted);font:11px/1 var(--font-mono);flex:none}.lab-md__preview ul,.lab-md__preview ol{margin:0;padding-left:1.4em}.lab-md__preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding-left:12px}.lab-md__preview a{color:var(--accent-strong);overflow-wrap:anywhere}.lab-md__code{background:var(--surface);font:12px/1.6 var(--font-mono);border-radius:5px;padding:1px 5px}.lab-md__pre{background:var(--surface);font:12px/1.7 var(--font-mono);border-radius:9px;margin:0;padding:12px;overflow:auto}.lab-md__escaped{border:1px dashed var(--line-strong);color:var(--muted);white-space:pre-wrap;font:12px/1.7 var(--font-mono);border-radius:9px;margin:0;padding:10px 12px;overflow:auto}.lab-md__img{border:1px dashed var(--line-strong);color:var(--muted);border-radius:6px;padding:2px 7px;font-size:.72rem;display:inline-block}.lab-md__proof ul,.lab-remark__proof ul{color:var(--muted);flex-direction:column;gap:8px;margin:12px 0 0;padding:0;font-size:.8rem;line-height:1.7;list-style:none;display:flex}.lab-md__proof li,.lab-remark__proof li{overflow-wrap:anywhere;padding-left:20px;position:relative}.lab-md__proof li:before,.lab-remark__proof li:before{content:"○";position:absolute;left:0}.lab-md__proof li[data-pass=true]:before,.lab-remark__proof li[data-pass=true]:before{content:"✓";color:var(--accent-strong)}.lab-md__proof li[data-pass=false]:before,.lab-remark__proof li[data-pass=false]:before{content:"✕";color:var(--accent-strong)}.lab-md__proof h3,.lab-remark__proof h3{color:var(--ink);margin:0;font-size:.85rem}.lab-shiki__out,.lab-shiki__stats{min-width:0}.lab-shiki__out{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-height:420px;overflow:auto}.lab-shiki__out .shiki{font:12.5px/1.75 var(--font-mono);margin:0;padding:16px;overflow:auto;color:var(--ink)!important;background:0 0!important}.lab-shiki__out .shiki code{font:inherit}.lab-katex__out{background:var(--surface);min-width:0;min-height:120px;color:var(--ink);text-align:center;border-radius:12px;padding:20px 12px;overflow:auto}.lab-katex__out .katex{font-size:1.15rem}.lab-katex__out .katex-display{margin:.6em 0;overflow:auto}.lab-remark__out{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.85}.lab-remark__out>*+*{margin-top:.6em}.lab-remark__out p{margin:0}.lab-remark__out h1,.lab-remark__out h2,.lab-remark__out h3{margin:.8em 0 .3em;font-size:1.05rem;line-height:1.4}.lab-remark__out ul,.lab-remark__out ol{margin:0;padding-left:1.4em}.lab-remark__out blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding-left:12px}.lab-remark__out a{color:var(--accent-strong)}.lab-remark__out pre{background:var(--surface);font:12px/1.7 var(--font-mono);border-radius:9px;margin:0;padding:12px;overflow:auto}.lab-remark__out code{font-family:var(--font-mono);font-size:.85em}.lab-remark__h{color:var(--accent-strong)}@media (width<=600px){.lab-tiptap__toolbar,.lab-lexical__toolbar,.lab-prosemirror__actions,.lab-quill__actions,.lab-codemirror__actions,.lab-katex__presets{gap:5px}.lab-tiptap__btn,.lab-lexical__btn,.lab-prosemirror__btn,.lab-quill__btn,.lab-codemirror__btn,.lab-katex__btn{padding:4px 8px;font-size:.68rem}.lab-tiptap__grid,.lab-lexical__grid{margin-top:16px}.lab-katex__out .katex{font-size:.95rem}}.lab-lottie-host{place-items:center;display:grid}.lab-lottie-host>svg{width:200px;height:200px;display:block}.lab-zustand-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.lab-zustand-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:13px;display:flex}.lab-zustand-panel>header{flex-direction:column;gap:3px;min-width:0;display:flex}.lab-zustand-panel>header strong{font-size:.85rem}.lab-zustand-panel>header span{color:var(--muted);overflow-wrap:anywhere;font-size:.68rem}.lab-zustand-panel ul{flex-direction:column;gap:6px;max-height:210px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.lab-zustand-panel li{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 9px;font-size:.75rem;display:flex}.lab-zustand-panel__name{overflow-wrap:anywhere;flex:110px;min-width:0}.lab-zustand-panel__meta{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.7rem}.lab-zustand-panel__hint{color:var(--muted);margin:0;font-size:.7rem;line-height:1.6}.lab-zustand-step{border:1px solid var(--line-strong);background:var(--surface-2);width:22px;height:22px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;flex:0 0 22px;padding:0;font-size:.8rem;line-height:1}.lab-zustand-step:hover{border-color:var(--accent);color:var(--accent-strong)}.lab-zustand-sum{flex-direction:column;gap:6px;margin:0;display:flex}.lab-zustand-sum>div{justify-content:space-between;gap:10px;font-size:.76rem;display:flex}.lab-zustand-sum dt{color:var(--muted)}.lab-zustand-sum dd{font-variant-numeric:tabular-nums;margin:0}.lab-zustand-sum__grand{color:var(--accent-strong);font-weight:700}.lab-zustand-log,.lab-zustand-note{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:12px}.lab-zustand-log__head,.lab-jotai-log__head,.lab-zod-issues__head,.lab-rtk-log__head,.lab-radix-focus__head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.72rem;display:flex}.lab-zustand-log__empty,.lab-jotai-empty,.lab-radix-empty{color:var(--muted);margin:8px 0 0;font-size:.76rem;line-height:1.7}.lab-zustand-note{color:var(--muted);border-style:dashed;margin-bottom:0;font-size:.72rem;line-height:1.7}.lab-zustand-panel--badge{background:var(--accent-soft)}.lab-jotai-graph{flex-direction:column;gap:6px;display:flex}.lab-jotai-node{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;padding:10px 12px;font-size:.76rem;line-height:1.6}.lab-jotai-node[data-kind=base]{border-color:var(--line-strong);color:var(--muted)}.lab-jotai-node[data-kind=derived]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.lab-jotai-node[data-kind=select]{border-color:var(--accent-strong)}.lab-jotai-arrow{color:var(--muted);text-align:center;font-size:.68rem}.lab-jotai-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.lab-jotai-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:13px;display:flex}.lab-jotai-panel>header{justify-content:space-between;gap:8px;min-width:0;font-size:.72rem;display:flex}.lab-jotai-panel>header span{color:var(--muted)}.lab-jotai-panel ul,.lab-jotai-panel ol{flex-direction:column;gap:7px;max-height:210px;margin:0;padding:0 0 0 18px;font-size:.78rem;display:flex;overflow:auto}.lab-jotai-panel ul{padding-left:0;list-style:none}.lab-jotai-panel li{flex-direction:column;gap:3px;min-width:0;display:flex}.lab-jotai-panel small{color:var(--muted);font-size:.68rem}.lab-jotai-done{color:var(--muted);text-decoration:line-through}.lab-jotai-hint{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.7rem;line-height:1.7}.lab-jotai-new{flex-direction:column;gap:12px;display:flex}.lab-jotai-log{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:12px}.lab-rtk-memo{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;margin-top:16px;padding:12px 14px;font-size:.78rem;line-height:1.7;display:flex}.lab-rtk-memo small{color:var(--muted);font-size:.7rem}.lab-rtk-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.lab-rtk-board>div{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:10px;flex-direction:column;gap:5px;padding:12px 8px;display:flex}.lab-rtk-board span{color:var(--muted);font-size:.68rem}.lab-rtk-board strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.lab-rtk-log,.lab-rtk-list{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:12px}.lab-rtk-list>header{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.lab-rtk-list>header span{color:var(--muted)}.lab-rtk-list ul{flex-direction:column;gap:6px;max-height:230px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.lab-rtk-list li{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 9px;font-size:.74rem;display:flex}.lab-rtk-list li>span{overflow-wrap:anywhere;flex:120px;min-width:0}.lab-rtk-list li>small{color:var(--muted);flex:0 0 100%;font-size:.68rem}.lab-zod-presets{flex-wrap:wrap;gap:10px;display:flex}.lab-zod-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lab-zod-form .lab-field input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;padding:9px 11px}.lab-zod-form .lab-field input[aria-invalid=true]{border-color:var(--accent)}.lab-zod-form code{color:var(--muted);font-size:.68rem}.lab-zod-contact{border:1px dashed var(--line-strong);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.lab-zod-contact select,.lab-zod-contact input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;padding:9px 11px}.lab-zod-contact .lab-field__error{grid-column:1/-1;margin:0}.lab-zod-issues{margin-top:18px}.lab-zod-issues code{overflow-wrap:anywhere;font-size:.72rem}.lab-zod-ok{border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:14px}.lab-zod-ok pre{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:260px;margin:10px 0 0;padding:12px;font-size:.72rem;line-height:1.7;overflow:auto}.lab-radix-overlay{background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.lab-radix-content{border:1px solid var(--line-strong);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);box-shadow:var(--shadow-lg);border-radius:14px;padding:20px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.lab-radix-title{font-size:1.05rem;font-weight:650}.lab-radix-desc{color:var(--muted);margin:8px 0 14px;font-size:.78rem;line-height:1.7}.lab-radix-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.lab-radix-field{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;flex:120px;padding:11px 12px;font-size:.8rem}.lab-radix-keys{border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:13px;font-size:.75rem}.lab-radix-keys strong{margin-bottom:8px;font-size:.8rem;display:block}.lab-radix-keys ul{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lab-radix-keys kbd{border:1px solid var(--line-strong);background:var(--surface-2);min-width:20px;color:var(--ink);font:12px var(--font-mono);text-align:center;border-radius:5px;margin-right:4px;padding:2px 6px;display:inline-block}.lab-radix-checks{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;margin-top:16px;padding:13px;font-size:.78rem;display:flex}.lab-radix-checks small{color:var(--muted);font-size:.7rem}.lab-radix-checkbox{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;padding:0;display:inline-grid}.lab-radix-checkbox[data-state=checked],.lab-radix-checkbox[data-state=indeterminate]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.lab-radix-checkbox:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.lab-radix-checkbox__indicator{place-items:center;display:grid}.lab-radix-tabs-wrap{flex-direction:column;gap:12px;display:flex}.lab-radix-tablist{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.lab-radix-tab{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;padding:8px 14px;font-size:.8rem}.lab-radix-tab[data-state=active]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:650}.lab-radix-tab:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.lab-radix-tabpanel{padding:14px 2px;font-size:.85rem;line-height:1.8}.lab-radix-hint{color:var(--muted);margin:8px 0 0;font-size:.72rem}.lab-radix-tabindex{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;flex-direction:column;gap:5px;padding:11px 13px;font-size:.74rem;line-height:1.7;display:flex}.lab-radix-tabindex span{color:var(--muted)}.lab-radix-focus{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:12px}.lab-radix-now{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:10px;padding-top:10px;font-size:.75rem}.lab-radix-now code{color:var(--accent-strong)}.lab-radix-content :focus-visible,.lab-radix-field:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.lab-stage--table{padding:12px;overflow:auto}.lab-stage--table .ant-table-wrapper{min-width:0}.lab-antd-expanded{flex-direction:column;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.lab-antd-expanded ul{flex-direction:column;gap:5px;margin:0;padding-left:18px;display:flex}.lab-antd-expanded code{margin-right:8px;font-size:.72rem}.lab-mantine-root{border:1px solid var(--line);background:var(--mantine-color-body);min-width:0;color:var(--mantine-color-text);border-radius:14px;flex-direction:column;gap:2px;padding:18px;display:flex}.lab-mantine-head{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.lab-mantine-head__meta{color:var(--mantine-color-dimmed);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.75rem;display:flex}.lab-mantine-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lab-mantine-summary>div{border:1px solid var(--mantine-color-default-border);border-radius:9px;flex-direction:column;gap:5px;min-width:0;padding:11px 12px;display:flex}.lab-mantine-summary span{color:var(--mantine-color-dimmed);font-size:.68rem}.lab-mantine-summary strong{overflow-wrap:anywhere;font-size:.85rem}.lab-mantine-root code{font-family:var(--font-mono);font-size:.72rem}.lab-mantine-root .lab-status{color:var(--mantine-color-dimmed)}:root[data-theme=light] body,:root[data-theme=dark] body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);margin:0}@media (width<=640px){.lab-zustand-panels,.lab-jotai-columns{grid-template-columns:1fr}.lab-rtk-board{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-zod-form,.lab-zod-contact,.lab-mantine-summary{grid-template-columns:1fr}}.lab-swiper-root{border-radius:14px;overflow:hidden}.lab-swiper-root .swiper-slide{height:auto;display:flex}.lab-swiper-slide span{color:var(--muted);margin-top:6px;font-size:.72rem;display:block}.lab-swiper-pagination{margin-top:12px;position:static}:root[data-theme=light] body,:root[data-theme=dark] body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;font-size:15px;line-height:1.65;overflow-x:clip}.lab-mantine-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] .lab-mantine-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lab-echarts-host{width:100%;min-width:0;height:320px}.lab-chartjs-wrap{width:100%;min-width:0;height:300px;position:relative}.lab-chartjs-wrap canvas{max-width:100%}.lab-uplot-box{width:100%;min-width:0;height:290px}.lab-uplot-box .uplot{background:var(--surface)}.lab-d3-host{width:100%;min-width:0;overflow:auto}.lab-d3-host svg{max-width:100%;height:auto;display:block}.lab-d3-host .d3-bar{shape-rendering:crispedges}.lab-d3-host .d3-label,.lab-d3-host .d3-axis-x text,.lab-d3-host .d3-axis-y text{font-size:11px}.lab-recharts-main{width:100%;min-width:0;height:320px}.lab-recharts-brush{width:100%;min-width:0;height:120px;margin-top:6px}.lab-recharts-main text,.lab-recharts-brush text{font-size:11px}.lab-plot-host{width:100%;min-width:0;max-height:460px;overflow:auto}.lab-plot-host svg{max-width:100%;height:auto;display:block}.lab-g6-canvas,.lab-x6-canvas{border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;height:340px;overflow:hidden}.lab-g6-detail{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 14px;font-size:.8rem;line-height:1.8;display:flex}.lab-g6-detail b{color:var(--ink)}.lab-mermaid-out{border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;padding:16px;overflow:auto}.lab-mermaid-out svg{max-width:100%;height:auto;display:block}.lab-mermaid-note{border-left:3px solid var(--line-strong);background:var(--surface-2);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:.78rem;line-height:1.85}.lab-rf-wrap{border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;height:340px;overflow:hidden}.lab-rf-node{border:1px solid var(--line-strong);background:var(--surface);min-width:132px;color:var(--ink);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-size:.8rem;line-height:1.5;display:flex}.lab-rf-node strong{font-size:.86rem}.lab-rf-node__stage{color:var(--muted);letter-spacing:.04em;font-size:.68rem}.lab-rf-node[data-stage=发布]{border-color:var(--accent);background:var(--accent-soft)}.lab-rf-wrap .react-flow__attribution{color:var(--muted);background:0 0;font-size:.6rem}.lab-rf-wrap .react-flow__controls-button{background:var(--surface);border-bottom:1px solid var(--line);fill:var(--ink)}.lab-rf-wrap .react-flow__controls-button:hover{background:var(--surface-2)}.lab-rf-wrap .react-flow__edge-path{stroke:var(--line-strong)}.lab-map-leaflet,.lab-map-maplibre{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;min-width:0;height:340px;overflow:hidden}.lab-map-leaflet .leaflet-container{background:var(--surface-2);width:100%;height:100%;font:inherit;color:var(--ink);outline:none}.lab-map-maplibre .maplibregl-map{font:inherit}.lab-map-leaflet .leaflet-popup-content-wrapper,.lab-map-leaflet .leaflet-popup-tip,.lab-map-maplibre .maplibregl-popup-content-wrapper,.lab-map-maplibre .maplibregl-popup-tip{background:var(--surface);color:var(--ink);box-shadow:0 6px 22px #0000002e}.lab-map-leaflet .leaflet-popup-content,.lab-map-maplibre .maplibregl-popup-content{margin:12px 14px;font-size:.78rem;line-height:1.8}.lab-map-leaflet .leaflet-bar a,.lab-map-maplibre .maplibregl-ctrl-group button{background:var(--surface);color:var(--ink);border-bottom-color:var(--line)}.lab-map-leaflet .leaflet-bar a:hover,.lab-map-maplibre .maplibregl-ctrl-group button:hover{background:var(--surface-2);color:var(--ink)}.lab-map-leaflet .leaflet-control-layers,.lab-map-leaflet .leaflet-control-attribution,.lab-map-maplibre .maplibregl-ctrl-scale,.lab-map-maplibre .maplibregl-ctrl-attrib{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}.lab-map-leaflet .leaflet-control-layers-toggle{background:var(--surface)}.lab-map-leaflet label{color:var(--ink);font-size:.75rem}@media (width<=480px){.lab-echarts-host,.lab-g6-canvas,.lab-x6-canvas,.lab-map-leaflet,.lab-map-maplibre,.lab-rf-wrap{height:280px}.lab-chartjs-wrap,.lab-uplot-box{height:260px}.lab-recharts-main{height:280px}.lab-plot-host{max-height:400px}.lab-rf-node{min-width:112px;padding:8px 10px}}.lab-error:has(.lab-esbuild-errors)>div{min-width:0;max-width:100%}.lab-error:has(.lab-esbuild-errors) strong{overflow-wrap:anywhere;min-width:0;max-width:100%;display:block}.lab-esbuild-errors{max-width:100%}.lab-tq-log{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;margin-top:18px;padding:16px}.lab-tq-log h3{margin:0;font-size:.9rem}.lab-tq-log__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.lab-tq-log .lab-table-wrap{max-width:100%;margin-top:0}.lab-tq-round{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:3px 10px;font-size:.7rem;display:inline-flex}.lab-tq-round[data-active=true]{border-color:var(--green);color:var(--ink)}.lab-tq-note[data-tone=error]{border-left-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.lab-tq-url{min-width:0;max-width:100%;font-family:var(--font-mono);color:var(--ink-soft);overflow-wrap:anywhere;font-size:.66rem;display:block}.lab-tq-status{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lab-tq-status[data-ok=false]{color:var(--accent)}.lab-tq-cell[data-state=待运行]{opacity:.65}@media (width<=480px){.lab-tq-log{padding:12px}}.lab-moveable-scroll{max-width:100%;padding-bottom:4px;overflow:auto hidden}.lab-moveable-canvas{border:1px solid var(--line);background:var(--surface);background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1px);touch-action:none;background-size:18px 18px;border-radius:14px;position:relative}.lab-moveable-box{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);text-align:center;border-radius:12px;place-content:center;gap:4px;display:grid;position:absolute;top:0;left:0}.lab-moveable-box strong{font-size:.8rem}.lab-moveable-box small{opacity:.85;font-size:.7rem}.lab-moveable-mount{position:absolute;inset:0}.lab-move-guide{background:var(--accent);opacity:.55;pointer-events:none;width:1px;position:absolute;top:16px;bottom:16px;left:50%}.lab-move-hint{color:var(--muted);pointer-events:none;margin:0;font-size:.68rem;position:absolute;bottom:8px;left:10px}.lab-readout{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin:14px 0 0;display:grid}.lab-readout>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:9px 10px}.lab-readout dt{color:var(--muted);font-size:.68rem}.lab-readout dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 0;font-size:.8rem}.lab-swiper-root .lab-swiper-slide{flex:1;width:100%}.lab-stats>div,.lab-stats strong{overflow-wrap:anywhere;min-width:0}@media (width<=480px){.lab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-stats strong{font-size:1.2rem}}.lab-stats{grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr))}:root{--motion-exit:.16s;--motion-enter:.26s;--motion-ease:cubic-bezier(.22,1,.36,1)}body,.sidebar,.topbar,.site-footer{transition:background-color .22s,color .22s,border-color .22s}.favorite-button svg,.favorite-detail svg,.quick-copy svg,.copy-button svg{transform-origin:50%}.active-filter{animation:condition-in .22s var(--motion-ease) both}.filter-chip[aria-pressed=true]>svg{animation:check-in .22s var(--motion-ease) both}.modal-backdrop--search[data-state=open],.drawer-backdrop[data-state=open],.filter-sheet-backdrop[data-state=open]{animation:fade-in var(--motion-enter) ease both}.modal-backdrop--search[data-state=closing],.drawer-backdrop[data-state=closing],.filter-sheet-backdrop[data-state=closing]{pointer-events:none;animation:surface-out var(--motion-exit) ease both}.modal-backdrop--search[data-state=closing]>.search-dialog,.filter-sheet-backdrop[data-state=closing]>.filter-sheet{animation:panel-out var(--motion-exit) ease both}.drawer-backdrop[data-state=closing]>.drawer{animation:drawer-out var(--motion-exit) ease both}.toast[data-state=closing]{animation:panel-out var(--motion-exit) ease both}@keyframes condition-in{0%{opacity:0;clip-path:inset(0 10% 0 0 round 20px)}to{opacity:1;clip-path:inset(0 round 20px)}}@keyframes check-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes surface-out{0%{opacity:1}to{opacity:0}}@keyframes panel-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.active-filter,.filter-chip[aria-pressed=true]>svg,.modal-backdrop--search[data-state],.drawer-backdrop[data-state],.filter-sheet-backdrop[data-state],.toast[data-state=closing]{animation:none!important}}.lab-stats>[data-format=text]{text-align:left;gap:5px;padding:12px 14px}.lab-stats>[data-format=text] strong{font-size:.86rem;font-weight:600;line-height:1.65}.lab-carousel-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lab-carousel-stage{min-height:0;margin-top:20px}.lab-carousel-stage .lab-embla__card{min-height:170px}.lab-carousel-stage .lab-embla__card strong{font-size:clamp(1.2rem,2.5vw,1.8rem)}.lab-carousel-label{color:var(--muted);margin-top:20px;font-size:.75rem}.lab-carousel-stage .lab-embla__list{margin-top:8px}.lab-carousel-footer{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:20px;margin-top:18px;display:grid}.lab-carousel-footer .lab-options{margin:0}@media (width<=720px){.lab-carousel-controls{grid-template-columns:minmax(0,1fr);gap:12px}.lab-carousel-footer{grid-template-columns:minmax(0,1fr);gap:14px}}.lab-stats>[data-wide=true]{grid-column:1/-1}.lab-output-stats{margin-top:18px}.lab-stats strong{font-size:clamp(1.2rem,2vw,1.7rem)}.lab-layout--editor{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-layout--toolbar{grid-template-columns:minmax(0,1fr)}.lab-layout--toolbar>.lab-controls,.lab-config{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.lab-config{min-width:0;margin:0 0 22px}.lab-config--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-config--options{grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0}.lab-layout--toolbar>.lab-controls>:is(p,.demo-caption,.lab-stats,.lab-options),.lab-config>.demo-caption{grid-column:1/-1}.lab-layout--toolbar>.lab-controls>.lab-field:has(textarea){grid-column:1/-1}.lab-layout--toolbar>.lab-controls>.lab-status{margin:0}.lab-layout--editor>.lab-controls{display:flex}.lab-editor-grid{align-items:start}@media (width<=900px){.lab-layout--editor{grid-template-columns:minmax(0,1fr)}.lab-layout--toolbar>.lab-controls,.lab-config,.lab-config--options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.lab-layout--toolbar>.lab-controls,.lab-config,.lab-config--options{grid-template-columns:minmax(0,1fr)}}.lab-layout--toolbar>.lab-controls:has(.lab-culori-inputs){grid-template-columns:repeat(2,minmax(0,1fr))}.lab-layout--toolbar>.lab-controls>.lab-field:has(.lab-culori-inputs){grid-column:1/-1}.lab-layout--toolbar .lab-culori-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-mermaid-out{max-height:560px}@media (width<=480px){:is(.lab-layout--toolbar>.lab-controls:has(.lab-culori-inputs),.lab-layout--toolbar .lab-culori-inputs){grid-template-columns:minmax(0,1fr)}}.catalog-overview{margin:4px 0 32px}.catalog-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.catalog-metrics>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:18px 20px}.catalog-metrics dt{color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.catalog-metrics dt svg{color:var(--accent-strong);flex-shrink:0}.catalog-metrics dd{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:12px 0 0;font-size:1.9rem;font-weight:650;line-height:1.2}.catalog-metrics dd span{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:.72rem;font-weight:400}.catalog-metrics dd a{width:fit-content;color:inherit;align-items:center;display:flex}.catalog-metrics dd a>svg{color:var(--muted);margin-left:10px}.catalog-metrics .catalog-metrics__date{letter-spacing:-.02em;font-size:clamp(.95rem,1.8vw,1.3rem);line-height:1.75}.catalog-breakdown{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.catalog-breakdown__side{grid-template-rows:1fr auto;gap:18px;min-width:0;display:grid}.catalog-breakdown__side>.catalog-panel{flex-direction:column;display:flex}.catalog-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;overflow:hidden}.catalog-panel__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:14px 18px;display:flex}.catalog-panel__head h2{font-size:.9rem;font-weight:650}.catalog-panel__head>a,.catalog-panel__head>span{color:var(--muted);align-items:center;gap:5px;font-size:.7rem;display:inline-flex}.catalog-panel a:hover{color:var(--accent-strong)}.catalog-panel a:focus-visible,.catalog-metrics a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.catalog-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.76rem}.catalog-table th,.catalog-table td{text-align:right;border-bottom:1px solid var(--line);padding:8px 18px}.catalog-table th:first-child{text-align:left}.catalog-table thead th{color:var(--muted);background:var(--surface-2);font-size:.68rem;font-weight:500}.catalog-table tbody th{font-weight:500}.catalog-table th a{align-items:center;gap:9px;width:fit-content;display:flex}.catalog-table th svg{color:var(--muted);flex-shrink:0}.catalog-table tfoot th,.catalog-table tfoot td{background:var(--surface-2);border-bottom:0;font-weight:650}.catalog-distribution{flex:1;grid-template-rows:repeat(4,1fr);margin:0;padding:6px 18px;list-style:none;display:grid}.catalog-distribution li{display:flex}.catalog-distribution li+li{border-top:1px solid var(--line)}.catalog-distribution a{flex:1;grid-template-columns:64px minmax(0,1fr) 32px 13px;align-items:center;gap:12px;padding:15px 0;font-size:.76rem;display:grid}.catalog-distribution strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.catalog-distribution a>svg,.catalog-platforms a>svg{color:var(--muted)}.catalog-distribution__track{background:var(--surface-2);border-radius:4px;height:5px;overflow:hidden}.catalog-distribution__track>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.catalog-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:18px;list-style:none;display:grid}.catalog-platforms li{min-width:0}.catalog-platforms a{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 5px;display:grid}.catalog-platforms a>span{color:var(--muted);grid-column:1/-1;font-size:.72rem}.catalog-platforms strong{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.directory-title{margin-bottom:16px;font-size:1.1rem;font-weight:650}#directory{scroll-margin-top:90px}@media (width<=1100px){.catalog-metrics>div{padding:16px 14px}.catalog-table th,.catalog-table td{padding:8px 12px}}@media (width<=760px){.catalog-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-breakdown{grid-template-columns:minmax(0,1fr)}.catalog-breakdown__side{grid-template-rows:auto auto}.catalog-metrics .catalog-metrics__date{font-size:1.1rem}}@media (width<=380px){.catalog-metrics>div{padding:14px 12px}.catalog-metrics dt{gap:5px;font-size:.7rem}.catalog-metrics dd{font-size:1.65rem}.catalog-metrics .catalog-metrics__date{font-size:.95rem}.catalog-distribution a{grid-template-columns:58px minmax(0,1fr) 28px 13px;gap:8px}}.home-preview-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:180px;display:grid}.home-preview-directory>span{border:1px solid var(--line);background:var(--surface);border-radius:14px}@media (width<=760px){.home-preview-directory{grid-template-columns:minmax(0,1fr)}.home-preview-directory>span:not(:first-child){display:none}}.home-preview-links{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;display:grid}.home-preview-links a{border:1px solid var(--line);border-radius:14px;gap:6px;padding:16px;display:grid}.home-preview-links span{color:var(--muted);font-size:.78rem;line-height:1.6}.site-footer__visitors span{font-variant-numeric:tabular-nums}.site-footer__visitors .site-footer__separator{opacity:.5;margin:0 5px}