.code-explainer{max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg, 1.5rem)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-select{width:100%;padding:var(--space-md, 1rem);font-size:var(--font-base, 1rem);border:2px solid var(--border-color, #E2E8F0);border-radius:var(--border-radius, 8px);background:var(--bg-primary, #fff);cursor:pointer;transition:all .3s ease;min-height:48px}.form-select:focus{outline:none;border-color:var(--brand-primary, #1E40AF);box-shadow:0 0 0 3px #1e40af1a}.form-code{font-family:Fira Code,JetBrains Mono,monospace;font-size:14px;line-height:1.6;background:#1e293b;color:#e2e8f0;border-color:#1e293b;resize:vertical;-moz-tab-size:2;tab-size:2}.form-code::placeholder{color:#64748b}.form-code:focus{border-color:var(--brand-secondary, #3B82F6);box-shadow:0 0 0 3px #3b82f633}.mode-toggle{display:flex;gap:var(--space-sm, .5rem);background:var(--bg-secondary, #F8FAFC);padding:var(--space-xs, .25rem);border-radius:var(--border-radius, 8px)}.mode-btn{flex:1;padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:none;background:transparent;color:var(--text-secondary, #64748B);font-weight:500;font-size:var(--font-sm, .875rem);border-radius:var(--border-radius, 8px);cursor:pointer;transition:all .3s ease}.mode-btn:hover{color:var(--text-primary, #1E293B)}.mode-btn.active{background:var(--bg-primary, #fff);color:var(--brand-primary, #1E40AF);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}.form-actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-lg, 1.5rem)}.form-actions .btn{min-width:150px}@media (max-width: 480px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.loading-spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 1.5rem)}.btn-sm{padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:var(--font-sm, .875rem);min-height:auto}.explanation-content{background:var(--bg-primary, #fff);padding:var(--space-xl, 2rem);border-radius:var(--border-radius-lg, 12px);line-height:1.8}.explanation-content.ml-text{font-family:Noto Sans Malayalam,sans-serif;font-size:18px;line-height:2}.explanation-content p{margin-bottom:var(--space-md, 1rem);color:var(--text-primary, #1E293B)}.explanation-content p:last-child{margin-bottom:0}.explanation-content code{background:var(--bg-muted, #F1F5F9);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;color:var(--brand-primary, #1E40AF)}.explanation-content pre{background:#1e293b;color:#e2e8f0;padding:var(--space-lg, 1.5rem);border-radius:var(--border-radius, 8px);overflow-x:auto;margin:var(--space-md, 1rem) 0}.explanation-content pre code{background:none;padding:0;color:inherit}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl, 4rem);gap:var(--space-lg, 1.5rem);background:var(--bg-secondary, #F8FAFC);border-radius:var(--border-radius-xl, 16px);margin-top:var(--space-xl, 2rem)}.loading-spinner{width:48px;height:48px;border:4px solid var(--bg-muted, #F1F5F9);border-top-color:var(--brand-primary, #1E40AF);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-lg, 1.125rem);color:var(--text-secondary, #64748B);margin:0}.loading-text.ml-text{font-family:Noto Sans Malayalam,sans-serif;font-size:1.25rem}.app-error{padding:var(--space-lg, 1.5rem);background:#fef2f2;border-left:4px solid #EF4444;border-radius:var(--border-radius, 8px);margin-top:var(--space-xl, 2rem);color:#dc2626}.app-results{background:var(--bg-secondary, #F8FAFC);border-radius:var(--border-radius-xl, 16px);padding:var(--space-2xl, 3rem);margin-top:var(--space-xl, 2rem);border:2px solid var(--border-color, #E2E8F0)}.results-title{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--text-primary, #1E293B);margin:0}