*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xinglish-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.xinglish-input{width:100%;min-height:120px;padding:12px;border:none;outline:none;resize:vertical;font-size:16px;line-height:1.5;font-family:inherit;background:transparent}.xinglish-input:focus{background:#f8f9fa}.xinglish-input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.xinglish-output{padding:12px;min-height:120px;font-size:18px;line-height:1.6;background:#f8f9fa;border-top:1px solid #eee;white-space:pre-wrap;word-wrap:break-word}.xinglish-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:200px}.xinglish-side-by-side .xinglish-input-container{border-right:1px solid #eee}.xinglish-stacked{display:flex;flex-direction:column}.xinglish-output-only .xinglish-output{border-top:none;background:#fff}.xinglish-input-container,.xinglish-output-container{display:flex;flex-direction:column}.xinglish-suggestions{padding:8px 12px;background:#f0f8ff;border-top:1px solid #ddd;font-size:14px}.xinglish-suggestions-title{font-weight:600;margin-bottom:8px;color:#333}.xinglish-suggestion-item{padding:4px 8px;margin:2px 0;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.xinglish-suggestion-item:hover{background:#e3f2fd;border-color:#2196f3}@media (max-width: 768px){.xinglish-side-by-side{grid-template-columns:1fr}.xinglish-side-by-side .xinglish-input-container{border-right:none;border-bottom:1px solid #eee}.xinglish-input,.xinglish-output{min-height:100px;font-size:14px}}.xinglish-react-editor,.xinglish-angular-editor{width:100%}.xinglish-editor:focus-within{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.xinglish-editor.loading{opacity:.7;pointer-events:none}.xinglish-editor.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}