:root{--primary-color: #667eea;--secondary-color: #48bb78;--danger-color: #f56565;--warning-color: #ed8936;--info-color: #4299e1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;overflow-y:auto}.app-container{min-height:100vh;transition:all .3s ease}.app-container.vs-dark{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #3e3e42;--hover-bg: #3e3e42;--shadow: rgba(0, 0, 0, .5)}.app-container.light{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--text-primary: #333333;--text-secondary: #555555;--text-tertiary: #777777;--border-color: #dddddd;--hover-bg: #eeeeee;--shadow: rgba(0, 0, 0, .1)}.app-container{background-color:var(--bg-primary);color:var(--text-primary)}.welcome-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.welcome-content{background:var(--bg-secondary);padding:40px;border-radius:20px;max-width:500px;text-align:center;box-shadow:0 10px 30px var(--shadow);animation:slideIn .5s ease}.welcome-content h2{color:var(--primary-color);margin-bottom:20px;font-size:28px}.welcome-content p{color:var(--text-secondary);margin-bottom:20px;font-size:18px}.welcome-content ul{text-align:left;margin:20px 0;list-style:none}.welcome-content li{padding:8px 0;font-size:16px;color:var(--text-secondary)}.got-it-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:30px;cursor:pointer;transition:transform .3s ease}.got-it-btn:hover{transform:scale(1.05)}.header{height:60px;background:var(--bg-secondary);border-bottom:2px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px var(--shadow)}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:40px;border-radius:50px}.logo-text{font-size:22px;font-weight:700}.header-controls{display:flex;gap:15px;align-items:center}.language-selector{position:relative}.language-btn{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);padding:10px 20px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:280px}.language-btn:hover{border-color:var(--primary-color);background:var(--hover-bg)}.dropdown-arrow{margin-left:auto;font-size:12px;transition:transform .3s ease}.language-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:5px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 5px 20px var(--shadow);max-height:300px;overflow:hidden;z-index:100;animation:dropdownSlide .2s ease}.search-box{padding:10px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.language-search{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:8px 12px;border-radius:8px;font-size:14px;transition:all .3s ease}.language-search:focus{outline:none;border-color:var(--primary-color)}.language-list{max-height:240px;overflow-y:auto}.language-item{width:100%;background:none;color:var(--text-primary);border:none;padding:12px 15px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:15px}.language-item:hover{background:var(--hover-bg);padding-left:20px}.language-item.selected{background:var(--primary-color);color:#fff}.language-item .version{margin-left:auto;font-size:12px;opacity:.7}.no-results{padding:20px;text-align:center;color:var(--text-tertiary)}.icon-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);padding:10px 14px;border-radius:10px;font-size:20px;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:var(--hover-bg);transform:scale(1.1)}.main-content{padding:20px}.content-wrapper{height:100%;display:flex;gap:20px;max-width:1600px;margin:0 auto}.editor-section{flex:1.5;display:flex;flex-direction:row;background:var(--bg-primary)}.editor-wrapper{flex:1;border:2px solid var(--border-color);border-radius:10px;padding:20px;overflow:hidden;box-shadow:0 4px 10px var(--shadow);margin-bottom:15px;min-height:400px}.output-wrapper{flex:1;display:flex;flex-direction:column;gap:25px;padding:0 20px 0 50px}.controls-section{display:flex;gap:15px;justify-content:stretch}.run-btn{background:linear-gradient(135deg,var(--secondary-color),#38a169);color:#fff;border:none;padding:14px 40px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.run-btn:not(:disabled):hover{transform:scale(1.05);box-shadow:0 5px 15px #48bb7866}.run-btn:disabled{opacity:.6;cursor:not-allowed}.run-btn.running{animation:pulse 1s infinite}.clear-btn{background:var(--warning-color);color:#fff;border:none;padding:14px 30px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.clear-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #ed893666}.output-section{flex:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:20px;overflow-y:auto;max-height:500px;box-shadow:0 4px 10px var(--shadow);display:flex;flex-direction:column}.output-section h3{color:var(--primary-color);margin-bottom:15px;font-size:18px}.output{font-family:Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;flex:1;overflow-y:auto;padding:10px;background:var(--bg-primary);border-radius:8px;margin-top:5px}.output.success{color:var(--secondary-color)}.footer{height:40px;background:var(--bg-secondary);border-top:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (min-width: 1024px){.editor-section{min-width:600px}.output-section{min-width:350px}}@media (max-width: 768px){.header{padding:0 10px}.editor-section{flex-direction:column}.logo-text{font-size:16px}.language-btn{min-width:200px;padding:8px 15px;font-size:14px}.content-wrapper{flex-direction:column;gap:15px}.editor-section{flex:1;padding:20px}.output-wrapper{flex:1;margin-top:20PX;padding:10px}.editor-wrapper{min-height:500px}.output-section{flex:none;max-height:500px}.controls-section{flex-direction:column;width:100%}.run-btn,.clear-btn{width:100%;justify-content:center}.main-content{padding:10px}}.floating-chat{position:fixed;bottom:20px;right:20px;width:340px;height:50vh;background-color:#1e1e1e;border:2px solid #444;border-radius:12px;display:flex;flex-direction:column;padding:1rem;box-shadow:0 0 12px #0006;z-index:999;transition:all .3s ease}.floating-chat.minimized{height:48px;overflow:hidden;padding:.5rem 1rem}.chat-header{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem;border-bottom:1px solid #555;padding-bottom:4px;display:flex;justify-content:space-between;align-items:center}.minimize-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;margin-bottom:.5rem;padding-right:6px;scroll-behavior:smooth}.chat-bubble{background-color:#333;color:#eee;padding:.6rem .8rem;margin:.4rem 0;border-radius:10px;font-size:.9rem;max-width:90%;word-wrap:break-word}.chat-bubble.user{background-color:#0078d7;color:#fff;align-self:flex-end}.chat-bubble.bot{align-self:flex-start}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.5rem .8rem;border-radius:8px;background-color:#2a2a2a;color:#fff;border:none;font-size:.9rem}.chat-input button{padding:.5rem .8rem;background-color:#fa0;color:#000;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.chat-input button:hover{background-color:#fc0}.typing{font-style:italic;font-size:.85rem;color:#bbb}.typing .dots:after{content:"...";animation:typingDots 1.2s steps(4,end) infinite}@keyframes typingDots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.insert-btn-wrap{text-align:center;margin-top:.5rem}.insert-suggestion{background-color:#00c853;color:#fff;padding:.5rem 1rem;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.insert-suggestion:hover{background-color:#00e676}.fade-in{animation:fadeInUp .3s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.floating-chat{width:95%;right:2.5%;bottom:10px;height:60vh}.chat-header{font-size:.9rem}.chat-input input,.chat-input button,.chat-bubble{font-size:.85rem}}.analyze-btn-wrap{display:flex;justify-content:center;margin:10px 0}.analyze-btn{background-color:#ffbf23;color:#000;font-weight:700;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background-color .2s}.analyze-btn:hover{background-color:#e6aa1c}