.tools-root{--tools-bg:var(--bg);--tools-card:var(--surface-white);--tools-card-soft:var(--bg-soft);--tools-text:var(--text);--tools-muted:var(--text-secondary);--tools-border:var(--border);--tools-blue:var(--accent);background:var(--tools-bg);min-height:70vh;color:var(--tools-text)}.tools-root[data-theme=dark]{--tools-bg:#0b0b0b;--tools-card:#111;--tools-card-soft:#171717;--tools-text:#f5f5f5;--tools-muted:#a1a1a1;--tools-border:#ffffff1a;--tools-blue:#5b9cff}.tools-card{background:var(--tools-card);border-color:var(--tools-border)}.tools-soft{background:var(--tools-card-soft)}.tools-muted{color:var(--tools-muted)}.tools-border{border-color:var(--tools-border)}.tools-input{color:var(--tools-text);background:var(--tools-card);border-color:var(--tools-border)}.tools-input::placeholder{color:var(--tools-muted);opacity:.72}.tools-input:focus{outline:2px solid color-mix(in srgb, var(--tools-blue) 45%, transparent);outline-offset:1px;border-color:color-mix(in srgb, var(--tools-blue) 50%, var(--tools-border))}.tools-link:hover{color:var(--tools-blue)}.tools-shadow{box-shadow:var(--shadow-md)}.tools-shadow-subtle{box-shadow:var(--shadow-xs);transition:transform var(--motion-fast) var(--ease-premium), box-shadow var(--motion-fast) var(--ease-premium)}.tools-shadow-subtle:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tools-root[data-theme=dark] .tools-shadow,.tools-root[data-theme=dark] .tools-shadow-subtle{box-shadow:0 22px 70px #00000047}.tools-drop-active{background:color-mix(in srgb, var(--tools-blue) 6%, var(--tools-card));border-color:var(--tools-blue)!important}.tools-category-scroll{scrollbar-width:none}.tools-category-scroll::-webkit-scrollbar{display:none}.tools-result-code{tab-size:2}.tools-nav-backdrop{background:color-mix(in srgb, var(--tools-bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tools-root :where(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--tools-blue)}@media (prefers-reduced-motion:reduce){.tools-root *,.tools-root :before,.tools-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}