:root{--bg: #ffffff;--text: #1e1e1e;--primary: #4f46e5;--accent: #d1d5db;--input-bg: #f9fafb;--border: #e5e7eb}body.dark{--bg: #121212;--text: #f1f5f9;--primary: #6366f1;--accent: #334155;--input-bg: #1e293b;--border: #374151}body{background-color:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;margin:0;padding:0;transition:all .3s ease}.container{max-width:800px;margin:auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.theme-toggle{background:var(--primary);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.theme-toggle:hover{background:#4338ca}h1,h2{margin-bottom:.5rem}textarea{width:100%;background-color:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:1rem;resize:vertical;margin-bottom:1.5rem;transition:background-color .3s}button{background-color:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s}button:disabled{opacity:.6;cursor:not-allowed}button:hover:enabled{background-color:#4338ca}.output-section{margin-top:2rem;background-color:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:1rem}pre{white-space:pre-wrap;word-break:break-word}.error{color:red;margin-top:1rem;font-weight:700}