.form-item.svelte-1qrcgyi{display:flex;flex-direction:column;gap:8px}.form-item.svelte-1qrcgyi .label:where(.svelte-1qrcgyi){width:100%;font-size:14px}.form-item.svelte-1qrcgyi .form-item-inner:where(.svelte-1qrcgyi){width:100%}.i-icon.svelte-1jpjl5q{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-icon-spin.svelte-1jpjl5q{animation:svelte-1jpjl5q-spin 1s infinite linear}.i-icon-rtl.svelte-1jpjl5q{transform:scaleX(-1)}@keyframes svelte-1jpjl5q-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes svelte-1jpjl5q-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.container.svelte-snm0hk{display:flex;width:100%;gap:16px}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk){flex:1 1;position:relative}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) .result-layer:where(.svelte-snm0hk){position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff0,#fff6,#fffc,#fff,#fff,#fff);border:solid 1px #ededed;border-radius:4px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;flex-direction:column;justify-content:center}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) .result-layer:where(.svelte-snm0hk) img:where(.svelte-snm0hk){width:30vw;max-width:100px;margin-bottom:30px}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) .result-layer:where(.svelte-snm0hk) .actions:where(.svelte-snm0hk){display:flex;align-items:center;gap:16px}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) .result-layer:where(.svelte-snm0hk) .close:where(.svelte-snm0hk){height:34px;width:34px;padding:0;position:absolute;top:20px;right:20px}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) textarea:where(.svelte-snm0hk){width:100%;resize:none;border:solid 1px #ededed;outline:none;font-size:20px;border-radius:4px;padding:16px;box-sizing:border-box;min-height:calc(100vh - 120px)}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) textarea:where(.svelte-snm0hk):focus{border-color:#cecdcd}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk){width:380px;padding:16px;box-sizing:border-box;border:solid 1px #ededed;border-radius:4px;display:flex;flex-direction:column;gap:16px;color:#222}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk) .select:where(.svelte-snm0hk){box-sizing:border-box;display:block;width:100%;border-radius:4px;border-width:1px;padding:8px 16px;font-size:16px;border:solid 1px #ededed;outline:none}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk) .select:where(.svelte-snm0hk):focus{border-color:#cecdcd}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk) .line:where(.svelte-snm0hk){width:calc(100% + 32px);margin-left:-16px;height:1px;background-color:#ededed;border:none}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk) .speakers:where(.svelte-snm0hk){display:flex;flex-direction:column;gap:8px}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk) .synthetic:where(.svelte-snm0hk){margin-top:auto}.speaker.svelte-snm0hk{border:solid 1px #ededed;border-radius:4px;padding:8px 16px;box-sizing:border-box;display:flex;align-items:center;gap:12px}.speaker.active.svelte-snm0hk{background-color:#f6f7f8}.speaker.svelte-snm0hk span:where(.svelte-snm0hk){height:20px;width:20px;background-color:var(--color);border-radius:20px}.speaker.svelte-snm0hk .play:where(.svelte-snm0hk){padding:4px 8px;font-size:14px;margin-left:auto;height:30px;min-width:30px}.button.svelte-snm0hk{display:flex;align-items:center;justify-content:center;background-color:transparent;border:solid 1px #ededed;padding:8px 16px;border-radius:50px;cursor:pointer;gap:8px;font-size:16px}.button.svelte-snm0hk:hover{border-color:#cecdcd}.button[disabled].svelte-snm0hk{opacity:.8;cursor:not-allowed}.button[disabled].svelte-snm0hk:hover{border-color:#ededed}@media (max-width: 850px){.container.svelte-snm0hk{flex-direction:column}.container.svelte-snm0hk .setting-container:where(.svelte-snm0hk){width:100%}.container.svelte-snm0hk .content-container:where(.svelte-snm0hk) textarea:where(.svelte-snm0hk){min-height:300px;max-height:auto}}