:root{--bg: #fafafa;--bg-pane: #ffffff;--bg-input: #ffffff;--border: #d6d6d6;--text: #1a1a1a;--text-muted: #666666;--accent: #2563eb;--accent-hover: #1d4ed8;--success: #16a34a;--error: #dc2626;--warn: #d97706;--shadow: 0 1px 2px rgba(0, 0, 0, .06);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--bg: #0d1117;--bg-pane: #161b22;--bg-input: #0d1117;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #2f81f7;--accent-hover: #58a6ff;--success: #3fb950;--error: #f85149;--warn: #d29922;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:12px;padding:16px;max-width:1400px;margin:0 auto}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:1.4rem}.app-header__actions{display:flex;align-items:center;gap:8px}.app-header__tg{text-decoration:none;color:var(--accent)}.app-header__tg:hover{background:var(--bg);border-color:var(--accent)}.meta{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-pane);border:1px solid var(--border);border-radius:6px}.meta__detected-value--ok{color:var(--success)}.meta__detected-value--err{color:var(--error)}.meta__detected-value--neutral{color:var(--text-muted)}.meta__output-format{border:0;padding:0}.meta__output-format legend{display:none}.meta__output-format label{margin-left:12px}.panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:320px}.pane{display:flex;flex-direction:column;background:var(--bg-pane);border:1px solid var(--border);border-radius:6px;overflow:hidden}.pane__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border)}.pane__header h2{margin:0;font-size:1rem}.pane__counter{color:var(--text-muted);font-size:.85rem}.pane__area{flex:1;background:var(--bg-input);color:var(--text);border:0;padding:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;resize:none;outline:none;min-height:220px}.pane__footer{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}.actions{display:flex;justify-content:center}.log{background:var(--bg-pane);border:1px solid var(--border);border-radius:6px;max-height:200px;overflow:auto}.log header{padding:8px 12px;border-bottom:1px solid var(--border)}.log header h3{margin:0;font-size:.95rem}.log__body{margin:0;padding:8px 12px;font-family:ui-monospace,monospace;font-size:.8rem;white-space:pre-wrap}.log__line--error{color:var(--error)}.log__line--success{color:var(--success)}.status{padding:8px 12px;background:var(--bg-pane);border:1px solid var(--border);border-radius:6px;font-size:.9rem;color:var(--text-muted)}.btn{background:var(--bg-pane);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.85rem}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 24px;font-size:1rem}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--icon{padding:4px 8px}