:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh}.translation-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"top-left top-right" "bottom-left bottom-right";gap:1.5rem;width:100%;height:100%;min-height:70vh}.translation-grid>:nth-child(1){grid-area:top-left}.translation-grid>:nth-child(2){grid-area:top-right}.translation-grid>:nth-child(3){grid-area:bottom-left}.translation-grid>:nth-child(4){grid-area:bottom-right}.translation-section{height:100%;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.translation-section:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.language-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.language-selector .ant-btn{transition:all .3s ease;border-radius:8px}.language-selector .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.language-selector .ant-btn:disabled{opacity:.5;transform:none;box-shadow:none}.touch-friendly{min-width:48px;height:48px;font-size:16px;padding:0 16px;border-radius:12px;border:1px solid #d9d9d9;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center}.touch-friendly-icon{font-size:20px;margin:0}.touch-friendly:active{transform:scale(.96);box-shadow:0 1px 2px #0000001a}.touch-friendly:disabled{opacity:.5;transform:none;box-shadow:none}.fullscreen-toolbar{font-size:14px}.fullscreen-toolbar .ant-slider{margin:0}.touch-friendly{min-width:44px;height:44px;font-size:16px;padding:0 12px;border-radius:8px}.touch-friendly-icon{font-size:20px}.touch-friendly-slider .ant-slider-track{height:8px;background:linear-gradient(90deg,#40a9ff,#1890ff);border-radius:4px;transition:all .3s ease}.touch-friendly-slider .ant-slider-rail{height:8px;background-color:#e6f7ff;border-radius:4px}.touch-friendly-slider .ant-slider-handle{width:24px;height:24px;margin-top:-8px;background:#fff;border:3px solid #1890ff;border-radius:50%;box-shadow:0 2px 8px #1890ff66;transition:all .3s cubic-bezier(.34,1.56,.64,1);opacity:1;z-index:1}.touch-friendly-slider .ant-slider-handle:hover,.touch-friendly-slider .ant-slider-handle:active{width:28px;height:28px;margin-top:-10px;border-color:#096dd9;border-radius:50%;box-shadow:0 4px 12px #1890ff99;transform:scale(1.1)}.touch-friendly-slider .ant-slider-handle:after,.touch-friendly-slider .ant-slider-handle:before{display:none}.touch-friendly-slider:hover .ant-slider-track,.touch-friendly-slider:hover .ant-slider-rail{height:10px}.fullscreen-textarea{font-family:inherit;resize:none;transition:font-size .3s ease}@media (hover: none) and (pointer: coarse){.touch-friendly:active{transform:scale(.95);transition:transform .05s ease}.translation-section textarea{padding:16px;font-size:16px;line-height:1.8}.ant-select{min-width:120px;height:48px}.ant-select-selector{height:48px!important;font-size:16px;display:flex;align-items:center;border-radius:12px!important}.ant-select-dropdown{font-size:16px;border-radius:12px}.ant-select-item{height:48px;display:flex;align-items:center}.ant-modal-header{padding:24px;border-bottom:1px solid #f0f0f0}.ant-modal-title{font-size:18px}.ant-input{font-size:16px;padding:10px 14px;border-radius:8px}.ant-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}}@media (max-width: 768px){.fullscreen-toolbar{flex-direction:column;gap:12px;padding:16px}.fullscreen-toolbar .touch-friendly-slider{width:100%!important;max-width:300px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.translation-section .ant-input-affix-wrapper textarea{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f9f9f9}.translation-section .ant-input-affix-wrapper textarea::-webkit-scrollbar-track{background:#f9f9f9}.translation-section .ant-input-affix-wrapper textarea::-webkit-scrollbar-thumb{background:#c1c1c1}.translation-section .ant-input-affix-wrapper textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-container{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1890ff1a;border-radius:16px;color:#1890ff;font-size:12px}@media (max-width: 768px){.translation-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:"top-left" "top-right" "bottom-left" "bottom-right";gap:1rem;min-height:auto}.translation-section{min-height:250px}}