*{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}.panel-body textarea{width:100%;min-height:280px;max-height:520px;overflow: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}.panel-footer{display:none}.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}.toggle-switch{display:flex;align-items:center;cursor:pointer;background:var(--border);border-radius:18px;padding:4px;margin-right:1rem;position:relative}.toggle-switch .label-css,.toggle-switch .label-scss{font-size:.9rem;font-weight:600;padding:0 16px;z-index:1;transition:color .2s ease-in-out}.toggle-switch .label-css{color:#fff}.toggle-switch .label-scss{color:#4a5568}.toggle-switch .slider{position:absolute;top:4px;left:4px;height:28px;width:70px;background-color:var(--primary);border-radius:14px;transition:transform .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.toggle-switch input:checked~.slider{transform:translateX(68px)}.toggle-switch input:checked~.label-css{color:#4a5568}.toggle-switch input:checked~.label-scss{color:#fff}@media (max-width:768px){.io-panels{grid-template-columns:1fr;gap:1rem}.panel-body textarea{min-height:240px}}