:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){#app{padding:0 2rem;width:100%}}:root{--primary-color: #4caf50;--secondary-color: #666;--danger-color: #ff6b6b;--border-color: #ddd;--hover-color: #45a049}*{transition:all .3s ease}@media (prefers-color-scheme: dark){:root{--border-color: #444;--secondary-color: #888}body{background-color:#1a1a1a;color:#fff}}.language-switcher{position:fixed;top:20px;right:20px;z-index:1000}select{padding:5px 10px;border-radius:4px;border:1px solid #ddd}.container[data-v-21e9a80b]{max-width:1080px;margin:5vh auto 0;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;font-size:16px}h1[data-v-21e9a80b]{margin-bottom:2rem;font-size:24px;font-weight:700}.controls-wrapper[data-v-21e9a80b]{width:100%;display:flex;gap:20px;margin-bottom:1rem;min-width:280px}.settings[data-v-21e9a80b]{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:280px}.section[data-v-21e9a80b]{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;min-width:280px}.section h3[data-v-21e9a80b]{margin-bottom:1.5rem}.translation-area[data-v-21e9a80b]{width:100%;display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.translation-area[data-v-21e9a80b]{flex-direction:row;align-items:stretch}.translation-area .section[data-v-21e9a80b]{width:49%;margin-bottom:0}}.button-group[data-v-21e9a80b]{display:flex;justify-content:center;gap:10px;margin-top:10px;width:100%}@media (min-width: 768px){.controls-wrapper[data-v-21e9a80b]{flex-direction:row;justify-content:center;align-items:flex-start}.settings[data-v-21e9a80b]{flex-direction:row;justify-content:center;flex:1}}h1[data-v-21e9a80b],h3[data-v-21e9a80b]{text-align:center;font-weight:700}.api-select[data-v-21e9a80b],.api-key[data-v-21e9a80b]{display:flex;align-items:center;gap:8px}.api-select label[data-v-21e9a80b],.api-key label[data-v-21e9a80b]{min-width:100px;text-align:right}.language-select label[data-v-21e9a80b]{font-size:.9em;color:var(--secondary-color);margin-right:20px;white-space:nowrap}.lang-pair[data-v-21e9a80b]{display:flex;align-items:center;gap:10px}textarea[data-v-21e9a80b]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;resize:vertical;min-height:100px}.translation-area .section textarea[data-v-21e9a80b]{height:250px;min-height:250px;box-sizing:border-box}.char-count[data-v-21e9a80b]{text-align:right;color:#666;font-size:.9em}button[data-v-21e9a80b]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}input[data-v-21e9a80b]{padding:8px;border:1px solid #ddd;border-radius:4px;width:300px;box-sizing:border-box}select[data-v-21e9a80b]{padding:8px;border:1px solid #ddd;border-radius:4px}.error-message[data-v-21e9a80b]{color:#f44;margin-bottom:10px}button[data-v-21e9a80b]:disabled{background-color:#ccc;cursor:not-allowed}.secondary-button[data-v-21e9a80b]{background-color:#666;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.secondary-button[data-v-21e9a80b]:hover{background-color:#555}.warning[data-v-21e9a80b]{color:#ff6b6b}textarea.warning[data-v-21e9a80b]{border-color:#ff6b6b}.char-count.warning[data-v-21e9a80b]{color:#ff6b6b}.language-select[data-v-21e9a80b]{margin-bottom:20px}.arrow[data-v-21e9a80b]{color:#666;font-weight:700}@keyframes glow-21e9a80b{0%{box-shadow:0 0 #4caf5066}50%{box-shadow:0 0 10px 2px #4caf5033}to{box-shadow:0 0 #4caf5066}}.api-key input[data-v-21e9a80b]:placeholder-shown{animation:glow-21e9a80b 2s infinite}.section.example-section[data-v-21e9a80b]{width:80%}.language-select[data-v-21e9a80b]{width:20%;margin-top:2.5rem}@media (max-width: 768px){.controls-wrapper[data-v-21e9a80b]{flex-direction:column}.section.example-section[data-v-21e9a80b],.language-select[data-v-21e9a80b]{width:100%;margin-top:0}.language-select[data-v-21e9a80b]{width:100%;justify-content:center}.lang-pair[data-v-21e9a80b]{justify-content:center}}@media (min-width: 768px){.controls-wrapper[data-v-21e9a80b]{flex-direction:row;justify-content:space-between;align-items:flex-start}}.translation-area .section h3[data-v-21e9a80b]{margin-bottom:1.5rem}.api-select[data-v-21e9a80b]{position:relative}.help-icon[data-v-21e9a80b]{margin-left:8px;text-decoration:none;cursor:pointer;font-size:1.2em}.api-settings[data-v-21e9a80b]{display:flex;align-items:center;gap:20px}.save-button[data-v-21e9a80b]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;width:fit-content}.save-button[data-v-21e9a80b]:hover{background-color:#45a049}@media (max-width: 768px){.api-settings[data-v-21e9a80b]{flex-direction:column;align-items:stretch}.save-button[data-v-21e9a80b]{margin-top:10px;width:fit-content}}.settings-bottom[data-v-21e9a80b]{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:3rem}.settings-tip[data-v-21e9a80b]{color:#666;font-size:.9em;text-align:center}.container[data-v-21e9a80b] *:not(h1){transition:height .3s ease,margin .3s ease;font-size:inherit}input[data-v-21e9a80b],select[data-v-21e9a80b],textarea[data-v-21e9a80b],button[data-v-21e9a80b]{font-size:16px;font-family:inherit}.language-select select[data-v-21e9a80b],.lang-pair select[data-v-21e9a80b]{padding:4px 8px;height:30px;border:1px solid #ddd;border-radius:4px}.language-select[data-v-21e9a80b]{width:20%;display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:2rem}.api-guide[data-v-f70bfcf8]{max-width:1080px;margin:5vh auto 0;padding:20px}.guide-sections[data-v-f70bfcf8]{display:grid;gap:20px;margin-top:2rem}@media (min-width: 768px){.guide-sections[data-v-f70bfcf8]{grid-template-columns:repeat(2,1fr)}}.guide-section[data-v-f70bfcf8]{padding:1.5rem;border:1px solid #eee;border-radius:8px;height:100%}h1[data-v-f70bfcf8]{text-align:center;margin-bottom:2rem;font-size:24px;font-weight:700}h2[data-v-f70bfcf8]{color:#333;margin-bottom:1rem}ol[data-v-f70bfcf8]{padding-left:20px}li[data-v-f70bfcf8]{margin-bottom:.5rem}a[data-v-f70bfcf8]{color:#4caf50;text-decoration:none}a[data-v-f70bfcf8]:hover{text-decoration:underline}.back-button[data-v-f70bfcf8]{margin-top:2rem;text-align:center}.back-button a[data-v-f70bfcf8]{padding:10px 20px;background-color:#4caf50;color:#fff;border-radius:4px;text-decoration:none}.back-button a[data-v-f70bfcf8]:hover{background-color:#45a049}