.compiler-workspace{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 8px 24px #00000014}.compiler-toolbar{background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.compiler-toolbar-left{align-items:center;gap:10px;display:flex}.compiler-toolbar-right{align-items:center;gap:8px;display:flex}.compiler-toolbar-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.compiler-toolbar-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.compiler-toolbar-btn-secondary:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.compiler-toolbar-btn-run{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:8px 20px;font-size:14px;box-shadow:0 2px 8px #10b98159}.compiler-toolbar-btn-run:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98173}.compiler-toolbar-btn-running{cursor:not-allowed;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b59}.compiler-lang-selector{position:relative}.compiler-lang-btn{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:180px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.compiler-lang-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.compiler-lang-emoji{font-size:18px;line-height:1}.compiler-lang-name{text-align:left;flex:1}.compiler-lang-version{color:#94a3b8;font-size:11px;font-weight:500}.compiler-lang-chevron{color:#94a3b8;transition:transform .2s}.compiler-lang-chevron-open{transform:rotate(180deg)}.compiler-lang-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:260px;max-height:360px;padding:6px;animation:.15s ease-out compilerDropdownIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 4px 6px #0000000a,0 10px 30px #0000001a}@keyframes compilerDropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.compiler-lang-dropdown::-webkit-scrollbar{width:6px}.compiler-lang-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.compiler-lang-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:all .15s;display:flex}.compiler-lang-option:hover{background:#f1f5f9}.compiler-lang-option-active{background:#eff6ff}.compiler-lang-option-active:hover{background:#dbeafe}.compiler-lang-option-info{flex-direction:column;flex:1;gap:1px;display:flex}.compiler-lang-option-name{color:#1e293b;font-size:13px;font-weight:600}.compiler-lang-option-version{color:#94a3b8;font-size:11px}.compiler-lang-check{color:#3b82f6;flex-shrink:0}.compiler-panels{grid-template-columns:1fr 1fr;min-height:480px;display:grid}@media (max-width:900px){.compiler-panels{grid-template-columns:1fr}}.compiler-editor-panel{border-right:1px solid #e2e8f0;flex-direction:column;display:flex}@media (max-width:900px){.compiler-editor-panel{border-bottom:1px solid #e2e8f0;border-right:none}}.compiler-editor-header{background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:8px 16px;display:flex}.compiler-editor-dots{gap:6px;display:flex}.compiler-dot{border-radius:50%;width:10px;height:10px}.compiler-dot-red{background:#ef4444}.compiler-dot-yellow{background:#f59e0b}.compiler-dot-green{background:#22c55e}.compiler-editor-filename{color:#94a3b8;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px}.compiler-editor-body{background:#0f172a;flex:1;min-height:400px;display:flex;overflow:hidden}.compiler-line-numbers{-webkit-user-select:none;user-select:none;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;min-width:48px;padding:16px 0;display:flex;overflow:hidden}.compiler-line-number{color:#475569;text-align:right;height:20.8px;padding:0 12px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}.compiler-editor-textarea{color:#e2e8f0;resize:none;tab-size:4;background:#0f172a;border:none;outline:none;flex:1;width:100%;padding:16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.compiler-editor-textarea::placeholder{color:#475569}.compiler-editor-textarea::-webkit-scrollbar{width:8px;height:8px}.compiler-editor-textarea::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.compiler-editor-textarea::-webkit-scrollbar-track{background:#0f172a}.compiler-output-wrapper{background:#f8fafc;flex-direction:column;display:flex}.compiler-stdin-section{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px}.compiler-stdin-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.compiler-stdin-input{resize:vertical;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;transition:border-color .2s}.compiler-stdin-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.compiler-output-panel{flex-direction:column;flex:1;display:flex}.compiler-output-header{background:#1e293b;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.compiler-output-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.compiler-output-meta{align-items:center;gap:10px;display:flex}.compiler-output-time{color:#94a3b8;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.compiler-output-status{letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.compiler-output-status-success{color:#34d399;background:#10b98126}.compiler-output-status-error{color:#f87171;background:#ef444426}.compiler-output-exit{color:#64748b;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.compiler-output-content{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;flex:1;min-height:200px;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto}.compiler-output-content::-webkit-scrollbar{width:8px}.compiler-output-content::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.compiler-output-running{color:#f59e0b;align-items:center;gap:12px;font-weight:500;animation:1.5s ease-in-out infinite compilerPulse;display:flex}@keyframes compilerPulse{0%,to{opacity:1}50%{opacity:.6}}.compiler-output-placeholder{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;font-size:14px;display:flex}.compiler-output-placeholder kbd{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;display:inline-block}.compiler-output-compile{color:#f59e0b;border-bottom:1px dashed #334155;margin-bottom:8px;padding-bottom:8px}.compiler-output-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-right:8px;font-size:11px;font-weight:700}.compiler-output-stdout{color:#a5f3fc;display:block}.compiler-output-stderr{color:#fca5a5;display:block}.compiler-spinner{border:3px solid #334155;border-top-color:#f59e0b;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite compilerSpin}.compiler-spinner-sm{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite compilerSpin}@keyframes compilerSpin{to{transform:rotate(360deg)}}@media (max-width:640px){.compiler-btn-label{display:none}.compiler-toolbar{padding:8px 12px}.compiler-toolbar-btn{padding:7px 10px}.compiler-lang-btn{min-width:140px}.compiler-editor-body{min-height:280px}}.compiler-features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.compiler-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.compiler-feature-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.compiler-feature-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:22px;display:flex}.compiler-feature-title{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:700}.compiler-feature-desc{color:#64748b;font-size:14px;line-height:1.55}.compiler-lang-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.compiler-lang-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.compiler-lang-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.compiler-lang-card-emoji{font-size:24px}.compiler-lang-card-name{color:#1e293b;font-size:14px;font-weight:600}