:root{--bg:#0a0a0a;--panel-bg:#161616;--surface-raised:#1a1a1a;--border:#1e1e1e;--border-mid:#252525;--border-strong:#333;--text:#f2f0ec;--text-secondary:#999;--text-muted:#6b6b6b;--text-subtle:#777;--text-faint:#555;--text-ghost:#444;--text-ghost-2:#2e2e2e;--text-disabled:#666;--text-placeholder:#565452;--text-result:#ccc;--text-textarea:#d6d4cf;--accent:#f5a623;--accent-text:#141312;--error:#ff6b6b;--progress-track:#3f3e3e}@media (prefers-color-scheme:light){:root{--bg:#f5f4f1;--panel-bg:#fff;--surface-raised:#efeee8;--border:#e6e4de;--border-mid:#d8d5cd;--border-strong:#c2beb3;--text:#1c1b19;--text-secondary:#6b675e;--text-muted:#8c887e;--text-subtle:#79766d;--text-faint:#6b675e;--text-ghost:#a3a095;--text-ghost-2:#c7c4ba;--text-disabled:#9a978d;--text-placeholder:#a8a49a;--text-result:#33322e;--text-textarea:#262521;--error:#d1453d;--progress-track:#e6e4de}}body{background:var(--bg);margin:0}.app-container{max-width:640px;color:var(--text);flex-direction:column;gap:8px;margin:4rem auto;padding:0 1rem;font-family:sans-serif;display:flex}.hero{margin-bottom:32px}.hero-title{color:var(--text);margin-bottom:12px;font-size:34px;font-weight:700;line-height:1.2}@media (width<=700px){.app-container{gap:4px;margin:2rem auto}.hero{margin-bottom:24px}.hero-title{font-size:26px}.hero-subtitle{font-size:14px}}.hero-title em{font-style:italic;font-weight:300}.hero-subtitle{color:var(--text-faint);max-width:58ch;font-size:15px;line-height:1.65}.container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=700px){.container{grid-template-columns:1fr;gap:20px}}.app-form{border:1px solid var(--border);background-color:var(--panel-bg);border-radius:12px;flex-direction:column;display:flex}.panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:12px;flex-direction:column;height:520px;display:flex;overflow:hidden}@media (width<=700px){.panel{height:420px}}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:11px 14px;display:flex}.panel-header-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:inline-block}.panel-header-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.ws-textarea{min-height:0;color:var(--text-textarea);resize:none;background:0 0;border:none;outline:none;flex:1;padding:14px;font-family:inherit;font-size:14px;line-height:1.65;overflow-y:auto}.ws-textarea::placeholder{color:var(--text-placeholder)}.app-error{color:var(--error)}@media (width<=700px){.ws-textarea{font-size:16px}}.app-result{color:var(--text-result);white-space:pre-wrap;flex-shrink:0;max-width:100%;padding-top:4px;font-size:15px;line-height:1.75;overflow-x:auto}.input-footer{border-top:1px solid var(--border);flex-shrink:0;padding:10px 14px}.translate-button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--accent-text);border-radius:8px;padding:9px;font-family:inherit;font-size:14px;font-weight:600}.translate-button:disabled{cursor:not-allowed;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-disabled);font-weight:400}.example-chips-row{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.example-chips-label{color:var(--text-muted);font-size:12px}.example-chip{border:1px solid var(--border-mid);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:12px}.level-selector-row{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:14px 14px 8px;display:flex}.level-chip{cursor:pointer;border:1px solid var(--border-mid);background:var(--surface-raised);color:var(--text-subtle);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:400;display:inline-flex}.level-chip--active{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font-weight:600}.output-content{flex-direction:column;flex:1;min-height:0;padding:4px 14px 16px;display:flex;overflow-y:auto}.output-idle{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.output-idle-icon{opacity:.2;font-size:26px}.output-idle-text{color:var(--text-ghost);margin:0;font-size:14px}.output-idle-subtext{color:var(--text-ghost-2);margin:0;font-size:12px}.output-loading{color:var(--text-ghost);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.output-progress-track{background:var(--progress-track);border-radius:2px;width:100px;height:2px;position:relative;overflow:hidden}.output-progress-fill{background:var(--accent);border-radius:2px;animation:1.2s ease-in-out infinite loading-sweep;position:absolute;inset:0}@keyframes loading-sweep{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.output-error{color:var(--error);padding:4px;font-size:14px}