@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;font-style:normal}:root{--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, "JetBrains Mono", Consolas, monospace;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ededed;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss03","cv11"}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.tabular-nums{font-variant-numeric:tabular-nums}.font-mono{font-family:var(--font-mono)}.settings-tab-content::-webkit-scrollbar{display:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--theme-left-panel: #171717;--theme-center-panel: #0a0a0a;--theme-input-field: #0a0a0a;--theme-right-panel: #1a1a1a;--theme-content: #2a2a2a;--theme-text: #ffffff;--theme-chat-bg: #0a0a0a;--theme-chat-input: #0a0a0a}[data-theme=light]{--theme-left-panel: #e2e8f0;--theme-center-panel: #f1f5f9;--theme-input-field: #f1f5f9;--theme-right-panel: #e2e8f0;--theme-content: #ffffff;--theme-text: #1e293b;--theme-chat-bg: #f1f5f9;--theme-chat-input: #f1f5f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--theme-center-panel);color:var(--theme-text);overflow:hidden;transition:background .3s ease,color .3s ease}.app-container{display:flex;height:100vh;width:100vw;position:relative}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#171717;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #2a2a2a;height:60px}.sidebar-header h2{font-size:18px;font-weight:600}.collapse-btn{background:none;border:none!important;outline:none;color:#888;cursor:pointer;font-size:16px;padding:0}.collapse-btn:hover,.collapse-btn:focus,.collapse-btn:active{border:none!important;outline:none;background:none;box-shadow:none}.module-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;cursor:pointer;transition:background .2s;margin-bottom:2px}.module-item:hover,.module-item.active{background:#2a2a2a}.module-icon{font-size:18px}.main-content-area{flex:1;position:relative;overflow:hidden}.content-grid{display:grid;height:100vh;width:100%;overflow:hidden;background:var(--theme-chat-bg)}.chat-area{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden;background:var(--theme-chat-bg);transition:background .3s ease}.messages-wrapper{flex:1;overflow:hidden;position:relative;width:100%;background:var(--theme-chat-bg);transition:background .3s ease;display:flex;flex-direction:column}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;width:100%;background:var(--theme-chat-bg);scroll-behavior:smooth;position:relative;transition:background .3s ease}.message{display:flex;gap:16px;margin-bottom:24px;animation:fadeIn .3s ease;width:100%;padding:0 20px;color:var(--theme-text)}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--theme-content);font-size:18px;flex-shrink:0}.message.user .message-avatar{background:#10a37f}.message-content{flex:1;max-width:calc(100% - 48px)}.message.user .message-content{text-align:right}.message-text{padding:12px 16px;background:var(--theme-content);border-radius:12px;line-height:1.5;display:inline-block;text-align:left;max-width:100%;word-wrap:break-word;color:var(--theme-text)}.message.user .message-text{background:#10a37f;color:#fff}.message-time{font-size:11px;color:#666;margin-top:4px;padding:0 4px}.typing-indicator{display:flex;gap:4px;padding:16px;background:#2a2a2a;border-radius:12px}.typing-indicator span{width:8px;height:8px;background:#666;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.input-container{padding:15px 20px;display:flex;justify-content:center;background:var(--theme-chat-input);border-top:none;flex-shrink:0;width:100%;transition:background .3s ease}.input-inner-wrapper{display:flex;gap:12px;align-items:flex-end;width:100%;max-width:100%;padding:0 20px}.new-chat-action-btn{width:48px;height:48px;background:transparent;border:1px solid #3a3a3a;border-radius:8px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.new-chat-action-btn:hover{background:#2a2a2a;border-color:#4a4a4a;color:#fff}.input-wrapper{flex:1;position:relative;display:flex;align-items:flex-end;background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;transition:border-color .2s,background .3s ease;min-width:0}.input-wrapper:focus-within{border-color:#10a37f}.chat-input{flex:1;background:transparent;border:none;padding:12px 200px 12px 15px;color:#fff;resize:none;font-size:14px;font-family:inherit;outline:none;min-height:48px;max-height:120px}.input-actions{position:absolute;right:10px;bottom:50%;transform:translateY(50%);display:flex;gap:6px;align-items:center}.input-action-btn{width:40px;height:40px;background:transparent;border:1px solid #3a3a3a;border-radius:8px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.input-action-btn:hover{background:#2a2a2a;border-color:#4a4a4a;color:#fff}.send-btn{padding:12px 24px;background:#10a37f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:background .2s;height:48px;flex-shrink:0;display:flex;align-items:center;gap:6px}.send-btn:hover{background:#0e8f6f}.right-panel-container{position:relative;height:100vh;display:flex;flex-direction:row}.right-panel-container.left-position{order:-1}.right-panel{background:var(--theme-right-panel);display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%;width:100%;transition:background .3s ease}.panel-drawer-integrated{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:60px;background:#10a37f;border:1px solid #10a37f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;-webkit-user-select:none;user-select:none}.panel-drawer-integrated.right{left:-24px;border-radius:4px 0 0 4px;border-right:none}.panel-drawer-integrated.left{right:-24px;border-radius:0 4px 4px 0;border-left:none}.panel-drawer-integrated:hover{background:#0e8f6f;border-color:#0e8f6f}.panel-drawer-integrated span{color:#fff;font-size:12px}.drawer-handle.closed{position:fixed;top:50%;transform:translateY(-50%);width:24px;height:60px;background:#2a2a2a;border:1px solid #3a3a3a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:190;transition:all .3s ease;-webkit-user-select:none;user-select:none}.drawer-handle.closed.right{right:0;border-radius:4px 0 0 4px;border-right:none}.drawer-handle.closed.left{border-radius:0 4px 4px 0;border-left:none}.drawer-handle.closed:hover{background:#3a3a3a;border-color:#10a37f}.drawer-handle.closed span{color:#888;font-size:12px}.right-panel-container:not(.left-position) .right-panel{border-left:1px solid #2a2a2a}.right-panel-container.left-position .right-panel{border-right:1px solid #2a2a2a}.resize-handle{width:4px;background:transparent;cursor:ew-resize;position:absolute;top:0;bottom:0;z-index:10;transition:background .2s}.resize-handle.resize-right{left:0}.resize-handle.resize-left{right:0}.resize-handle:hover,.resize-handle:active{background:#10a37f;width:4px}.right-panel-content{flex:1;padding:20px;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-header h3{font-size:18px;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#888;font-size:20px;cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.settings-panel{padding:0}.setting-group{margin-bottom:30px}.setting-group h4{margin-bottom:15px;color:#fff;font-size:14px;font-weight:600}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.radio-option:hover{background:#2a2a2a}.radio-option input[type=radio]{cursor:pointer}.radio-option span{color:#ccc}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@keyframes sd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sd-blurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes sd-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-sd-animate]{animation:var(--sd-animation, sd-fadeIn) var(--sd-duration, .15s) var(--sd-easing, ease) var(--sd-delay, 0ms) both}
