:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#app{width:100%;display:flex;flex-direction:column;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}button:focus-visible{outline:2px solid var(--accent-color, #000000);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.card,.settings-card{background-color:var(--bg-surface);padding:1.75rem 2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d;width:100%;box-sizing:border-box}.settings-card .section-title{margin:0 0 1.25rem;color:var(--text-main);font-size:1.15rem;font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}@media (max-width: 600px){.card,.settings-card{padding:1.25rem 1rem}}.settings-icon[data-v-4f0e5b3f]{width:1.1rem;height:1.1rem;flex-shrink:0;display:inline-block}.navbar[data-v-f4cc8821]{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding:.75rem 0;box-shadow:0 1px 3px #0000000d}.navbar-container[data-v-f4cc8821]{padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand[data-v-f4cc8821]{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;border-radius:6px;text-decoration:none}.navbar-brand[data-v-f4cc8821]:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.title[data-v-f4cc8821]{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-main);margin:0}.navbar-actions[data-v-f4cc8821]{display:flex;align-items:center;gap:1rem}.config-toggle[data-v-f4cc8821]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.4rem .8rem;background:transparent;border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;cursor:pointer;transition:all .2s ease}.config-toggle[data-v-f4cc8821]:hover{background-color:var(--bg-surface-hover)}.config-toggle--active[data-v-f4cc8821]{background-color:var(--accent-color);color:var(--bg-body);border-color:var(--accent-color)}.config-toggle--active[data-v-f4cc8821]:hover{background-color:var(--accent-color);border-color:var(--accent-color);opacity:.9}.icon[data-v-f4cc8821]{width:18px;height:18px}@media (max-width: 600px){.navbar-container[data-v-f4cc8821]{padding:0 1rem}.title[data-v-f4cc8821]{font-size:1.05rem}}.converter-input[data-v-f384c27b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;background-color:var(--bg-surface);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.controls-header[data-v-f384c27b]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.mode-selector[data-v-f384c27b]{display:flex;background-color:var(--bg-body);padding:.25rem;border-radius:8px;border:1px solid var(--border-color)}.mode-selector button[data-v-f384c27b]{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.mode-selector button[data-v-f384c27b]:hover{color:var(--text-main)}.mode-selector button[data-v-f384c27b]:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.mode-selector button.active[data-v-f384c27b]{background-color:var(--bg-surface);color:var(--text-main);box-shadow:0 1px 3px #0000001a;font-weight:600}.manual-options[data-v-f384c27b]{display:flex;align-items:center;gap:.75rem;animation:fadeIn-f384c27b .2s ease-out}.manual-options label[data-v-f384c27b]{font-size:.9rem;color:var(--text-muted)}select[data-v-f384c27b]{padding:.5rem;border-radius:6px;background-color:var(--bg-body);color:var(--text-main);border:1px solid var(--border-color);font-family:inherit;font-size:.9rem;cursor:pointer}select[data-v-f384c27b]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}textarea[data-v-f384c27b]{width:100%;padding:1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-body);color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;resize:vertical;min-height:120px;line-height:1.5}textarea[data-v-f384c27b]:focus-visible,textarea[data-v-f384c27b]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-alpha)}.actions[data-v-f384c27b]{display:flex;gap:1rem}button[data-v-f384c27b]{cursor:pointer;font-family:inherit}.btn-primary[data-v-f384c27b]{background-color:var(--text-main);color:var(--bg-body);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;flex:1;transition:opacity .2s}.btn-primary[data-v-f384c27b]:hover{opacity:.9}.btn-primary[data-v-f384c27b]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.btn-secondary[data-v-f384c27b]{background-color:var(--bg-body);color:var(--text-main);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:background-color .2s}.btn-secondary[data-v-f384c27b]:hover{background-color:var(--bg-surface-hover)}.btn-secondary[data-v-f384c27b]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.error-msg[data-v-f384c27b]{color:var(--error-color);font-size:.9rem;font-weight:500;margin-top:.5rem}@keyframes fadeIn-f384c27b{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.converter-input[data-v-f384c27b]{padding:1rem}.controls-header[data-v-f384c27b]{flex-direction:column;align-items:stretch}.mode-selector[data-v-f384c27b]{width:100%}.mode-selector button[data-v-f384c27b]{flex:1}.manual-options[data-v-f384c27b]{flex-direction:column;align-items:stretch;gap:.5rem}.manual-options label[data-v-f384c27b]{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}select[data-v-f384c27b]{width:100%}}.preview-area[data-v-9542aed6]{padding:1.5rem;background-color:var(--bg-body)}.preview-container[data-v-9542aed6]{display:flex;justify-content:center;background-color:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;min-height:200px}.preview-container img[data-v-9542aed6]{max-width:100%;max-height:500px;object-fit:contain;background-image:linear-gradient(45deg,var(--bg-body) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-body) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-body) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-body) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.preview-container iframe[data-v-9542aed6]{width:100%;height:500px;border:none}.text-preview[data-v-9542aed6]{width:100%;padding:1rem;margin:0;overflow:auto;max-height:400px;text-align:left;white-space:pre-wrap;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;color:var(--text-main)}.text-preview[data-v-9542aed6]:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.no-preview[data-v-9542aed6]{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted);background-color:var(--bg-body)}@media (max-width: 600px){.preview-area[data-v-9542aed6]{padding:1rem}.text-preview[data-v-9542aed6]{font-size:.95rem}}.file-result[data-v-dbc67ddc]{background-color:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;animation:slideUp-dbc67ddc .3s ease-out;box-shadow:0 4px 6px -1px #0000001a}.result-header[data-v-dbc67ddc]{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.meta-info h3[data-v-dbc67ddc]{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-main);font-weight:600}.meta-details[data-v-dbc67ddc]{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--text-muted)}.meta-item .label[data-v-dbc67ddc]{font-weight:500;color:var(--text-main)}.btn-download[data-v-dbc67ddc]{background-color:var(--accent-color);color:var(--bg-body);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-download[data-v-dbc67ddc]:hover{opacity:.9}.btn-download[data-v-dbc67ddc]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes slideUp-dbc67ddc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.result-header[data-v-dbc67ddc]{padding:1rem}}.encoder-input[data-v-0dff9d1c]{display:flex;flex-direction:column;gap:1rem}.drop-zone[data-v-0dff9d1c]{border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem;text-align:center;background-color:var(--bg-surface);transition:all .3s ease;cursor:pointer;min-height:250px;display:flex;align-items:center;justify-content:center}.drop-zone[data-v-0dff9d1c]:hover{border-color:var(--accent-color);background-color:var(--bg-surface-hover)}.drop-zone[data-v-0dff9d1c]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-color:var(--accent-color)}.drop-zone.is-dragging[data-v-0dff9d1c]{border-color:var(--accent-color);background-color:#4a9eff1a;transform:scale(1.02)}.drop-content[data-v-0dff9d1c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-main)}.upload-icon[data-v-0dff9d1c]{margin-bottom:1rem;color:var(--accent-color)}.text-muted[data-v-0dff9d1c]{color:var(--text-muted)}.text-sm[data-v-0dff9d1c]{font-size:.9rem}.btn-browse[data-v-0dff9d1c]{margin-top:.5rem;background-color:var(--accent-color);color:var(--bg-body);border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-browse[data-v-0dff9d1c]:hover{opacity:.9}.btn-browse[data-v-0dff9d1c]:focus-visible{outline:2px solid var(--bg-body);box-shadow:0 0 0 4px var(--accent-color)}.file-selected[data-v-0dff9d1c]{width:100%}.file-info[data-v-0dff9d1c]{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-main)}.filename[data-v-0dff9d1c]{font-weight:600;margin:0;word-break:break-all}.filesize[data-v-0dff9d1c]{font-size:.9rem;color:var(--text-muted);margin:0}.actions[data-v-0dff9d1c]{display:flex;gap:1rem;justify-content:flex-end}.btn-secondary[data-v-0dff9d1c]{padding:.75rem 1.5rem;background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-0dff9d1c]:hover{background-color:var(--bg-surface-hover)}.btn-secondary[data-v-0dff9d1c]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.error-msg[data-v-0dff9d1c]{color:#ef4444;font-weight:500;margin:0}@media (max-width: 600px){.drop-zone[data-v-0dff9d1c]{padding:1rem;min-height:200px}}.encoder-result[data-v-c819784e]{background-color:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;animation:slideUp-c819784e .3s ease-out;box-shadow:0 4px 6px -1px #0000001a;margin-top:1.5rem}.result-header[data-v-c819784e]{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.result-header h3[data-v-c819784e]{margin:0;font-size:1.25rem;color:var(--text-main);font-weight:600}.checkbox-label[data-v-c819784e]{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:600}.checkbox-label input[type=checkbox][data-v-c819784e]{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--accent-color)}.preview-section[data-v-c819784e]{border-bottom:1px solid var(--border-color)}.preview-header[data-v-c819784e]{padding:1rem 1.5rem .5rem;background-color:var(--bg-body);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.preview-header h4[data-v-c819784e]{margin:0;font-size:1rem;font-weight:600;color:var(--text-main)}.preview-filename[data-v-c819784e]{font-size:.85rem;color:var(--text-muted);font-weight:500}.result-area[data-v-c819784e]{padding:1.5rem;background-color:var(--bg-body);display:flex;flex-direction:column;gap:1rem}.result-textarea[data-v-c819784e]{width:100%;padding:1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;resize:vertical;min-height:150px}.result-textarea[data-v-c819784e]:focus-visible,.result-textarea[data-v-c819784e]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-alpha)}.actions[data-v-c819784e]{display:flex;justify-content:flex-end}.btn-primary[data-v-c819784e]{display:flex;align-items:center;gap:.5rem;background-color:var(--accent-color);color:var(--bg-body);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary[data-v-c819784e]:hover{opacity:.9}.btn-primary[data-v-c819784e]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.btn-success[data-v-c819784e]{background-color:#10b981}@keyframes slideUp-c819784e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.result-header[data-v-c819784e],.result-area[data-v-c819784e],.preview-header[data-v-c819784e]{padding:1rem}.result-textarea[data-v-c819784e]{font-size:.95rem}}.footer[data-v-cc2f606c]{padding:3rem 1.5rem;margin-top:4rem;border-top:1px solid var(--border-color)}.footer__content[data-v-cc2f606c]{text-align:center}.footer__text[data-v-cc2f606c]{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.footer__version[data-v-cc2f606c]{opacity:.8}.footer__version-link[data-v-cc2f606c]{color:inherit;text-decoration:none;transition:opacity .2s}.footer__version-link[data-v-cc2f606c]:hover{text-decoration:underline;opacity:1}.footer__links[data-v-cc2f606c]{display:flex;justify-content:center;gap:1rem;align-items:center}.footer__link[data-v-cc2f606c]{color:var(--text-main);font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s}.footer__link[data-v-cc2f606c]:hover{opacity:.7}.footer__divider[data-v-cc2f606c]{color:var(--border-color);font-size:.8rem}.cookie-banner[data-v-797104b9]{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:550px;background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:12px;padding:1.25rem;z-index:9999}.cookie-banner__content[data-v-797104b9]{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.cookie-banner__content[data-v-797104b9]{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}}.cookie-banner__text[data-v-797104b9]{color:var(--text-main);font-size:.9rem;line-height:1.4;margin:0}.cookie-banner__actions[data-v-797104b9]{display:flex;gap:.5rem;justify-content:flex-end;flex-shrink:0}button[data-v-797104b9]{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}button[data-v-797104b9]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.btn-decline[data-v-797104b9]{background-color:transparent;color:var(--text-muted);border-color:var(--border-color)}.btn-decline[data-v-797104b9]:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.btn-accept[data-v-797104b9]{background-color:var(--accent-color, #000);color:var(--bg-body, #fff)}.btn-accept[data-v-797104b9]:hover{opacity:.9}.slide-up-enter-active[data-v-797104b9],.slide-up-leave-active[data-v-797104b9]{transition:all .4s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.slide-up-enter-active[data-v-797104b9],.slide-up-leave-active[data-v-797104b9]{transition:none}}.slide-up-enter-from[data-v-797104b9],.slide-up-leave-to[data-v-797104b9]{opacity:0;transform:translate(-50%,2rem)}.settings-column[data-v-baadc66f]{display:flex;flex-direction:column;gap:1.25rem}.setting-item[data-v-baadc66f]{display:flex;flex-direction:column;gap:.5rem;width:100%}.checkbox-label[data-v-baadc66f]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-main);cursor:pointer}.checkbox-label input[type=checkbox][data-v-baadc66f]{cursor:pointer;accent-color:var(--accent-color)}.flag-icon[data-v-84a42551]{width:1.15em;height:.77em;border-radius:2px;flex-shrink:0;display:inline-block}.lang-selector-container[data-v-70907fdf]{position:relative;width:100%}.lang-selector-trigger[data-v-70907fdf]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:inherit;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%}.lang-selector-trigger[data-v-70907fdf]:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.lang-selector-trigger[data-v-70907fdf]:focus-visible{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.dropdown-arrow[data-v-70907fdf]{font-size:.7rem;color:var(--text-muted);transition:transform .2s ease;margin-left:auto}.arrow-open[data-v-70907fdf]{transform:rotate(180deg)}.lang-selector-dropdown[data-v-70907fdf]{position:absolute;top:calc(100% + .35rem);left:0;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px -2px #00000014,0 2px 6px -1px #0000000a;padding:.35rem 0;list-style:none;z-index:2000;margin:0}.lang-option[data-v-70907fdf]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem 1rem;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--text-main);background:transparent;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.lang-option[data-v-70907fdf]:hover,.lang-option[data-v-70907fdf]:focus-visible{background-color:var(--bg-surface-hover)}.option-selected[data-v-70907fdf]{background-color:var(--accent-color);color:var(--bg-body);font-weight:600}.option-selected[data-v-70907fdf]:hover,.option-selected[data-v-70907fdf]:focus-visible{background-color:var(--accent-color);color:var(--bg-body)}.fade-slide-enter-active[data-v-70907fdf],.fade-slide-leave-active[data-v-70907fdf]{transition:all .15s cubic-bezier(.16,1,.3,1)}.fade-slide-enter-from[data-v-70907fdf],.fade-slide-leave-to[data-v-70907fdf]{opacity:0;transform:translateY(-.25rem)}@media (prefers-reduced-motion: reduce){.fade-slide-enter-active[data-v-70907fdf],.fade-slide-leave-active[data-v-70907fdf],.dropdown-arrow[data-v-70907fdf]{transition:none}}.custom-select-container[data-v-a44d9439]{position:relative;display:block;width:100%}.custom-select-trigger[data-v-a44d9439]{width:100%;background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-main);padding:.85rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-family:inherit;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease-in-out;text-align:left;box-shadow:0 1px 2px #0000000d}.custom-select-trigger--sm[data-v-a44d9439]{padding:.5rem .75rem;font-size:.85rem}.custom-select-trigger[data-v-a44d9439]:focus,.custom-select-trigger[data-v-a44d9439]:focus-visible{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.custom-select-trigger[data-v-a44d9439]:hover{border-color:var(--text-muted)}.custom-select-trigger[data-v-a44d9439]:disabled{cursor:not-allowed;opacity:.65}.custom-select-trigger[data-v-a44d9439]:disabled:hover{border-color:var(--border-color)}.placeholder[data-v-a44d9439]{color:var(--text-muted)}.select-label[data-v-a44d9439]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.dropdown-arrow[data-v-a44d9439]{font-size:.8rem;color:var(--text-muted);transition:transform .2s ease;margin-left:.5rem}.arrow-open[data-v-a44d9439]{transform:rotate(180deg)}.custom-select-dropdown[data-v-a44d9439]{position:absolute;top:calc(100% + .35rem);left:0;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px -2px #00000014,0 2px 6px -1px #0000000a;padding:.35rem 0;max-height:250px;overflow-y:auto;list-style:none;z-index:2000;margin:0}.select-option[data-v-a44d9439]{display:flex;align-items:center;width:100%;padding:.6rem 1rem;font-size:.95rem;font-weight:600;font-family:inherit;color:var(--text-main);background:transparent;border:none;cursor:pointer;transition:background-color .15s;text-align:left}.select-option[data-v-a44d9439]:hover,.select-option[data-v-a44d9439]:focus-visible{background-color:var(--bg-surface-hover);outline:none}.option-selected[data-v-a44d9439]{background-color:var(--accent-color);color:var(--bg-body);font-weight:600}.option-selected[data-v-a44d9439]:hover,.option-selected[data-v-a44d9439]:focus-visible{background-color:var(--accent-color);color:var(--bg-body)}.fade-slide-enter-active[data-v-a44d9439],.fade-slide-leave-active[data-v-a44d9439]{transition:all .15s cubic-bezier(.16,1,.3,1)}.fade-slide-enter-from[data-v-a44d9439],.fade-slide-leave-to[data-v-a44d9439]{opacity:0;transform:translateY(-.25rem)}@media (prefers-reduced-motion: reduce){.fade-slide-enter-active[data-v-a44d9439],.fade-slide-leave-active[data-v-a44d9439],.dropdown-arrow[data-v-a44d9439]{transition:none}}.setting-item[data-v-f5e442a1]{display:flex;flex-direction:column;gap:.5rem;width:100%}.setting-label[data-v-f5e442a1]{font-weight:600;font-size:.9rem;color:var(--text-main)}.settings-view[data-v-63949160]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%;animation:fadeIn-63949160 .2s ease-out}@keyframes fadeIn-63949160{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--bg-body: #ffffff;--bg-surface: #f9fafb;--bg-surface-hover: #f3f4f6;--text-main: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--accent-color: #000000;--accent-color-alpha: rgba(0, 0, 0, .1);--error-color: #ef4444}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-body: #111827;--bg-surface: #1f2937;--bg-surface-hover: #374151;--text-main: #f9fafb;--text-muted: #9ca3af;--border-color: #374151;--accent-color: #ffffff;--accent-color-alpha: rgba(255, 255, 255, .1);--error-color: #f87171}}:root[data-theme=dark]{--bg-body: #111827;--bg-surface: #1f2937;--bg-surface-hover: #374151;--text-main: #f9fafb;--text-muted: #9ca3af;--border-color: #374151;--accent-color: #ffffff;--accent-color-alpha: rgba(255, 255, 255, .1);--error-color: #f87171}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{max-width:800px;margin:0 auto;padding:3rem 1.5rem;min-height:calc(100vh - 55px);display:flex;flex-direction:column}.app-hero{text-align:center;margin-bottom:2.5rem}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.badges{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.badge{font-size:.75rem;padding:.2rem .6rem;border-radius:9999px;background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.main-content{flex:1}.tabs{display:flex;gap:.5rem;background-color:var(--bg-surface);padding:.5rem;border-radius:12px;border:1px solid var(--border-color);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--text-main);background-color:var(--bg-surface-hover)}.tab-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}[role=tabpanel]:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.tab-btn.active{background-color:var(--accent-color);color:var(--bg-body)}.tab-pane{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.app-layout{padding:1.5rem .75rem 2rem}.app-hero{margin-top:.5rem;margin-bottom:1.5rem}.subtitle{font-size:1rem}}
