@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&family=Rajdhani:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0A0A0F;--surface:#15151D;--primary:#F97316;--primary-dark:#EA580C;--accent:#FB923C;--text:#FAFAFA;--text-muted:#A1A1AA;--border:#27272A;--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--info:#3B82F6;--radius:6px;--shadow:0 12px 36px rgba(0,0,0,.5),0 0 28px #F9731626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,sans-serif;background:linear-gradient(145deg,#0a0a0f,#15151d 40%,#1a1a2e);color:var(--text);min-height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#15151de6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.header-left{display:flex;align-items:center;gap:8px}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px currentColor)}.title{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:3px;text-shadow:0 0 20px var(--accent)}.header-right{display:flex;gap:8px;align-items:center}.help-icon{cursor:pointer;color:var(--text-muted);transition:color .2s}.help-icon:hover{color:var(--primary)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:100;display:flex;align-items:center;justify-content:center}.help-modal{background:#15151df5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:28px 32px;max-width:420px;width:90%;box-shadow:var(--shadow)}.help-modal h3{margin-bottom:14px;font-family:Rajdhani,sans-serif;font-size:1.2rem;color:var(--primary);text-shadow:0 0 10px currentColor}.help-modal ul{list-style:disc;padding-left:22px;line-height:2;color:var(--text-muted);font-size:.9rem}.main{display:flex;flex:1;overflow:hidden}.left-panel{width:260px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:#15151d66}.right-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.file-manager{display:flex;flex-direction:column;padding:10px 12px;overflow-y:auto;flex:1}.fm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fm-header h4{font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-muted);letter-spacing:1px}.fm-actions{display:flex;gap:6px}.fm-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.fm-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.fm-btn:disabled{opacity:.3;cursor:not-allowed}.fm-list{display:flex;flex-direction:column;gap:2px}.fm-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .2s;font-size:.85rem}.fm-item:hover{background:#f9731614}.fm-item.active{background:#f9731626;color:var(--primary);font-weight:500}.fm-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.fm-indicator{font-size:10px;color:var(--primary)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#15151d99;border-bottom:1px solid var(--border)}.lang-switch{display:flex;gap:4px}.lang-btn{font-family:Rajdhani,sans-serif;font-size:.8rem;padding:4px 16px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;letter-spacing:1px;text-transform:uppercase}.lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px #f9731666}.lang-btn:hover:not(.active){border-color:var(--text-muted)}.toolbar-actions{display:flex;gap:6px;align-items:center}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.icon-btn:hover{background:#f973161f;border-color:var(--primary);color:var(--primary)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.play-btn{background:var(--primary);border-color:var(--primary);color:#fff}.play-btn:hover{background:var(--primary-dark);box-shadow:0 0 20px #f9731680}.code-editor-wrapper{display:flex;flex:1;overflow:hidden;background:#0d0d14}.code-lines{display:flex;flex-direction:column;align-items:flex-end;padding:12px 6px 12px 0;background:#0000004d;min-width:40px;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border)}.line-number{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);line-height:1.6;padding:0 4px}.code-editor{flex:1;position:relative}.code-input{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;padding:12px 16px;resize:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.code-input::selection{background:#f973164d}.ai-suggestion-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#22c55e14;border-top:1px solid var(--success);font-size:.8rem;color:var(--success)}.suggestion-icon{flex-shrink:0}.suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 4px}.suggestion-close:hover{color:var(--danger)}.output-panel{flex-shrink:0;max-height:160px;overflow:hidden;border-top:1px solid var(--border);background:#15151db3}.output-header{padding:4px 12px;font-size:.75rem;color:var(--text-muted);background:#0003;font-family:Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase}.output-content{padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;white-space:pre-wrap;color:var(--text);overflow-y:auto;max-height:120px}.error-panel{flex-shrink:0;max-height:160px;overflow:hidden;border-top:1px solid var(--danger);background:#ef444414}.error-header{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;color:var(--danger);background:#0003;font-family:Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase}.error-content{padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.8rem;white-space:pre-wrap;color:var(--danger);overflow-y:auto;max-height:120px}.chat-section{flex-shrink:0;border-top:1px solid var(--border)}.chat-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;background:#15151d80;transition:background .2s;-webkit-user-select:none;user-select:none}.chat-header:hover{background:#f9731614}.chat-header span:first-of-type{flex:1;font-family:Rajdhani,sans-serif;font-size:.9rem;letter-spacing:1px;color:var(--text-muted)}.chat-arrow{font-size:.7rem;color:var(--text-muted);transition:transform .2s}.chat-arrow.open{transform:rotate(0)}.chat-body{display:flex;flex-direction:column;max-height:260px;overflow:hidden;background:#0d0d1480}.chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.chat-bubble{max-width:85%;padding:6px 12px;border-radius:12px;font-size:.8rem;line-height:1.5;word-break:break-word}.chat-bubble.user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble.ai{background:#27272acc;color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.chat-loading{font-size:.75rem;color:var(--text-muted);padding:4px 12px;font-style:italic;align-self:flex-start}.chat-input-bar{display:flex;border-top:1px solid var(--border);padding:6px 8px;gap:6px;background:#0003}.chat-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.8rem;color:var(--text);outline:none;transition:border-color .2s}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 8px #f9731633}.chat-send-btn{background:var(--primary);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-btn:hover{background:var(--primary-dark);box-shadow:0 0 12px #f9731666}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}