*{box-sizing:border-box}:root{--bg:#f7f8fb;--text:#1f2937;--muted:#6b7280;--card:#fff;--border:#e5e7eb;--primary:#1a2a6c;--primary-dark:#152255}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);max-width:1000px;margin:0 auto;padding:0 16px 32px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--primary);color:#fff;border-radius:8px;z-index:1000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-container{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}.tool-header{text-align:center;margin-bottom:2rem}.top-action{display:flex;align-items:center;justify-content:center;margin:-.5rem 0 1rem}.top-action .btn{font-size:1rem;padding:.6rem 1.1rem}.tool-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text)}.tool-header p{margin:0;color:var(--muted)}.io-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.panel{border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;flex-direction:column}.panel-header,.panel-title{display:flex;align-items:center}.panel-header{justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.panel-title{gap:.5rem;font-weight:600;color:var(--text)}.panel-icon{width:18px;height:18px;color:var(--primary)}.action-btn,.panel-actions{display:flex;align-items:center}.panel-actions{gap:.5rem;flex-wrap:wrap}.action-btn{justify-content:center;width:32px;height:32px;border:0;background:0 0;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:rgba(0,0,0,.05);color:var(--text)}.action-btn svg{width:16px;height:16px}.panel-body{padding:0;display:flex;flex-direction:column;flex-grow:1;max-height:520px}.hidden-textarea{display:none}.editable{white-space:pre-wrap}.editable.empty:before{content:attr(data-placeholder);color:var(--muted)}.editable,.panel-body textarea{width:100%;min-height:280px;max-height:520px;overflow-y:auto;border:0;padding:1rem 1.25rem;font-family:Monaco,Menlo,"Ubuntu Mono",monospace;font-size:.9rem;line-height:1.5;background:0 0;resize:none;outline:0;flex-grow:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;min-height:40px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all .15s ease}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.status-message{text-align:center;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-top:1rem}.status-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.status-message.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.grammar-error-input{text-decoration:underline wavy var(--primary)}.spelling-error-input{color:#b91c1c}.grammar-error-output{text-decoration:underline wavy var(--primary)}.spelling-error-output{text-decoration:underline wavy #b91c1c}.output-editable{pointer-events:auto;cursor:text;overflow-y:auto}@media (max-width:768px){.io-panels{grid-template-columns:1fr;gap:1rem}.editable,.panel-body textarea{min-height:240px}}