.lg-page .page-header{margin-bottom:var(--space-6)}.lg-page .noscript{color:var(--text-secondary)}.lg-back{display:inline-block;font-size:var(--text-small);font-weight:500;margin-bottom:var(--space-4)}#lingo-app [hidden]{display:none!important}#lingo-app .lg-app{display:flex;flex-direction:column;gap:var(--space-5)}#lingo-app .lg-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}#lingo-app .lg-segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-muted)}#lingo-app .lg-segment{min-height:36px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:background-color var(--duration-ui) var(--ease-standard),color var(--duration-ui) var(--ease-standard),box-shadow var(--duration-ui) var(--ease-standard)}#lingo-app .lg-segment[aria-pressed=true]{background:var(--bg);color:var(--text);box-shadow:var(--shadow-card)}#lingo-app .lg-status{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;max-width:100%;padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:background-color var(--duration-ui) var(--ease-standard),border-color var(--duration-ui) var(--ease-standard)}#lingo-app .lg-status:hover{background:var(--bg-muted);border-color:var(--border-strong)}#lingo-app .lg-status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}#lingo-app .lg-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent}#lingo-app .lg-dot[data-status=connected]{border-color:var(--accent);background:var(--accent)}#lingo-app .lg-dot[data-status=loading]{border-color:var(--text-tertiary);background:var(--text-tertiary)}@media(prefers-reduced-motion:no-preference){#lingo-app .lg-dot[data-status=loading]{animation:lg-pulse 1.2s var(--ease-standard) infinite}}@keyframes lg-pulse{50%{opacity:.35}}#lingo-app .lg-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-muted);box-shadow:none;color:var(--text-secondary);font-size:var(--text-body)}#lingo-app .lg-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-4);align-items:stretch}#lingo-app .lg-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0}#lingo-app .lg-run{min-width:140px;white-space:nowrap}#lingo-app .lg-pane{display:flex;flex-direction:column;min-width:0;overflow:hidden}#lingo-app .lg-pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}#lingo-app .lg-pane-title{font-size:var(--text-body);font-weight:600;color:var(--text)}#lingo-app .lg-pane-actions{display:flex;align-items:center;gap:var(--space-2)}#lingo-app .lg-pane-body{display:flex;flex-direction:column;flex:1;min-height:260px}#lingo-app .lg-textarea{flex:1;width:100%;min-height:260px;padding:var(--space-4);border:0;background:transparent;color:var(--text);font:inherit;line-height:1.55;resize:vertical}#lingo-app .lg-textarea:focus-visible{outline-offset:-3px}#lingo-app .lg-textarea[readonly]{cursor:default;resize:none}#lingo-app .lg-textarea::placeholder{color:var(--text-tertiary)}#lingo-app .lg-diff{flex:1;padding:var(--space-4);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}#lingo-app .lg-ins{text-decoration:none;background:var(--accent-soft);border-radius:var(--radius-sm)}#lingo-app .lg-del{color:var(--text-tertiary);text-decoration:line-through}#lingo-app .lg-error{padding:0 var(--space-4) var(--space-4);color:var(--text-secondary);font-size:var(--text-small)}#lingo-app .lg-select{max-width:100%;min-height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-small);font-weight:500;cursor:pointer}#lingo-app .lg-select-wide{width:100%;min-height:44px;border-radius:var(--radius-md)}#lingo-app .lg-select:disabled{opacity:.5;cursor:default}#lingo-app .lg-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:background-color var(--duration-ui) var(--ease-standard),border-color var(--duration-ui) var(--ease-standard),color var(--duration-ui) var(--ease-standard)}#lingo-app .lg-chip:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-strong)}#lingo-app .lg-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#lingo-app .lg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text);cursor:pointer;transition:background-color var(--duration-ui) var(--ease-standard),border-color var(--duration-ui) var(--ease-standard)}#lingo-app .lg-icon-btn:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-strong)}#lingo-app .lg-swap{width:44px;height:44px}#lingo-app .btn:disabled,#lingo-app .lg-chip:disabled,#lingo-app .lg-icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}#lingo-app .lg-btn-small{min-height:44px;padding:0 var(--space-4)}#lingo-app .lg-footer{color:var(--text-tertiary);font-size:var(--text-small)}#lingo-app .lg-dialog{width:min(480px,calc(100% - var(--space-6)));max-height:calc(100vh - var(--space-8));margin:auto;padding:0;color:var(--text);box-shadow:var(--shadow-float);overflow:auto}#lingo-app .lg-dialog::backdrop{background:var(--header-bg, rgba(0, 0, 0, .3));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#lingo-app .lg-dialog-inner{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}#lingo-app .lg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}#lingo-app .lg-dialog h2{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;letter-spacing:-.02em}#lingo-app .lg-section{display:flex;flex-direction:column;gap:var(--space-3)}#lingo-app .lg-section .eyebrow{margin-bottom:0}#lingo-app .lg-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);font-size:var(--text-body);font-weight:500}#lingo-app .lg-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:26px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-tiny);font-weight:600}#lingo-app .lg-pill-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}#lingo-app .lg-hint{color:var(--text-secondary);font-size:var(--text-small);line-height:1.5}#lingo-app .lg-key-state{display:flex;align-items:center;gap:var(--space-3)}#lingo-app .lg-key-form{display:flex;gap:var(--space-2)}#lingo-app .lg-input{flex:1;min-width:0;min-height:44px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit;font-size:var(--text-body)}#lingo-app .lg-input:disabled{opacity:.5}#lingo-app .lg-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}#lingo-app .lg-dialog .lg-error{padding:0}#lingo-app .lg-dialog-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}@media(max-width:760px){#lingo-app .lg-workspace{grid-template-columns:1fr}#lingo-app .lg-middle{flex-direction:row;padding:0}#lingo-app .lg-swap svg{transform:rotate(90deg)}#lingo-app .lg-pane-body,#lingo-app .lg-textarea{min-height:180px}#lingo-app .lg-dialog-inner{padding:var(--space-4)}}@media(max-width:480px){#lingo-app .lg-toolbar{flex-direction:column;align-items:stretch}#lingo-app .lg-segmented{display:flex}#lingo-app .lg-segment{flex:1}#lingo-app .lg-status{justify-content:center}#lingo-app .lg-run{flex:1}}
