.cmdk__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:100;animation:cmdk-fade .1s ease-out}@keyframes cmdk-fade{0%{opacity:0}}.cmdk{width:min(600px,calc(100vw - 32px));background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmdk__input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.cmdk__search-icon{font-size:18px;color:var(--text-subtle)}.cmdk__input{flex:1;border:none;background:transparent;font-size:16px;outline:none}.cmdk__esc{font-size:11px;color:var(--text-subtle);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px}.cmdk__list{list-style:none;margin:0;padding:var(--space-2);max-height:52vh;overflow-y:auto}.cmdk__section{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);padding:var(--space-2) var(--space-3) 4px}.cmdk__empty{padding:var(--space-4);color:var(--text-muted);text-align:center}.cmdk__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.cmdk__item.is-active{background:var(--accent-soft)}.cmdk__item-icon{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--accent);font-family:var(--font-mono);font-size:13px}.cmdk__item-body{display:flex;flex-direction:column;min-width:0}.cmdk__item-name{font-weight:550}.cmdk__item-desc{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-weight:550;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:0 1px 2px var(--accent-glow)}.btn--primary:hover{background:var(--grad-accent);filter:brightness(1.07);box-shadow:0 3px 14px var(--accent-glow)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover{background:var(--bg-hover)}.btn--sm{padding:5px 10px;font-size:13px}.btn--ok{color:var(--success);border-color:var(--success)}.tool-shell{max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-6);animation:fade-up .28s ease both}.tool-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;margin-bottom:var(--space-4)}.tool-header__title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.tool-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tool-header__main{display:flex;align-items:flex-start;gap:var(--space-4);min-width:0}.tool-header__icon{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius);background:var(--cat-color, var(--accent));color:#fff;font-size:20px;font-family:var(--font-mono);box-shadow:0 4px 14px color-mix(in srgb,var(--cat-color, var(--accent)) 40%,transparent)}.tool-header__desc{margin:6px 0 0;color:var(--text-muted);font-size:14px}.tool-header__cat{display:inline-block;margin-top:var(--space-3);font-size:12px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.tool-section{margin-top:var(--space-5)}.tool-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2)}.tool-label__meta{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:.85}.tool-label__meta+*{margin-left:var(--space-3)}.tool-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.two-col{grid-template-columns:1fr}}.field{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);resize:vertical;transition:border-color .15s,box-shadow .15s}.field:hover{border-color:var(--accent)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.field{min-height:180px;line-height:1.55}.field--mono{font-family:var(--font-mono);font-size:13.5px}.output{white-space:pre-wrap;word-break:break-word;min-height:120px}.control{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.control select,.control input[type=number],.control input[type=text]{padding:5px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated)}.checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer}.msg{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;margin-top:var(--space-3);border:1px solid transparent}.msg--error{background:var(--error-soft);color:var(--error);border-color:var(--error)}.msg--success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.msg--warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}.msg__icon{font-weight:700;line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.stat{position:relative;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.stat:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-accent);opacity:0;transition:opacity .15s}.stat:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat:hover:before{opacity:1}.stat__value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat__label{font-size:12px;color:var(--text-muted);margin-top:3px}.related{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.related__title{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 var(--space-3)}.related__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.help{margin-top:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-subtle);font-size:13.5px;color:var(--text-muted)}.help p{margin:0 0 8px}.help p:last-child{margin-bottom:0}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.app-header__left{display:flex;align-items:center;gap:var(--space-2)}.app-header__menu{display:none;border:none;background:transparent;color:var(--text);font-size:20px;padding:4px 8px;border-radius:var(--radius-sm)}.app-header__menu:hover{background:var(--bg-hover)}.app-header__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--text);font-weight:650;font-size:16px}.app-header__brand:hover{text-decoration:none}.app-header__logo{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--grad-accent);color:#fff;font-size:17px;font-weight:700;box-shadow:0 2px 8px var(--accent-glow)}.app-header__by{color:var(--text-muted);font-weight:500}.app-header__search{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:440px;margin:0 auto;padding:7px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-muted);text-align:left}.app-header__search:hover{border-color:var(--accent)}.app-header__search-icon{font-size:16px}.app-header__search-text{flex:1}.app-header__kbd{font-size:11px;border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px;background:var(--bg-elevated)}.app-header__right{display:flex;align-items:center;gap:var(--space-2)}.app-header__theme{font-size:17px;padding:6px 10px}.app-body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;align-items:start}.app-main{min-width:0;min-height:calc(100vh - var(--header-h))}.app-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:var(--space-5) var(--space-4) var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-subtle);font-size:13px}.app-footer__dot{color:var(--success);font-size:9px}.app-footer__sep{opacity:.5}.app-footer__sig{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.app-footer__link{color:var(--text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .14s,border-color .14s}.app-footer__link:hover{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 45%,transparent)}.app-footer__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.app-sidebar{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow:hidden;border-right:1px solid var(--border);background:transparent}.app-sidebar__inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-3) var(--space-5);gap:var(--space-2);scrollbar-width:thin;scrollbar-color:transparent transparent}.app-sidebar__inner:hover{scrollbar-color:var(--border-strong) transparent}.app-sidebar__inner::-webkit-scrollbar{width:8px}.app-sidebar__inner::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.app-sidebar__inner:hover::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box}.side-filter{position:relative;display:flex;align-items:center;margin:var(--space-2) 0 var(--space-1)}.side-filter__icon{position:absolute;left:9px;display:inline-flex;color:var(--text-subtle);pointer-events:none}.side-filter__input{width:100%;padding:7px 26px 7px 30px;font-size:13px;color:var(--text);background:var(--bg-subtle);border:1px solid transparent;border-radius:var(--radius-sm);transition:border-color .14s,background .14s}.side-filter__input::placeholder{color:var(--text-subtle)}.side-filter__input:focus{outline:none;border-color:var(--accent);background:var(--bg-elevated)}.side-filter__clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;color:var(--text-subtle);border-radius:50%}.side-filter__clear:hover{color:var(--text);background:var(--bg-hover)}.side-groups{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.side-group__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);padding:0 var(--space-2) var(--space-1)}.side-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.side-item{--hue-color: hsl(var(--cat-hue, 245) 60% 55%);position:relative;display:flex;align-items:center;gap:10px;padding:6px 9px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13.5px;line-height:1.2;transition:background .13s ease,color .13s ease}.side-item:hover{background:color-mix(in srgb,var(--bg-hover) 55%,transparent);color:var(--text);text-decoration:none}.side-item__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-subtle);transition:color .13s ease}.side-item:hover .side-item__icon{color:var(--hue-color)}.side-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-item__count{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-subtle);padding-left:var(--space-2)}.side-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-item.is-active .side-item__icon,.side-item.is-active .side-item__count{color:var(--accent)}.side-item.is-active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:3px;background:var(--accent);opacity:.9}.side-item--primary{font-size:14px;font-weight:600;color:var(--text);padding:8px 9px}.side-item--primary .side-item__icon{color:var(--accent)}.side-empty{font-size:13px;color:var(--text-subtle);padding:var(--space-2)}.app-sidebar__scrim{display:none}@media (max-width: 860px){.app-header__menu{display:block}.app-header__search-text,.app-header__kbd{display:none}.app-header__search{flex:0 0 auto;max-width:none;margin:0;padding:8px}.app-body{grid-template-columns:1fr}.app-sidebar{position:fixed;top:var(--header-h);left:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .18s ease-out;z-index:40;background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar__scrim{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#0006;z-index:30}}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 1px rgba(15, 23, 42, .03);--shadow: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 55px rgba(15, 23, 42, .16);--header-h: 60px;--sidebar-w: 248px}:root[data-theme=light]{--bg: #fbfbfd;--bg-elevated: #ffffff;--bg-subtle: #f3f4f8;--bg-hover: #eceef4;--border: #e7e9f0;--border-strong: #d5d9e3;--text: #1a1d29;--text-muted: #5c6474;--text-subtle: #949bab;--accent: #6d5efc;--accent-hover: #5b4ce8;--accent-soft: rgba(109, 94, 252, .09);--accent-2: #9333ea;--success: #16794c;--success-soft: #e6f5ec;--error: #d0342c;--error-soft: #fceceb;--warning: #9a6100;--warning-soft: #fbf1de;--grad-accent: linear-gradient(135deg, #6d5efc 0%, #9333ea 100%);--grad-hero: radial-gradient(ellipse 70% 55% at 50% -5%, rgba(109, 94, 252, .12), transparent 72%);--accent-glow: rgba(109, 94, 252, .3)}:root[data-theme=dark]{--bg: #0c0e14;--bg-elevated: #14171f;--bg-subtle: #1a1e28;--bg-hover: #222736;--border: #242a37;--border-strong: #333a4a;--text: #e9ecf3;--text-muted: #98a1b3;--text-subtle: #656d7e;--accent: #8b93ff;--accent-hover: #a0a7ff;--accent-soft: rgba(139, 147, 255, .14);--accent-2: #c084fc;--success: #45d483;--success-soft: rgba(69, 212, 131, .13);--error: #f87171;--error-soft: rgba(248, 113, 113, .13);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .13);--grad-accent: linear-gradient(135deg, #7c83ff 0%, #b569f5 100%);--grad-hero: radial-gradient(ellipse 70% 55% at 50% -5%, rgba(139, 147, 255, .16), transparent 72%);--accent-glow: rgba(139, 147, 255, .3)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}textarea,pre,code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg)}