@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-main:#05080f;--bg-surface:#080c16;--bg-card:#0b111e;--bg-panel:#05080f66;--bg-panel-dark:#030407b3;--bg-hover:#ffffff0d;--border-subtle:#ffffff08;--border-strong:#ffffff1a;--bg-glass:#0b111e80;--bg-glass-end:#05080f66;--bg-glass-mobile-start:#05080fcc;--bg-glass-mobile-end:#030407f2;--grid-color:#ffffff05;--primary:#00d4ff;--primary-glow:#00d4ff26;--primary-glow-strong:#00d4ff4d;--accent:#37f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#05080f;--text-button:#fff;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--border:#ffffff14;--border-focus:#00d4ff66;--success:#10b77f;--error:#db143c;--warning:#f59f0a;--transition-spring:cubic-bezier(.175, .885, .32, 1.275)}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-panel:#05080f0a;--bg-panel-dark:#05080f14;--bg-hover:#05080f0d;--border-subtle:#05080f0a;--border-strong:#05080f26;--bg-glass:#ffffffd9;--bg-glass-end:#fafafa99;--bg-glass-mobile-start:#ffffffe6;--bg-glass-mobile-end:#f5f5f5f2;--grid-color:#05080f08;--primary:#0aa3c2;--primary-glow:#0aa3c226;--primary-glow-strong:#0aa3c24d;--accent:#0d59f2;--text-main:#0e1525;--text-muted:#576375;--text-inverse:#fff;--text-button:#0e1525;--border:#05080f1f;--border-focus:#0aa3c266}*{box-sizing:border-box;font-feature-settings:"cv11", "ss01";margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;transition:background-color .4s,color .4s;overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif}code,pre,.font-mono,input,.input-field,textarea{font-family:JetBrains Mono,monospace}.glass{background:linear-gradient(135deg, var(--bg-glass) 0%, var(--bg-glass-end) 100%);-webkit-backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--border);transition:transform .3s var(--transition-spring), box-shadow .3s ease, border-color .3s ease;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff14;border-radius:12px;box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff0d;padding:1.25rem!important}.glass:hover{border-color:var(--border-strong);box-shadow:0 16px 48px #0000004d,inset 0 1px #ffffff14}.app-container{background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 20%,#00d4ff0a,#0000 30%),radial-gradient(circle at 90% 80%,#3377ff0a,#0000 30%);background-size:100% 100%,100% 100%;width:100vw;height:100vh;display:flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.btn-primary:hover{box-shadow:0 8px 24px var(--primary-glow-strong);filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-primary:active{box-shadow:0 2px 8px var(--primary-glow);transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;letter-spacing:.02em;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-secondary:hover{border-color:var(--border-focus);color:var(--text-main);background:#ffffff0f;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.input-field{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-main);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background:var(--bg-surface)}.input-field::placeholder{color:var(--text-muted);opacity:.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--primary-glow-strong);color:#fff}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes slide-up{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards slide-up}.input-field-inline{color:var(--text-main);background:0 0;border:none;border-bottom:1px solid #0000;width:100%;padding:4px 0;font-size:14px;font-weight:700;transition:all .2s}.input-field-inline:focus{border-bottom-color:var(--primary);background:#ffffff05;outline:none}.input-group-inline{flex-direction:column;gap:4px;display:flex}.input-group-inline label{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.02em;font-weight:800}.input-group-inline input{border:1px solid var(--border);color:var(--text-main);background:#0003;border-radius:6px;width:72px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .2s}.input-group-inline input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.btn-icon{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--border-focus);transform:translateY(-1px)}.btn-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff05;border-radius:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:all .2s}.btn-toggle:hover{border-color:var(--border-focus);color:var(--text-main);background:#ffffff0d}.hover-bright{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hover-bright:hover{filter:brightness(1.2);transform:scale(1.02)translateY(-1px)}.input-group{box-sizing:border-box;flex-direction:column;gap:8px;display:flex}select option{background-color:var(--bg-surface);color:var(--text-main)}.sidebar-container{background-color:var(--bg-surface);border-right:1px solid var(--border);z-index:200;flex-direction:column;gap:2.5rem;height:100vh;padding:1.25rem .5rem 1.25rem .75rem;transition:width .2s,transform .3s;display:flex;position:relative;overflow:hidden}.sidebar-container.open{width:220px}.sidebar-container.closed{width:75px}.mobile-menu-btn{display:none}@media (width<=768px){.glass{-webkit-backdrop-filter:blur(8px)saturate(150%)!important;background:linear-gradient(135deg, var(--bg-glass-mobile-start) 0%, var(--bg-glass-mobile-end) 100%)!important}.sidebar-overlay.open{z-index:900;background:#000000b3;display:block;position:fixed;inset:0}.sidebar-container.open{top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000080;z-index:9999!important;background-color:var(--bg-surface)!important;width:200px!important;position:fixed!important}.header-container{padding:.75rem 1rem!important}.app-container{flex-direction:row;width:100vw!important}.data-matrix,table,.table-container{width:100%;display:block;overflow-x:auto}.btn-primary,.btn-secondary,.input-field,.btn-icon{min-height:44px}.tool-layout-grid{flex-direction:column;gap:1.5rem;display:flex}.tool-header-section{order:1}.tool-settings-section,.agent-selector-section{order:2}.tool-input-section{order:3;margin-top:1rem}.tool-results-section{order:4}.hide-on-mobile{display:none!important}.show-on-mobile{display:inline-block!important}.glass{padding:.75rem!important}}.show-on-mobile,.sidebar-overlay{display:none}
