:root{--bg-base: #181818;--bg-surface: #222222;--bg-surface-hover: #2a2a2a;--bg-surface-active: #333333;--border-color: #333333;--border-focus: #444444;--text-main: #ffffff;--text-muted: #a0a0a0;--text-dim: #666666;--accent-color: #f97316;--accent-hover: #ea580c;--accent-text: #ffffff;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--header-height: 56px;--footer-padding: 12px 16px 16px;--control-height: 44px}[data-theme=light]{--bg-base: #f4f4f4;--bg-surface: #ffffff;--bg-surface-hover: #eaeaea;--bg-surface-active: #e0e0e0;--border-color: #e0e0e0;--border-focus: #cccccc;--text-main: #111111;--text-muted: #555555;--text-dim: #888888;--accent-color: #8b5cf6;--accent-hover: #7c3aed;--accent-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;width:100vw}#root{display:flex;height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}button,input,select,textarea{font-family:inherit;font-size:14px;color:inherit;border-radius:var(--radius-md);box-sizing:border-box}button{cursor:pointer;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:var(--accent-text);font-weight:500;padding:8px 14px}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-surface-active);color:var(--text-main);border:1px solid var(--border-color);padding:8px 14px}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-focus)}.btn-icon{padding:6px;border-radius:var(--radius-md);color:var(--text-muted)}.btn-icon:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-main)}@keyframes text-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reasoning-shimmer{background:linear-gradient(90deg,var(--text-muted) 0%,var(--accent-color) 50%,var(--text-muted) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 2s infinite linear;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;backdrop-filter:blur(2px)}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0006}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-muted)}.form-input,.form-select,.form-textarea{background-color:var(--bg-base);border:1px solid var(--border-color);color:var(--text-main);padding:8px 12px;outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color)}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-surface-active);border:1px solid var(--border-color);color:var(--text-muted)}.badge-accent{background-color:#f9731626;border-color:var(--accent-color);color:var(--accent-color)}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden;position:relative}@media(max-width:768px){.sidebar-mobile-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:100!important;border-right:none!important}.header-model-text{max-width:100px!important;font-size:11px!important}.header-options-btn-text{display:none!important}.modal-content{max-height:95vh;border-radius:0}}