@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--coral-50:#fff7ed;--coral-500:#f97316;--coral-600:#ea6000;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--red-50:#fef2f2;--red-500:#ef4444;--red-600:#dc2626;--bg-primary-light:#f8fafc;--bg-primary-dark:#0b1020;--bg-primary:var(--bg-primary-light);--bg-secondary-light:#fff;--bg-secondary-dark:#111827;--bg-secondary:var(--bg-secondary-light);--bg-tertiary-light:#eef2f7;--bg-tertiary-dark:#1f2937;--bg-tertiary:var(--bg-tertiary-light);--text-primary-light:#111827;--text-primary-dark:#f8fafc;--text-primary:var(--text-primary-light);--text-secondary-light:#475569;--text-secondary-dark:#cbd5e1;--text-secondary:var(--text-secondary-light);--text-muted-light:#94a3b8;--text-muted-dark:#64748b;--text-muted:var(--text-muted-light);--border-primary-light:#e2e8f0;--border-primary-dark:#243244;--border-primary:var(--border-primary-light);--border-secondary-light:#cbd5e1;--border-secondary-dark:#334155;--border-secondary:var(--border-secondary-light);--accent-blue-light:#2563eb;--accent-blue-dark:#3b82f6;--accent-blue:var(--accent-blue-light);--accent-violet-light:#7c3aed;--accent-violet-dark:#a78bfa;--accent-violet:var(--accent-violet-light);--accent-coral-light:#f97316;--accent-coral-dark:#fb923c;--accent-coral:var(--accent-coral-light);--accent-green-light:#16a34a;--accent-green-dark:#22c55e;--accent-green:var(--accent-green-light);--accent-red-light:#dc2626;--accent-red-dark:#ef4444;--accent-red:var(--accent-red-light);--surface-code-light:#fff;--surface-code-dark:#0f172a;--surface-code:var(--surface-code-light);--surface-hover-light:#0f172a0d;--surface-hover-dark:#94a3b814;--surface-hover:var(--surface-hover-light);--shadow-sm-light:0 1px 2px #0f172a14;--shadow-sm-dark:0 1px 2px #0006;--shadow-sm:var(--shadow-sm-light);--shadow-md-light:0 12px 24px -20px #0f172a59, 0 4px 8px -6px #0f172a29;--shadow-md-dark:0 4px 6px -1px #0006, 0 2px 4px -1px #00000040;--shadow-md:var(--shadow-md-light);--accent-color-light:var(--accent-violet-light);--accent-color-dark:var(--accent-violet-dark);--accent-color:var(--accent-color-light);--scrollbar-track-light:#f1f5f9;--scrollbar-track-dark:#111827;--scrollbar-track:var(--scrollbar-track-light);--scrollbar-thumb-light:#cbd5e1;--scrollbar-thumb-dark:#475569;--scrollbar-thumb:var(--scrollbar-thumb-light)}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border-primary:var(--border-primary-dark);--border-secondary:var(--border-secondary-dark);--accent-blue:var(--accent-blue-dark);--accent-violet:var(--accent-violet-dark);--accent-coral:var(--accent-coral-dark);--accent-green:var(--accent-green-dark);--accent-red:var(--accent-red-dark);--surface-code:var(--surface-code-dark);--surface-hover:var(--surface-hover-dark);--shadow-sm:var(--shadow-sm-dark);--shadow-md:var(--shadow-md-dark);--accent-color:var(--accent-color-dark);--scrollbar-track:var(--scrollbar-track-dark);--scrollbar-thumb:var(--scrollbar-thumb-dark)}}@supports (color:light-dark(white, black)){:root{--bg-primary:light-dark(var(--bg-primary-light),var(--bg-primary-dark));--bg-secondary:light-dark(var(--bg-secondary-light),var(--bg-secondary-dark));--bg-tertiary:light-dark(var(--bg-tertiary-light),var(--bg-tertiary-dark));--text-primary:light-dark(var(--text-primary-light),var(--text-primary-dark));--text-secondary:light-dark(var(--text-secondary-light),var(--text-secondary-dark));--text-muted:light-dark(var(--text-muted-light),var(--text-muted-dark));--border-primary:light-dark(var(--border-primary-light),var(--border-primary-dark));--border-secondary:light-dark(var(--border-secondary-light),var(--border-secondary-dark));--accent-blue:light-dark(var(--accent-blue-light),var(--accent-blue-dark));--accent-violet:light-dark(var(--accent-violet-light),var(--accent-violet-dark));--accent-coral:light-dark(var(--accent-coral-light),var(--accent-coral-dark));--accent-green:light-dark(var(--accent-green-light),var(--accent-green-dark));--accent-red:light-dark(var(--accent-red-light),var(--accent-red-dark));--surface-code:light-dark(var(--surface-code-light),var(--surface-code-dark));--surface-hover:light-dark(var(--surface-hover-light),var(--surface-hover-dark));--shadow-sm:light-dark(var(--shadow-sm-light),var(--shadow-sm-dark));--shadow-md:light-dark(var(--shadow-md-light),var(--shadow-md-dark));--accent-color:light-dark(var(--accent-color-light),var(--accent-color-dark));--scrollbar-track:light-dark(var(--scrollbar-track-light),var(--scrollbar-track-dark));--scrollbar-thumb:light-dark(var(--scrollbar-thumb-light),var(--scrollbar-thumb-dark))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--accent-color);--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}:root.theme-light{--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--bg-tertiary:var(--bg-tertiary-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--border-primary:var(--border-primary-light);--border-secondary:var(--border-secondary-light);--accent-blue:var(--accent-blue-light);--accent-violet:var(--accent-violet-light);--accent-coral:var(--accent-coral-light);--accent-green:var(--accent-green-light);--accent-red:var(--accent-red-light);--surface-code:var(--surface-code-light);--surface-hover:var(--surface-hover-light);--shadow-sm:var(--shadow-sm-light);--shadow-md:var(--shadow-md-light);--accent-color:var(--accent-color-light);--scrollbar-track:var(--scrollbar-track-light);--scrollbar-thumb:var(--scrollbar-thumb-light)}:root.theme-dark{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--border-primary:var(--border-primary-dark);--border-secondary:var(--border-secondary-dark);--accent-blue:var(--accent-blue-dark);--accent-violet:var(--accent-violet-dark);--accent-coral:var(--accent-coral-dark);--accent-green:var(--accent-green-dark);--accent-red:var(--accent-red-dark);--surface-code:var(--surface-code-dark);--surface-hover:var(--surface-hover-dark);--shadow-sm:var(--shadow-sm-dark);--shadow-md:var(--shadow-md-dark);--accent-color:var(--accent-color-dark);--scrollbar-track:var(--scrollbar-track-dark);--scrollbar-thumb:var(--scrollbar-thumb-dark)}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{flex-direction:column;height:100%;display:flex}#root{flex-direction:column;width:100%;height:100%;display:flex}a{color:var(--accent-violet);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--violet-700)}:root{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{border:1px solid var(--border-primary);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--accent-violet);outline:none;box-shadow:0 0 0 3px #7c3aed26}:focus-visible{outline:2px solid var(--accent-violet);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-toggle{align-items:center;gap:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full,20px);color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background-color:var(--surface-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle.is-system{border-style:dashed}.theme-toggle.is-pinned{border-color:var(--accent-violet);box-shadow:var(--shadow-sm)}.icon-container{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.icon{stroke-width:2.2px;width:16px;height:16px;transition:transform var(--transition-normal), opacity var(--transition-fast);position:absolute}:root:not(.theme-dark) .icon-sun{opacity:0;transform:rotate(45deg)scale(.5)}:root:not(.theme-dark) .icon-moon,:root.theme-dark .icon-sun{opacity:1;transform:rotate(0)scale(1)}:root.theme-dark .icon-moon{opacity:0;transform:rotate(-45deg)scale(.5)}@media (prefers-color-scheme:dark){:root:not(.theme-light):not(.theme-dark) .icon-sun{opacity:1;transform:rotate(0)scale(1)}}@media (prefers-color-scheme:dark){:root:not(.theme-light):not(.theme-dark) .icon-moon{opacity:0;transform:rotate(-45deg)scale(.5)}}.theme-toggle:hover .icon-sun{transform:rotate(20deg)scale(1.05)}.theme-toggle:hover .icon-moon{transform:rotate(-15deg)scale(1.05)}.theme-label{letter-spacing:.02em;font-size:.8rem}.system-indicator{background-color:var(--accent-violet);width:6px;height:6px;box-shadow:0 0 4px var(--accent-violet);border-radius:50%;margin-left:2px;animation:2s ease-in-out infinite pulse-indicator;display:inline-block}@keyframes pulse-indicator{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.header{height:56px;min-height:56px;padding:0 var(--space-xl);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);z-index:100;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#ffffffdb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px #0f172a08}@media (prefers-color-scheme:dark){.header{background-color:#0b1020db}}@supports (color:light-dark(white, black)){.header{background-color:light-dark(#ffffffdb,#0b1020db)}}:root.theme-light .header{background-color:#ffffffdb}:root.theme-dark .header{background-color:#0b1020db}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.header{background-color:var(--bg-primary)}}.header-brand{align-items:center;gap:var(--space-sm);display:flex}.logo-container{align-items:center;gap:var(--space-sm);display:flex;color:var(--text-primary)!important}.logo-icon{color:#fff;border-radius:var(--radius-sm);width:30px;height:30px;font-family:var(--font-mono);box-shadow:var(--shadow-sm);background:#111827;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}:root.theme-dark .logo-icon{color:#111827;background:#f8fafc}.logo-text{letter-spacing:0;font-size:1.1rem;font-weight:700}.brand-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);letter-spacing:.05em;padding:3px 7px;font-size:.7rem;font-weight:600}:root.theme-dark .brand-badge{color:var(--text-secondary);background-color:#94a3b81f}.header-actions{align-items:center;gap:var(--space-md);display:flex}.github-link{border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);width:34px;height:34px;transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;color:var(--text-secondary)!important}.github-link:hover{transform:translateY(-1px);color:var(--text-primary)!important}.github-icon{width:20px;height:20px}@media (width<=768px){.header{padding:0 var(--space-md)}.brand-badge{display:none}}.sidebar{--sidebar-transition:.22s ease;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);width:272px;padding:var(--space-lg) var(--space-sm);height:calc(100vh - 56px);transition:width var(--sidebar-transition), padding var(--sidebar-transition), background-color var(--transition-fast), border-color var(--transition-fast);flex-direction:column;flex:none;justify-content:flex-start;display:flex;position:sticky;top:56px;overflow:hidden}.sidebar.is-collapsed{width:72px}.sidebar-collapse-button{width:100%;min-height:38px;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:width var(--sidebar-transition), border-radius var(--sidebar-transition), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.sidebar-collapse-button:hover{color:var(--text-primary);background-color:var(--surface-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.sidebar-collapse-button svg{flex:0 0 17px;width:17px;height:17px}.sidebar-collapse-button span{white-space:nowrap;opacity:1;max-width:96px;transition:max-width var(--sidebar-transition), opacity var(--sidebar-transition), transform var(--sidebar-transition);font-size:.82rem;font-weight:700;overflow:hidden}.sidebar.is-collapsed .sidebar-collapse-button{border-radius:999px;width:44px}.sidebar.is-collapsed .sidebar-collapse-button span{opacity:0;max-width:0;transform:translate(-4px)}.sidebar-nav ul{flex-direction:column;gap:6px;padding:0;display:flex}.nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);min-height:54px;transition:gap var(--sidebar-transition), padding var(--sidebar-transition), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;padding:10px 12px;display:flex;color:var(--text-secondary)!important}.sidebar.is-collapsed .nav-item{justify-content:flex-start;gap:0;padding:10px}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)!important}.nav-item.is-active{background:var(--bg-primary);box-shadow:var(--shadow-sm);border-color:var(--border-primary);font-weight:500;color:var(--text-primary)!important}.nav-icon{border-radius:var(--radius-md);background-color:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);flex:0 0 32px;justify-content:center;align-items:center;display:flex}.nav-item.is-active .nav-icon{background-color:var(--accent-violet);color:#fff}.nav-icon svg{width:17px;height:17px}.nav-text{opacity:1;width:178px;min-width:0;max-width:178px;transition:max-width var(--sidebar-transition), opacity var(--sidebar-transition), transform var(--sidebar-transition);flex-direction:column;display:flex;overflow:hidden;transform:translate(0)}.sidebar.is-collapsed .nav-text{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.nav-title{white-space:nowrap;font-size:.88rem;font-weight:600}.nav-desc{color:var(--text-muted);white-space:nowrap;margin-top:1px;font-size:.73rem}.nav-item.is-active .nav-desc{color:var(--text-muted)}.sidebar-footer{padding:0 var(--space-sm);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;opacity:1;transition:max-height var(--sidebar-transition), opacity var(--sidebar-transition), transform var(--sidebar-transition);font-size:.75rem;overflow:hidden}.sidebar-bottom{gap:var(--space-sm);padding:var(--space-md) var(--space-xs) 0;flex-direction:column;margin-top:auto;display:flex}.sidebar.is-collapsed .sidebar-bottom{align-items:flex-start;padding-left:2px;padding-right:0}.sidebar.is-collapsed .sidebar-footer{opacity:0;max-height:0;transform:translate(-4px)}@media (width<=768px){.sidebar{z-index:100;border-right:none;border-top:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);background-color:#ffffffeb;flex-direction:row;width:100%;height:64px;min-height:64px;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -4px 12px #0000000d}.sidebar.is-collapsed{width:100%}:root.theme-dark .sidebar{background-color:#0b1020eb}.sidebar-nav{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-nav ul{flex-direction:row;justify-content:space-around;gap:0;width:100%;padding:0}.sidebar-nav li{flex:1;justify-content:center;display:flex}.nav-item{padding:8px var(--space-md);text-align:center;border-radius:0;flex-direction:column;gap:2px;width:100%;max-width:150px;box-shadow:none!important;background:0 0!important;border:none!important}.nav-item.is-active{color:var(--accent-violet)!important;box-shadow:none!important;background:0 0!important}.nav-icon,.nav-item.is-active .nav-icon{color:currentColor;background-color:#0000}.nav-icon svg{width:22px;height:22px}.nav-desc{display:none}.nav-title{font-size:.75rem;font-weight:500}.sidebar.is-collapsed .nav-text{opacity:1;width:auto;max-width:none;overflow:visible;transform:none}.sidebar-footer,.sidebar-bottom{display:none}}.layout-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.layout-body{background-color:var(--bg-primary);flex:1;height:calc(100vh - 56px);display:flex;position:relative;overflow:hidden}.layout-content{background-color:var(--bg-primary);transition:background-color var(--transition-fast);padding:var(--space-lg);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow:hidden auto}@media (width<=768px){.layout-body{flex-direction:column;height:calc(100vh - 56px)}.layout-content{padding:var(--space-md);padding-bottom:88px}}.code-editor-container{font-family:var(--font-mono);background-color:var(--surface-code);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;height:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:14px;line-height:20px;display:flex;position:relative;overflow:hidden}.code-editor-container:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26}.line-numbers-container{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);text-align:right;-webkit-user-select:none;user-select:none;width:48px;min-width:48px;color:var(--text-muted);padding:12px 0;overflow:hidden}.line-number{height:20px;padding-right:12px;font-size:12px}.code-editor-main{flex:1;min-width:0;height:100%;position:relative}.code-editor-highlight,.code-editor-textarea{tab-size:2;white-space:pre;word-wrap:normal;font-family:var(--font-mono)!important;padding:12px!important;font-size:14px!important;line-height:20px!important}.code-editor-highlight{z-index:1;min-width:100%;height:100%;color:var(--text-primary);pointer-events:none;margin:0;position:absolute;inset:0;overflow:hidden}.code-editor-textarea{z-index:2;position:absolute;inset:0;overflow:auto;color:var(--text-primary)!important;width:100%!important;height:100%!important;box-shadow:none!important;background-color:#0000!important;border:none!important;outline:none!important}.code-editor-container.is-soft-wrap .code-editor-highlight,.code-editor-container.is-soft-wrap .code-editor-textarea{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;word-wrap:break-word!important}.code-editor-container.is-soft-wrap .code-editor-textarea{overflow-x:hidden!important}.code-editor-textarea.has-highlight{caret-color:var(--text-primary);-webkit-text-fill-color:transparent;color:#0000!important}.code-editor-textarea::selection{-webkit-text-fill-color:transparent;background-color:#7c3aed38}.json-token-key{color:#7c3aed;font-weight:600}.json-token-string{color:#0f766e}.json-token-number{color:#b45309}.json-token-boolean{color:#2563eb;font-weight:600}.json-token-null{color:#dc2626;font-weight:600}.json-token-punctuation{color:var(--text-muted)}.sql-token-keyword{color:#7c3aed;font-weight:700}.sql-token-string{color:#0f766e}.sql-token-number{color:#b45309}.sql-token-operator{color:#2563eb}.sql-token-comment{color:var(--text-muted);font-style:italic}.sql-token-identifier{color:var(--text-primary)}:root.theme-dark .json-token-key{color:#c4b5fd}:root.theme-dark .json-token-string{color:#5eead4}:root.theme-dark .json-token-number{color:#fbbf24}:root.theme-dark .json-token-boolean{color:#93c5fd}:root.theme-dark .json-token-null{color:#fca5a5}:root.theme-dark .sql-token-keyword{color:#c4b5fd}:root.theme-dark .sql-token-string{color:#5eead4}:root.theme-dark .sql-token-number{color:#fbbf24}:root.theme-dark .sql-token-operator{color:#93c5fd}.line-numbers-container::-webkit-scrollbar{display:none}.formatter-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.formatter-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.tool-kicker{color:var(--accent-violet);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:700}.formatter-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.heading-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.heading-stats span{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:4px 8px}.formatter-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.toolbar-section{align-items:center;gap:var(--space-sm);display:flex}.gap-sm{gap:var(--space-xs)}.toolbar-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.indent-select{border-radius:var(--radius-md);background-color:var(--bg-secondary);border-color:var(--border-primary);cursor:pointer;padding:7px 12px;font-size:.85rem}.btn{border-radius:var(--radius-sm);min-height:34px;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:7px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-violet);color:#fff;box-shadow:0 8px 16px -12px #7c3aedcc}.btn-primary:hover{background:var(--violet-700);transform:translateY(-1px);box-shadow:0 10px 20px -14px #7c3aede6}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{background-color:var(--bg-secondary);color:var(--accent-red);border-color:#dc262633}.btn-danger:hover{background-color:var(--red-50);border-color:var(--accent-red);transform:translateY(-1px)}:root.theme-dark .btn-danger:hover{background-color:#ef44441a}.btn-text-copy{color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);padding:4px 8px;font-size:.8rem;font-weight:500}.btn-text-copy:hover{color:var(--text-primary);background-color:var(--surface-hover)}.formatter-panels{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;height:calc(100vh - 292px);min-height:360px;display:grid}.panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;height:100%;box-shadow:var(--shadow-sm);flex-direction:column;gap:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;min-height:56px;padding:10px 12px;display:flex}.panel-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.panel-body{flex:1;height:calc(100% - 56px);padding:0;overflow:hidden}.panel-body .code-editor-container{border:none;border-radius:0}.panel-body .code-editor-container:focus-within{box-shadow:inset 0 0 0 1px var(--accent-violet)}.status-badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.status-badge.is-valid{background-color:var(--green-50);color:var(--accent-green);border:1px solid #16a34a33}:root.theme-dark .status-badge.is-valid{background-color:#22c55e1a}.status-badge.is-invalid{background-color:var(--red-50);color:var(--accent-red);border:1px solid #dc262633}:root.theme-dark .status-badge.is-invalid{background-color:#ef44441a}.formatter-footer{justify-content:space-between;align-items:center;gap:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:var(--space-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-wrap:wrap;padding:10px 12px;display:flex}.status-message{align-items:center;gap:var(--space-sm);font-size:.82rem;display:flex}.success-message{color:var(--accent-green);font-weight:500}.success-icon{font-weight:700}.error-message{color:var(--accent-red)}.error-details{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.error-line-badge{border-radius:var(--radius-sm);background-color:var(--accent-red);color:#fff;padding:1px 6px;font-size:.75rem;font-weight:600}.loose-format-badge{border-radius:var(--radius-sm);color:#b45309;background-color:#b453091f;padding:1px 6px;font-size:.75rem;font-weight:600}:root.theme-dark .loose-format-badge{color:#fbbf24;background-color:#fbbf2424}.stats-container{gap:var(--space-md);color:var(--text-secondary);font-size:.8rem;display:flex}.stat-item{white-space:nowrap}.stat-item strong{color:var(--text-primary)}.copy-status-message{color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-sm);border:1px solid #16a34a33;padding:4px 8px;font-size:.78rem;font-weight:600}:root.theme-dark .copy-status-message{background-color:#22c55e1a}.copy-status-message.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}:root.theme-dark .copy-status-message.is-failed{background-color:#ef44441a}@media (width<=992px){.formatter-panels{grid-template-columns:1fr;height:auto;min-height:0}.panel{min-height:360px}}@media (width<=768px){.formatter-heading{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.formatter-heading h1{font-size:1.15rem}.formatter-toolbar{flex-direction:column;align-items:stretch}.toolbar-section{flex-wrap:wrap;justify-content:space-between}.gap-sm{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn{flex:1;padding:8px 10px;font-size:.75rem}.formatter-footer{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.stats-container{gap:var(--space-sm);flex-wrap:wrap}}.table-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.tool-intro{margin-bottom:var(--space-md)}.tool-intro h2{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:1.25rem;font-weight:700}.tool-intro p{color:var(--text-secondary);max-width:600px;font-size:.88rem;line-height:1.4}.input-view-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.editor-wrapper{height:calc(100vh - 280px);min-height:300px}.action-row{gap:var(--space-sm);display:flex}.btn-large{padding:10px 24px;font-size:.95rem;font-weight:600}.error-panel{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--red-50);border-radius:var(--radius-md);color:var(--accent-red);border:1px solid #ef444433;font-size:.85rem;display:flex}:root.theme-dark .error-panel{background-color:#ef44441a}.table-view-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.table-header-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-md);flex-wrap:wrap;display:flex}.table-actions-group{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.table-search-input{width:200px;padding:6px 12px;font-size:.85rem}.btn-sm{padding:6px 12px;font-size:.75rem}.grid-summary{align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-wrap:wrap;margin-top:-4px;font-size:.8rem;display:flex}.clear-search-btn{color:var(--accent-violet);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.column-filter-panel{gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.column-filter-header{justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:.78rem;font-weight:600;display:flex}.column-filter-actions{align-items:center;gap:var(--space-sm);display:flex}.column-filter-list{gap:var(--space-xs);padding-bottom:2px;display:flex;overflow-x:auto}.column-filter-option{max-width:220px;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:inline-flex}.column-filter-option:hover{color:var(--text-primary);border-color:var(--border-secondary)}.column-filter-option input{flex:none;width:14px;height:14px;margin:0;padding:0}.column-filter-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);flex:1;height:calc(100vh - 250px);min-height:350px;overflow:auto}.extracted-table{text-align:left;border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem;position:relative}.extracted-table th,.extracted-table td{border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary);padding:10px 14px}.extracted-table th:last-child,.extracted-table td:last-child{border-right:none}.extracted-table tr:last-child td{border-bottom:none}.extracted-table th{background-color:var(--bg-secondary);color:var(--text-secondary);z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), color var(--transition-fast);font-weight:600;position:sticky;top:0}.extracted-table th:hover{background-color:var(--surface-hover);color:var(--text-primary)}.extracted-table th.is-sorted{color:var(--accent-violet);background-color:var(--bg-secondary)}.th-content{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.sort-icon{opacity:.6;font-size:.75rem}.extracted-table th:hover .sort-icon{opacity:1}.extracted-table tbody tr:nth-child(2n){background-color:#00000004}:root.theme-dark .extracted-table tbody tr:nth-child(2n){background-color:#ffffff04}.extracted-table tbody tr:hover{background-color:var(--surface-hover)}.cell-null{color:var(--text-muted);font-size:.8rem;font-style:italic}.cell-bool{border-radius:var(--radius-xs);text-transform:uppercase;padding:1px 6px;font-size:.75rem;font-weight:600}.cell-bool.is-true{color:var(--accent-green);background-color:#16a34a1a}.cell-bool.is-false{color:var(--accent-red);background-color:#dc26261a}.empty-results,.empty-view{height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (width<=768px){.table-header-toolbar{align-items:stretch;gap:var(--space-sm);flex-direction:column}.table-actions-group{justify-content:space-between;width:100%}.table-search-input{width:100%;margin-bottom:var(--space-xs)}.table-actions-group .btn{flex:1}.column-filter-header{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.column-filter-actions{justify-content:space-between;width:100%}}.uuid-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.uuid-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.uuid-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.uuid-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);max-width:680px;font-size:.88rem;line-height:1.45}.uuid-card{gap:var(--space-lg);max-width:860px;padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.uuid-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.uuid-version-control{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:3px;display:inline-flex}.uuid-segment{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:7px 14px;font-size:.85rem;font-weight:600}.uuid-segment:hover{color:var(--text-primary)}.uuid-segment.is-active{color:#fff;background-color:var(--accent-violet);box-shadow:0 8px 16px -12px #7c3aedcc}.uuid-refresh-btn{min-width:104px}.uuid-output-panel{gap:var(--space-sm);flex-direction:column;display:flex}.uuid-output-panel label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.uuid-output-row{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.uuid-output-input{width:100%;min-height:48px;font-family:var(--font-mono);background-color:var(--surface-code);font-size:1rem}.uuid-copy-btn{min-width:92px}.uuid-copy-notice{width:fit-content;color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-sm);border:1px solid #16a34a33;padding:8px 10px;font-size:.82rem;font-weight:600}:root.theme-dark .uuid-copy-notice{background-color:#22c55e1a}.uuid-copy-notice.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}:root.theme-dark .uuid-copy-notice.is-failed{background-color:#ef44441a}.uuid-meta{align-items:center;gap:var(--space-sm);color:var(--text-muted);flex-wrap:wrap;font-size:.8rem;display:flex}.uuid-meta span{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:4px 8px}@media (width<=768px){.uuid-heading h1{font-size:1.15rem}.uuid-card{padding:var(--space-sm)}.uuid-toolbar,.uuid-output-row{grid-template-columns:1fr;align-items:stretch}.uuid-version-control{grid-template-columns:1fr 1fr;width:100%;display:grid}.uuid-refresh-btn,.uuid-copy-btn{width:100%}}.jwt-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.jwt-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.jwt-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);max-width:720px;font-size:.88rem;line-height:1.45}.jwt-control-card,.jwt-result-card,.jwt-token-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.jwt-control-card{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm);flex-wrap:wrap;display:flex}.jwt-mode-control{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:3px;display:inline-flex}.jwt-segment{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:7px 16px;font-size:.85rem;font-weight:600}.jwt-segment:hover{color:var(--text-primary)}.jwt-segment.is-active{color:#fff;background-color:var(--accent-violet);box-shadow:0 8px 16px -12px #7c3aedcc}.jwt-options{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.jwt-options label,.jwt-secret-field label,.jwt-token-panel label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.jwt-options select,.jwt-options input{letter-spacing:0;text-transform:none;min-width:180px;min-height:36px;font-size:.85rem;font-weight:400}.jwt-secret-field{flex-direction:column;gap:4px;display:flex}.jwt-secret-input-row{align-items:center;display:flex;position:relative}.jwt-secret-input-row input{min-width:220px;padding-right:44px}.jwt-secret-toggle{width:30px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;top:4px;right:4px}.jwt-secret-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.jwt-secret-toggle:hover{color:var(--text-primary);background-color:var(--surface-hover)}.jwt-workspace{gap:var(--space-lg);grid-template-columns:1fr 1fr;min-height:320px;display:grid}.jwt-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.jwt-panel-header{border-bottom:1px solid var(--border-primary);min-height:56px;padding:10px 12px}.jwt-panel-header h3,.jwt-result-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.jwt-panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.jwt-panel .code-editor-container{border:none;border-radius:0;flex:1}.jwt-token-panel{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}.jwt-token-panel textarea{min-height:130px;font-family:var(--font-mono);resize:vertical;font-size:.86rem}.jwt-action-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.jwt-result-card{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}.jwt-result-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.jwt-result-card code{padding:var(--space-sm);color:var(--text-primary);background-color:var(--surface-code);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.82rem;display:block}.jwt-token-header{color:#7c3aed}.jwt-token-payload{color:#0f766e}.jwt-token-signature{color:#b45309}.jwt-token-dot{color:var(--text-muted);padding:0 1px}:root.theme-dark .jwt-token-header{color:#c4b5fd}:root.theme-dark .jwt-token-payload{color:#5eead4}:root.theme-dark .jwt-token-signature{color:#fbbf24}.jwt-copy-status,.jwt-status{border-radius:var(--radius-sm);padding:6px 8px;font-size:.78rem;font-weight:600}.jwt-copy-status,.jwt-status.is-success{color:var(--accent-green);background-color:var(--green-50);border:1px solid #16a34a33}.jwt-copy-status.is-failed,.jwt-status.is-error{color:var(--accent-red);background-color:var(--red-50);border:1px solid #dc262633}.jwt-status.is-warning{color:#b45309;background-color:#b453091f;border:1px solid #b4530933}:root.theme-dark .jwt-copy-status,:root.theme-dark .jwt-status.is-success{background-color:#22c55e1a}:root.theme-dark .jwt-copy-status.is-failed,:root.theme-dark .jwt-status.is-error{background-color:#ef44441a}:root.theme-dark .jwt-status.is-warning{color:#fbbf24;background-color:#fbbf2424}@media (width<=992px){.jwt-workspace{grid-template-columns:1fr}.jwt-panel{min-height:300px}}@media (width<=768px){.jwt-heading h1{font-size:1.15rem}.jwt-control-card,.jwt-options,.jwt-action-row{flex-direction:column;align-items:stretch}.jwt-mode-control{grid-template-columns:1fr 1fr;display:grid}.jwt-options select,.jwt-options input,.jwt-secret-input-row input{width:100%;min-width:0}.jwt-secret-input-row{align-items:stretch}}.sql-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.sql-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.sql-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);max-width:760px;font-size:.88rem;line-height:1.45}.sql-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.sql-toolbar .indent-select{border-radius:var(--radius-md);background-color:var(--bg-secondary);border-color:var(--border-primary);cursor:pointer;padding:7px 12px;font-size:.85rem}.sql-panels{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;min-height:380px;display:grid}.sql-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.sql-panel-header{border-bottom:1px solid var(--border-primary);min-height:56px;padding:10px 12px}.sql-panel-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.sql-panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.sql-panel .code-editor-container{border:none;border-radius:0;flex:1}.sql-footer{align-items:center;gap:var(--space-md);color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-wrap:wrap;padding:10px 12px;font-size:.8rem;display:flex}.sql-footer strong{color:var(--text-primary)}.sql-copy-status{color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-sm);border:1px solid #16a34a33;padding:4px 8px;font-weight:600}:root.theme-dark .sql-copy-status{background-color:#22c55e1a}.sql-copy-status.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}:root.theme-dark .sql-copy-status.is-failed{background-color:#ef44441a}@media (width<=992px){.sql-panels{grid-template-columns:1fr}.sql-panel{min-height:320px}}@media (width<=768px){.sql-heading h1{font-size:1.15rem}.sql-toolbar{flex-direction:column;align-items:stretch}.sql-toolbar .toolbar-section{flex-wrap:wrap;justify-content:space-between}}.hash-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.hash-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.hash-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);max-width:720px;font-size:.88rem;line-height:1.45}.hash-control-card{padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:flex-start;align-items:center;display:flex}.hash-mode-control{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-shrink:0;padding:3px;display:inline-flex}.hash-segment{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:7px 18px;font-size:.85rem;font-weight:600}.hash-segment:hover{color:var(--text-primary)}.hash-segment.is-active{color:#fff;background-color:var(--accent-violet);box-shadow:0 8px 16px -12px #7c3aedcc}.hash-options{align-items:center;gap:var(--space-md);padding-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.hash-options label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.hash-options select,.hash-options input[type=text]{letter-spacing:0;text-transform:none;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);min-height:36px;color:var(--text-primary);padding:0 var(--space-sm);transition:border-color var(--transition-fast);outline:none;font-size:.85rem;font-weight:400}.hash-options select:focus,.hash-options input[type=text]:focus{border-color:var(--accent-violet)}.hash-key-field input{width:100%;min-width:200px;padding-right:40px!important}.hash-input-wrapper{align-items:center;display:flex;position:relative}.hash-toggle-visible{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.hash-toggle-visible:hover{color:var(--accent-violet)}.hash-toggle-visible svg{width:18px;height:18px}.hash-hint{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.74rem;font-weight:400}.hash-cost-row{align-items:center;gap:var(--space-sm);display:flex}.hash-cost-row input[type=range]{accent-color:var(--accent-violet);cursor:pointer;width:140px}.hash-cost-val{color:var(--text-primary);text-transform:none;letter-spacing:0;min-width:2ch;font-size:.88rem;font-weight:700}.hash-cost-rounds{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:400}.hash-algo-note{color:var(--text-muted);font-size:.82rem;font-weight:400}.hash-panel-stack{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hash-bcrypt-col{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.hash-bcrypt-col .hash-input-panel{flex-direction:column;min-height:280px;display:flex}.hash-col-title{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hash-verify-textarea{min-height:72px!important}@media (width<=1024px){.hash-panel-stack{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=768px){.hash-panel-stack{gap:var(--space-lg)}}.hash-input-panel{gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.hash-input-panel label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hash-input-panel textarea{min-height:130px;font-family:var(--font-mono);resize:vertical;font-size:.86rem}.hash-action-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hash-result-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.hash-result-header{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary);padding:10px 12px;display:flex}.hash-result-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.hash-result-code{padding:var(--space-sm);color:var(--accent-violet);background-color:var(--surface-code);font-family:var(--font-mono);word-break:break-all;white-space:pre-wrap;font-size:.84rem;line-height:1.6;display:block}.hash-result-meta{gap:var(--space-md);padding:var(--space-xs) var(--space-sm) var(--space-sm);border-top:1px solid var(--border-primary);display:flex}.hash-result-meta span{color:var(--text-muted);font-size:.78rem}.hash-status{border-radius:var(--radius-sm);border:1px solid #0000;padding:6px 10px;font-size:.82rem;font-weight:600}.hash-status.is-success{color:var(--accent-green);background-color:var(--green-50);border-color:#16a34a33}.hash-status.is-error{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}.hash-status.is-warning{color:#b45309;background-color:#b4530914;border-color:#b4530933}:root.theme-dark .hash-status.is-success{background-color:#22c55e1a}:root.theme-dark .hash-status.is-error{background-color:#ef44441a}:root.theme-dark .hash-status.is-warning{color:#fbbf24;background-color:#fbbf241f;border-color:#fbbf2433}@media (width<=768px){.hash-control-card{flex-direction:column;align-items:stretch}.hash-mode-control{grid-template-columns:repeat(3,1fr);display:grid}.hash-options{flex-direction:column;align-items:stretch}.hash-key-field input{width:100%;min-width:0}.hash-cost-row input[type=range]{flex:1;width:auto}}.encrypt-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex;position:relative}.encrypt-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.encrypt-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);max-width:760px;font-size:.88rem;line-height:1.45}.encrypt-control-card{align-items:flex-end;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.encrypt-mode-control{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:3px;display:inline-flex}.encrypt-segment{min-height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);padding:7px 16px;font-size:.85rem;font-weight:600}.encrypt-segment.is-active{color:#fff;background-color:var(--accent-violet);box-shadow:0 8px 16px -12px #7c3aedcc}.encrypt-options{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.encrypt-options label,.encrypt-control-field,.encrypt-algorithm-field,.encrypt-secret-field label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.encrypt-control-field>span{visibility:hidden}.encrypt-options select,.encrypt-options input,.encrypt-algorithm-field select,.encrypt-control-field>button,.encrypt-control-field .encrypt-mode-control{letter-spacing:0;text-transform:none;min-width:160px;min-height:36px;font-size:.85rem;font-weight:400}.encrypt-control-field>button{justify-content:center;align-items:center;display:inline-flex}.encrypt-config-card{padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.encrypt-secret-field{flex-direction:column;gap:4px;display:flex}.encrypt-iv-field input{min-width:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.encrypt-secret-input-row{align-items:center;display:flex;position:relative}.encrypt-secret-input-row input{min-width:240px;padding-right:44px}.encrypt-secret-toggle{width:30px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.encrypt-secret-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.encrypt-secret-toggle:hover{color:var(--text-primary);background-color:var(--surface-hover)}.encrypt-action-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.encrypt-work-actions{justify-content:flex-end}.encrypt-work-actions .encrypt-status{margin-left:auto}.encrypt-rsa-config{gap:var(--space-sm);flex-direction:column;display:flex}.encrypt-rsa-key-summary{align-items:center;gap:var(--space-sm);color:var(--text-muted);flex-wrap:wrap;font-size:.78rem;display:flex}.encrypt-rsa-key-summary strong{color:var(--text-secondary);font-weight:700}.encrypt-rsa-active-key{border:1px solid var(--border-primary);border-radius:var(--radius-sm);flex-direction:column;min-height:150px;display:flex;overflow:hidden}.encrypt-rsa-key-label{justify-content:space-between;align-items:center;gap:var(--space-sm);background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:8px 10px;display:flex}.encrypt-rsa-key-label h4{color:var(--text-primary);font-size:.82rem;font-weight:700}.encrypt-rsa-key-label p{color:var(--text-muted);margin-top:2px;font-size:.72rem}.encrypt-rsa-active-key .code-editor-container{border:none;border-radius:0;flex:1;min-height:110px}.encrypt-rsa-key-textarea{width:100%;min-height:110px;color:var(--text-primary);font-family:var(--font-mono);background-color:var(--surface-code);resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;border:none;border-radius:0;outline:none;flex:1;padding:12px;font-size:14px;line-height:20px;overflow:hidden auto}.encrypt-panels{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;min-height:380px;display:grid}.encrypt-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.encrypt-panel-header{border-bottom:1px solid var(--border-primary);min-height:56px;padding:10px 12px}.encrypt-panel-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.encrypt-panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.encrypt-panel .code-editor-container{border:none;border-radius:0;flex:1}.encrypt-status,.encrypt-copy-status{border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;font-weight:600}.encrypt-toast{z-index:10;color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid #16a34a33;padding:8px 10px;font-size:.8rem;font-weight:700;position:absolute;top:0;right:0}.encrypt-toast.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}.encrypt-status.is-success,.encrypt-copy-status{color:var(--accent-green);background-color:var(--green-50);border:1px solid #16a34a33}.encrypt-status.is-warning{color:#b45309;background-color:#b453091f;border:1px solid #b4530933}.encrypt-status.is-error,.encrypt-copy-status.is-failed{color:var(--accent-red);background-color:var(--red-50);border:1px solid #dc262633}:root.theme-dark .encrypt-status.is-success,:root.theme-dark .encrypt-copy-status{background-color:#22c55e1a}:root.theme-dark .encrypt-toast{background-color:#22c55e1f}:root.theme-dark .encrypt-status.is-warning{color:#fbbf24;background-color:#fbbf2424}:root.theme-dark .encrypt-status.is-error,:root.theme-dark .encrypt-copy-status.is-failed{background-color:#ef44441a}:root.theme-dark .encrypt-toast.is-failed{background-color:#ef44441f}@media (width<=992px){.encrypt-panels{grid-template-columns:1fr}.encrypt-panel{min-height:320px}}@media (width<=768px){.encrypt-heading h1{font-size:1.15rem}.encrypt-control-card,.encrypt-options,.encrypt-action-row{flex-direction:column;align-items:stretch}.encrypt-work-actions .encrypt-status{margin-left:0}.encrypt-mode-control{grid-template-columns:1fr 1fr;display:grid}.encrypt-algorithm-field select,.encrypt-options select,.encrypt-options input,.encrypt-iv-field input,.encrypt-secret-input-row input{width:100%;min-width:0}}.base64-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex;position:relative}.base64-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.base64-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);font-size:.88rem;line-height:1.45}.base64-control-card,.base64-file-card{align-items:flex-end;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.base64-control-field,.base64-file-card label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.base64-file-card input{letter-spacing:0;text-transform:none;min-width:220px;min-height:36px;font-size:.85rem;font-weight:400}.base64-mode-control{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-height:36px;padding:3px;display:inline-flex}.base64-segment{min-width:78px;min-height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);padding:5px 14px;font-size:.85rem;font-weight:600}.base64-segment.is-active{color:#fff;background-color:var(--accent-violet);box-shadow:0 8px 16px -12px #7c3aedcc}.base64-file-summary{min-height:36px;color:var(--text-secondary);align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.base64-download-link{min-height:36px}.base64-panels{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;min-height:380px;display:grid}.base64-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.base64-panel-header{border-bottom:1px solid var(--border-primary);min-height:56px;padding:10px 12px}.base64-panel-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.base64-panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.base64-panel .code-editor-container{border:none;border-radius:0;flex:1}.base64-file-placeholder{min-height:240px;padding:var(--space-lg);color:var(--text-muted);background-color:var(--surface-code);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.base64-file-placeholder strong{color:var(--text-secondary)}.base64-action-row{justify-content:flex-start;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.base64-action-row .base64-status{margin-left:auto}.base64-status{border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;font-weight:600}.base64-status.is-success{color:var(--accent-green);background-color:var(--green-50);border:1px solid #16a34a33}.base64-status.is-warning{color:#b45309;background-color:#b453091f;border:1px solid #b4530933}.base64-status.is-error{color:var(--accent-red);background-color:var(--red-50);border:1px solid #dc262633}.base64-toast{z-index:10;color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid #16a34a33;padding:8px 10px;font-size:.8rem;font-weight:700;position:absolute;top:0;right:0}.base64-toast.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}:root.theme-dark .base64-status.is-success,:root.theme-dark .base64-toast{background-color:#22c55e1f}:root.theme-dark .base64-status.is-error,:root.theme-dark .base64-toast.is-failed{background-color:#ef44441f}@media (width<=992px){.base64-panels{grid-template-columns:1fr}.base64-panel{min-height:320px}}@media (width<=768px){.base64-heading h1{font-size:1.15rem}.base64-control-card,.base64-file-card,.base64-action-row{flex-direction:column;align-items:stretch}.base64-mode-control{grid-template-columns:1fr 1fr;display:grid}.base64-file-card input,.base64-action-row .base64-status{width:100%;min-width:0;margin-left:0}}.sql-gorm-tool-container{gap:var(--space-md);flex-direction:column;height:100%;display:flex;position:relative}.sql-gorm-heading h1{color:var(--text-primary);font-size:1.35rem;font-weight:700}.sql-gorm-heading p:not(.tool-kicker){color:var(--text-secondary);margin-top:var(--space-xs);font-size:.88rem;line-height:1.45}.sql-gorm-control-card{align-items:flex-end;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.sql-gorm-control-card label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.sql-gorm-control-card input[type=text],.sql-gorm-control-card label:not(.sql-gorm-check) input{letter-spacing:0;text-transform:none;min-width:180px;min-height:36px;font-size:.85rem;font-weight:400}.sql-gorm-check{align-items:center;min-height:36px;padding-bottom:8px;letter-spacing:0!important;text-transform:none!important;flex-direction:row!important}.sql-gorm-check input{margin:0}.sql-gorm-panels{gap:var(--space-lg);flex:1;grid-template-columns:1fr 1fr;min-height:420px;display:grid}.sql-gorm-panel{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.sql-gorm-panel-header{border-bottom:1px solid var(--border-primary);min-height:56px;padding:10px 12px}.sql-gorm-panel-header h3{color:var(--text-primary);font-size:.88rem;font-weight:600}.sql-gorm-panel-header p{color:var(--text-muted);margin-top:2px;font-size:.74rem}.sql-gorm-panel .code-editor-container{border:none;border-radius:0;flex:1}.sql-gorm-action-row{justify-content:flex-start;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.sql-gorm-action-row .sql-gorm-status{margin-left:auto}.sql-gorm-status{border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;font-weight:600}.sql-gorm-status.is-success{color:var(--accent-green);background-color:var(--green-50);border:1px solid #16a34a33}.sql-gorm-status.is-error{color:var(--accent-red);background-color:var(--red-50);border:1px solid #dc262633}.sql-gorm-toast{z-index:10;color:var(--accent-green);background-color:var(--green-50);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid #16a34a33;padding:8px 10px;font-size:.8rem;font-weight:700;position:absolute;top:0;right:0}.sql-gorm-toast.is-failed{color:var(--accent-red);background-color:var(--red-50);border-color:#dc262633}:root.theme-dark .sql-gorm-status.is-success,:root.theme-dark .sql-gorm-toast{background-color:#22c55e1f}:root.theme-dark .sql-gorm-status.is-error,:root.theme-dark .sql-gorm-toast.is-failed{background-color:#ef44441f}@media (width<=992px){.sql-gorm-panels{grid-template-columns:1fr}.sql-gorm-panel{min-height:360px}}@media (width<=768px){.sql-gorm-heading h1{font-size:1.15rem}.sql-gorm-control-card,.sql-gorm-action-row{flex-direction:column;align-items:stretch}.sql-gorm-control-card input[type=text],.sql-gorm-control-card label:not(.sql-gorm-check) input,.sql-gorm-action-row .sql-gorm-status{width:100%;min-width:0;margin-left:0}}