*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;font-weight:300}:root{--bg-color: #161719;--text-color: #fff;--button-text-color: #fff;--panel-bg: #191a1b;--chat-bg: #2c3e50;--placeholder-bg: #9568e3;--border-color: #ccc;--secondary-text: #7ed6df;--sidebar-bg: linear-gradient(135deg, #330296 20%, #34495e 80%);--sidebar-text: #ffffff;--success-color: #2ecc71;--danger-border: #ae87f0;--danger-bg-hover: #6725d9;--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(247, 247, 247, .5)}.light-mode{--bg-color: #f0f2f5;--text-color: #ffffff;--button-text-color: #fff;--panel-bg: #bd9df6;--chat-bg: #e6e6e6;--placeholder-bg: #b3d4fc;--border-color: #aaa;--secondary-text: #005f6b;--sidebar-bg: linear-gradient(135deg, #bd9df6 50%, #44069f 100%);--sidebar-text: #333;--success-color: #28a745;--danger-border: #6725d9;--danger-bg-hover: #6725d9;--shadow-light: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .1)}body{background-color:var(--bg-color);color:var(--text-color)}.join-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.join-form{background-color:var(--bg-color);padding:2rem;border-radius:8px;box-shadow:0 4px 6px var(--shadow-light);text-align:center;max-width:500px}h1{margin-bottom:1.5rem;color:var(--sidebar-text)}input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;background-color:var(--accent-color);color:var(--button-text-color);border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--accent-hover)}.editor-wrapper{flex-grow:1;background-color:var(--panel-bg);position:relative;height:100%}.sidebar{width:100%;height:100%;background:var(--sidebar-bg);padding:1.5rem;color:var(--sidebar-text);overflow-y:auto;box-sizing:border-box}.sidebar .file-controls{margin-top:1.5rem;padding:1rem;background:#34495e4d;border-radius:6px;border:1px solid rgba(236,240,241,.1)}.sidebar .file-controls h3{margin:0 0 1rem;font-size:1rem;color:var(--sidebar-text);border-bottom:1px solid rgba(236,240,241,.2);padding-bottom:.5rem}.sidebar .filename-input-group,.sidebar .language-selector-group{margin-bottom:1rem}.sidebar .filename-input-group label,.sidebar .language-selector-group label{display:block;margin-bottom:.3rem;font-size:.9rem;color:#bdc3c7;font-weight:500}.sidebar .filename-input{width:100%;padding:.6rem;background-color:var(--panel-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease}.sidebar .filename-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33}.sidebar .filename-input::placeholder{color:#7f8c8d}.sidebar .show-all-languages-btn{width:100%;padding:.4rem;background-color:var(--accent-color);color:var(--text-color);border:1px solid var(--accent-hover);border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.sidebar .show-all-languages-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.sidebar .language-info{margin-top:.5rem;padding:.5rem;background:#2ecc711a;border-radius:4px;border-left:3px solid var(--success-color)}.sidebar .language-info small{color:var(--text-color);font-size:.8rem}.sidebar .language-info strong{color:var(--success-color)}.sidebar .room-info{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem}.sidebar h2{margin-bottom:1rem;font-size:1.5rem}.copy-button{background-color:var(--info-color);color:var(--button-text-color);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.copy-button:hover{background-color:var(--info-hover)}.copy-success{margin-top:.5rem;color:var(--success-color);font-size:.9rem}.sidebar h3{margin-bottom:.5rem;font-size:1rem;margin-top:1rem}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:.5rem;font-size:.9rem;cursor:pointer;transition:color .3s ease;padding:.5rem;background:gray;margin-top:5px;border-radius:5px}.typing-indicator{margin-top:1rem;font-size:.9rem;color:var(--text-color)}.language-selector{margin-top:1rem;width:100%;padding:.5rem;background-color:var(--accent-color);color:var(--button-text-color);border:none;padding:.6rem;background-color:var(--panel-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;margin-bottom:.5rem;transition:border-color .3s ease}.language-selector:focus{outline:none;border-color:var(--accent-color)}.language-selector optgroup{background-color:var(--panel-bg);color:var(--text-color);font-weight:700}.language-selector option{background-color:var(--panel-bg);color:var(--text-color);padding:.3rem}.leave-button{margin-top:1rem;border:2px solid var(--danger-border);background:transparent;color:var(--danger-border);padding:.75rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.leave-button:hover{background-color:var(--accent-hover);color:var(--button-text-color);border:1px solid var(--accent-hover);transition:all .3s ease-in}.editor-wrapper{flex-grow:1;background-color:var(--panel-bg);position:relative;background-color:var(--danger-bg-hover);color:var(--text-color)}.chat-panel{max-width:300px;background-color:var(--panel-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;box-sizing:border-box;border-left:1px solid var(--border-color)}.chat-messages{flex:1 1 auto;overflow-y:auto;margin-bottom:1rem;max-height:70vh}.chat-message{margin-bottom:.5rem;padding:.5rem;background:var(--chat-bg);border-radius:4px;word-break:break-word}.chat-user{font-weight:700;color:var(--secondary-text);margin-right:.5rem}.chat-input-form{display:flex;gap:.5rem}.chat-input{flex:1 1 auto;padding:.3rem 1rem;border-radius:4px;border:1px solid gray;font-size:.7rem;height:100%}.chat-send-btn{background-color:var(--accent-color);color:var(--button-text-color);border:none;width:40%;border-radius:4px;padding:.4rem 1rem;font-size:.8rem;cursor:pointer;transition:background-color .3s ease}.chat-send-btn:hover{background-color:var(--accent-hover)}.version-controls{margin-top:1.5rem;padding:1rem;background:var(--accent-color);border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px var(--shadow-light)}.version-controls h3{color:var(--text-color);margin-bottom:1.5rem;font-size:1.25rem;text-align:center;font-weight:600}.version-buttons{display:flex;gap:.5rem;margin-bottom:.8rem}.version-btn{flex:1;padding:.2rem .8rem;border:1.5px solid var(--text-color);border-radius:6px;background:var(--text-color);color:var(--button-text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;text-shadow:0 1px 2px var(--shadow-dark)}.version-btn:hover:not(.disabled){background:transparent;border-color:var(--text-color);transform:translateY(-2px)}.version-btn:active:not(.disabled){transform:translateY(0)}.version-btn.disabled{opacity:1;cursor:not-allowed;background:#373636;border-color:var(--text-color);color:var(--text-color)}.undo-btn:hover:not(.disabled){background:#4caf5066;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.redo-btn:hover:not(.disabled){background:#2196f366;border-color:#2196f3;box-shadow:0 4px 12px #2196f34d}.history-btn{background:var(--accent-hover);border-color:#3f079f;margin-top:.5rem;width:100%;min-height:44px}.history-btn:hover{background:transparent;color:var(--text-color)}.checkpoint-btn{background:#0571a7;border-color:#0a4765;margin-top:.5rem;width:100%;min-height:44px}.checkpoint-btn:hover{background:transparent;color:var(--text-color)}.version-info{text-align:center;margin-bottom:.5rem}.version-count{color:var(--text-color);font-size:.9rem;font-weight:500;background:#0000004d;padding:.3rem .8rem;border-radius:16px;display:inline-block;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.version-controls{padding:.8rem;margin-top:1rem}.version-buttons{flex-direction:column;gap:.4rem}.version-btn{padding:.8rem;font-size:.9rem;min-height:48px}.history-btn,.checkpoint-btn{min-height:50px;font-size:1rem}}.undo-btn:before{content:"↶";font-size:1.1em;margin-right:.2rem}.redo-btn:before{content:"↷";font-size:1.1em;margin-right:.2rem}.history-btn:before{content:"📋";margin-right:.3rem}.checkpoint-btn:before{content:"📌";margin-right:.3rem}.theme-toggle-btn{padding:8px 16px;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--button-text-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;margin-bottom:10px}.theme-toggle-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.chat-panel-content{display:flex;flex-direction:column;height:100%;padding:1rem;box-sizing:border-box}.chat-panel-content .chat-messages{flex:1;overflow-y:auto;margin-bottom:1rem;max-height:70vh;background:var(--chat-bg);padding:.75rem;border-radius:6px}.chat-panel-content .chat-message{margin-bottom:.5rem;padding:.5rem;background:#ffffff0d;border-radius:4px;word-break:break-word}.chat-panel-content .chat-user{font-weight:700;color:var(--secondary-text);margin-right:.5rem}.chat-panel-content .chat-input-form{display:flex;gap:.5rem;margin-top:auto}.chat-panel-content .chat-input{flex:1;padding:.4rem 1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--panel-bg);color:var(--text-color);font-size:.8rem}.chat-panel-content .chat-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #6725d933}.chat-panel-content .chat-send-btn{background-color:var(--accent-color);color:var(--text-color);border:none;width:40%;border-radius:4px;padding:.4rem 1rem;font-size:.8rem;cursor:pointer;transition:background-color .3s ease}.chat-panel-content .chat-send-btn:hover{background-color:var(--accent-hover)}@media (max-width: 768px){.sidebar .file-controls{margin-top:1rem;padding:.8rem}.sidebar .filename-input,.sidebar .language-selector{padding:.8rem;font-size:1rem}.sidebar .show-all-languages-btn{padding:.6rem;font-size:.9rem}.sidebar .language-info{margin-top:.8rem;padding:.8rem}}:root{--bg-color: #161719;--text-color: #ffffff;--button-text-color: #fff;--accent-color: #6725d9;--accent-hover: #793be4;--video-bg: #6725d9;--placeholder-bg: #9568e3;--label-color: #7ed6df;--shadow-color: rgba(247, 247, 247, .5);--mic-bg: #222;--mic-gradient: linear-gradient(90deg, #7ed6df 0%, #00b894 100%);--border-color: gray}.light-mode{--bg-color: #bd9df6;--text-color: #fffbfb;--button-text-color: #fff;--accent-color: #6725d9;--accent-hover: #793be4;--video-bg: #6725d9;--placeholder-bg: #ceb3fc;--label-color: #555;--shadow-color: rgba(0, 0, 0, .2);--mic-bg: #ddd;--mic-gradient: linear-gradient(90deg, #4a90e2 0%, #50e3c2 100%);--border-color: #ccc}.video-call-panel{border:1px solid var(--border-color);position:absolute;top:20px;right:20px;min-width:320px;background:var(--bg-color);color:var(--text-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);z-index:1000;padding:.5rem 1rem 1rem;cursor:grab;-webkit-user-select:none;user-select:none}.video-call-header{cursor:grab;background:var(--accent-color);border-radius:8px 8px 0 0;padding:.5rem;margin:-.5rem -1rem .5rem;text-align:center;color:var(--button-text-color)}.video-call-controls{display:flex;gap:.5rem;margin-bottom:.5rem;justify-content:center}.video-call-controls button{background:var(--accent-color);color:var(--button-text-color);border:none;border-radius:4px;padding:.6rem .8rem;font-size:.85rem;cursor:pointer;transition:background .2s}.video-call-controls button:hover{background:var(--accent-hover)}.video-call-videos{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.video-tile{background:var(--video-bg);border-radius:10rem 10rem 1rem 1rem;padding:.3rem;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.video-tile video{width:90px;height:70px;border-radius:4px;background:#000;object-fit:cover}.video-placeholder{width:82px;height:67px;background:var(--placeholder-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;border-radius:10rem 10rem 1rem 1rem;font-size:2.5rem}.video-label{font-size:.85rem;margin-top:.2rem;text-align:center;color:var(--label-color)}.mic-volume-bar{display:inline-block;vertical-align:middle;width:40px;height:8px;background:var(--mic-bg);border-radius:4px;margin-left:6px;overflow:hidden}.mic-volume-fill{display:block;height:100%;background:var(--mic-gradient);border-radius:4px;transition:width .1s linear}.version-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.version-history-content{background:#fff;border-radius:8px;width:90%;max-width:600px;height:80%;max-height:700px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.version-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.version-history-header h3{margin:0;color:#2c3e50;font-size:1.2rem}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#e9ecef;color:#495057}.undo-redo-controls{display:flex;gap:10px;padding:15px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;align-items:center}.undo-button,.redo-button{padding:8px 16px;border:1px solid #dee2e6;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:5px}.undo-button:hover:not(.disabled),.redo-button:hover:not(.disabled){background:#e9ecef;border-color:#adb5bd}.undo-button.disabled,.redo-button.disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.version-info{margin-left:auto;font-size:14px;color:#6c757d;font-weight:500}.version-list{flex:1;overflow-y:auto;padding:10px}.version-item{border:1px solid #e1e5e9;border-radius:6px;margin-bottom:10px;padding:15px;background:#fff;transition:box-shadow .2s}.version-item:hover{box-shadow:0 2px 8px #0000001a}.version-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.version-icon{font-size:20px;min-width:24px}.version-info{flex:1}.version-meta{display:flex;gap:10px;align-items:center;margin-bottom:4px}.version-user{font-weight:600;color:#2c3e50;font-size:14px}.version-type{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:12px;color:#495057}.version-timestamp{font-size:12px;color:#6c757d}.version-details{display:flex;gap:15px;margin-bottom:10px;font-size:13px;color:#6c757d}.code-length:before{content:"📄 "}.language:before{content:"🔧 "}.version-actions{display:flex;gap:8px}.view-button,.revert-button{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.view-button:hover{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.revert-button:hover{background:#fff3e0;border-color:#ff9800;color:#f57c00}.loading,.no-versions{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.version-history-footer{padding:15px 20px;border-top:1px solid #e1e5e9;background:#f8f9fa;display:flex;justify-content:center}.refresh-button{padding:8px 16px;border:1px solid var(--accent-color);border-radius:4px;background:var(--accent-color);color:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:5px}.refresh-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.version-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001}.version-details-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80%;overflow-y:auto;box-shadow:0 4px 20px #0003}.version-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:8px 8px 0 0}.version-details-header h4{margin:0;color:#2c3e50}.close-details-button{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-details-button:hover{background-color:#e9ecef}.version-details-body{padding:20px}.detail-row{margin-bottom:15px;line-height:1.5}.detail-row strong{color:#2c3e50;display:inline-block;min-width:80px}.code-preview{margin-top:20px}.code-content{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;padding:15px;margin-top:10px;white-space:pre-wrap;font-family:Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.4;max-height:200px;overflow-y:auto}@media (max-width: 768px){.version-history-content{width:95%;height:90%}.version-header{flex-direction:column;gap:8px}.version-meta{flex-direction:column;gap:4px;align-items:flex-start}.version-details{flex-direction:column;gap:8px}.version-actions{justify-content:flex-end}.undo-redo-controls{flex-wrap:wrap;gap:8px}}.resizable-layout{display:flex;height:100vh;width:100%;position:relative;overflow:hidden}.resizable-sidebar{min-width:200px;max-width:400px;height:100vh;overflow-y:auto;flex-shrink:0;background:var(--sidebar-bg);position:relative;z-index:1}.resizable-editor{flex:1;height:100vh;overflow:hidden;position:relative;background-color:var(--panel-bg)}.resizable-chat{min-width:250px;max-width:500px;height:100vh;background-color:var(--panel-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;z-index:1;transition:width .3s ease}.resizable-chat.minimized{min-width:50px;max-width:50px;width:50px!important}.resize-handle{position:relative;background-color:transparent;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10;transition:background-color .2s ease}.resize-handle:hover{background-color:var(--accent-color)}.resize-handle:active{background-color:var(--accent-hover)}.sidebar-resize,.chat-resize{width:4px;height:100vh;flex-shrink:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--accent-color);border-bottom:1px solid var(--border-color);min-height:50px;flex-shrink:0}.chat-header h3{margin:0;color:var(--text-color);font-size:1rem}.chat-controls{display:flex;gap:.5rem;align-items:center}.chat-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-color);padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center}.chat-control-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.chat-control-btn:active{transform:translateY(0)}.chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.floating-chat{position:fixed;z-index:1000;background-color:var(--panel-bg);border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:300px;max-width:500px;min-height:400px;max-height:600px;display:flex;flex-direction:column;overflow:hidden;resize:both}.floating-chat-header{background:var(--accent-color);color:var(--text-color);padding:.75rem 1rem;cursor:move;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0}.floating-chat-header:hover{background:var(--accent-hover)}.floating-chat-controls{display:flex;gap:.5rem}.floating-chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.resizable-chat.minimized .chat-header{writing-mode:vertical-lr;text-orientation:mixed;padding:1rem .5rem;height:100vh;justify-content:flex-start;flex-direction:column;gap:1rem}.resizable-chat.minimized .chat-controls{flex-direction:column;gap:.5rem}.resizable-chat.minimized .chat-control-btn{writing-mode:horizontal-tb;text-orientation:upright;min-width:35px;height:35px}@media (max-width: 768px){.resizable-layout{flex-direction:column}.resizable-sidebar{height:auto;max-height:30vh;width:100%!important;min-width:unset;max-width:unset}.resizable-editor{height:auto;flex:1}.resizable-chat{height:40vh;width:100%!important;min-width:unset;max-width:unset;border-left:none;border-top:1px solid var(--border-color)}.resize-handle{display:none}.floating-chat{width:90vw!important;height:70vh!important;max-width:unset;max-height:unset;left:5vw!important;top:15vh!important}}.resizable-layout.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.resizable-layout.dragging .resize-handle{pointer-events:all}.chat-content::-webkit-scrollbar,.floating-chat-content::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar-track,.floating-chat-content::-webkit-scrollbar-track{background:var(--panel-bg)}.chat-content::-webkit-scrollbar-thumb,.floating-chat-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.chat-content::-webkit-scrollbar-thumb:hover,.floating-chat-content::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.resizable-chat:not(.minimized){transition:width .3s cubic-bezier(.4,0,.2,1)}.chat-control-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.floating-chat{transition:box-shadow .2s ease}.floating-chat:hover{box-shadow:0 12px 40px #0006}.chat-control-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.resize-handle:focus{outline:2px solid var(--accent-color);outline-offset:-1px}.resizer{width:8px;background-color:var(--border-color);cursor:col-resize;position:relative;flex-shrink:0;transition:background-color .2s ease}.resizer:hover{background-color:var(--accent-color)}.resizer-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:30px;background-color:var(--text-color);border-radius:2px;opacity:0;transition:opacity .2s ease}.resizer:hover .resizer-handle{opacity:.7}.sidebar-resizer{order:2}.chat-resizer{order:4}.chat-header{display:flex;align-items:center;padding:.5rem 1rem;background-color:var(--accent-color);color:var(--text-color);border-bottom:1px solid var(--border-color);min-height:40px}.chat-drag-handle{cursor:move;padding:.25rem;margin-right:.5rem;font-size:1.2rem;line-height:1;-webkit-user-select:none;user-select:none;color:var(--text-color);opacity:.7;transition:opacity .2s ease}.chat-drag-handle:hover{opacity:1}.chat-title{flex-grow:1;font-weight:600;font-size:.9rem}.chat-controls{display:flex;gap:.25rem}.chat-control-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--text-color);padding:.25rem .5rem;border-radius:3px;cursor:pointer;font-size:.8rem;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chat-control-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.minimize-btn:hover{background-color:#ffc10733;border-color:#ffc107}.detach-btn:hover{background-color:#007bff33;border-color:#007bff}.chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.floating-chat-indicator{position:fixed;bottom:20px;right:20px;z-index:1001}.floating-chat-btn{background-color:var(--accent-color);color:var(--text-color);border:none;padding:.75rem 1rem;border-radius:25px;cursor:pointer;font-size:.9rem;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;animation:pulse 2s infinite}.floating-chat-btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0006}@keyframes pulse{0%{box-shadow:0 4px 12px #0000004d,0 0 #6725d9b3}70%{box-shadow:0 4px 12px #0000004d,0 0 0 10px #6725d900}to{box-shadow:0 4px 12px #0000004d,0 0 #6725d900}}.resizable-layout.dragging-sidebar,.resizable-layout.dragging-chat{cursor:col-resize}.resizable-layout.dragging-sidebar *,.resizable-layout.dragging-chat *{-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 768px){.resizable-sidebar{min-width:150px;max-width:250px}.resizable-chat{min-width:200px;max-width:300px}.resizer{width:12px}.chat-header{padding:.4rem .8rem}.chat-drag-handle{font-size:1rem}.floating-chat-btn{bottom:15px;right:15px;padding:.6rem .8rem;font-size:.8rem}}@media (max-width: 480px){.resizable-layout{flex-direction:column}.resizable-sidebar{width:100%!important;max-height:30vh;min-width:auto;max-width:none}.resizable-editor{width:100%!important;min-width:auto}.resizable-chat{width:100%!important;min-width:auto;max-width:none;border-left:none;border-top:1px solid var(--border-color)}.resizer{display:none}}.light-mode .resizer{background-color:#ddd}.light-mode .resizer:hover{background-color:var(--accent-color)}.light-mode .resizer-handle{background-color:#666}.light-mode .chat-control-btn{border-color:#0003;color:var(--text-color)}.light-mode .chat-control-btn:hover{background-color:#0000001a;border-color:#0000004d}.chat-window-placeholder{display:none}