:root{--bg-color:#1e1e1e;--pane-bg:#252526;--strip-bg:#333;--text-main:#ccc;--accent-color:#007acc;--btn-hover:#444}body,html{background-color:var(--bg-color);height:100vh;color:var(--text-main);margin:0;padding:0;font-family:Courier New,Courier,monospace;overflow:hidden}#app-container{width:100vw;height:100vh;display:flex}.pane{background-color:var(--pane-bg);flex:1;height:100%;overflow-y:auto}#chat-pane{background-color:#1a1a1a}.edge-strip{background-color:var(--strip-bg);border-left:1px solid #111;border-right:1px solid #111;flex-direction:row;flex-shrink:0;width:50px;display:flex}.strip-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;flex:1;font-size:1.2rem;font-weight:700;transition:background-color .2s,color .2s}.strip-btn:hover{background-color:var(--btn-hover);color:var(--accent-color)}#center-strip .strip-btn:first-child{border-right:1px solid #222}.hidden{display:none!important}.cm-editor{height:100%}.dimmed-code{opacity:.25;transition:opacity .2s}#chat-pane{background-color:#151515;flex-direction:column;display:flex}#chat-history{flex-direction:column;flex-grow:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-msg{border-radius:6px;max-width:85%;padding:10px 14px;line-height:1.4}.ai-msg{border-left:3px solid var(--accent-color);background-color:#252526;align-self:flex-start}.user-msg{color:#fff;background-color:#005f99;align-self:flex-end}#chat-input-container{background-color:#1e1e1e;border-top:1px solid #333;padding:15px}#chat-input{width:100%;color:var(--text-main);box-sizing:border-box;resize:none;background-color:#111;border:1px solid #444;border-radius:4px;padding:12px;font-family:inherit}#chat-input:focus{border-color:var(--accent-color);outline:none}.flex-col{flex-direction:column;display:flex}.tab-bar{background-color:#111;border-bottom:1px solid #2b2b2b;height:36px;display:flex}.editor-container{flex-grow:1;overflow:hidden}.slate-tab{color:#6e7681;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#111;border-bottom:2px solid #0000;border-right:1px solid #2b2b2b;padding:8px 16px;font-size:.9rem;transition:all .2s}.slate-tab:hover{color:#d4d4d4;background-color:#1a1a1a}.slate-tab.active{background-color:var(--pane-bg);color:#fff;border-bottom:2px solid var(--accent-color)}#btn-promote{color:#fff;cursor:pointer;background-color:#005f99;border:none;padding:0 16px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background-color .2s}#btn-promote:hover{background-color:var(--accent-color)}