.conversion-busy,.conversion-cancel{align-items:center;justify-content:center;gap:.5rem}.conversion-busy{display:flex}.conversion-cancel-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:2px;font-size:10px;font-weight:400;line-height:12px;opacity:.7;white-space:nowrap}.conversion-cancel{display:none}.conversion-running.conversion-cancel-ready:not(:disabled):is(:hover,:focus-visible){background-color:#dc2626;border-color:#dc2626;color:white}.conversion-running.conversion-cancel-ready:not(:disabled):is(:hover,:focus-visible) .conversion-busy{display:none}.conversion-running.conversion-cancel-ready:not(:disabled):is(:hover,:focus-visible) .conversion-cancel{display:flex}.embedded-converter{--color-base-100:oklch(var(--b1));--color-base-200:oklch(var(--b2));--color-base-300:oklch(var(--b3));--color-base-content:oklch(var(--bc));--color-primary:oklch(var(--p));--color-primary-content:oklch(var(--pc));--color-success:oklch(var(--su));--color-error:oklch(var(--er));--window-padding:16px;--settings-padding:16px;--radius-box:.875rem;--radius-field:.375rem;--scrollbar-size:6px}.converter-log{line-height:1.5;height:3em;min-height:3em;max-height:3em;flex-shrink:0}.converter-status{min-width:0;width:16rem}.converter-status .converter-log{width:100%}.converter-notice{margin-top:4px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.converter-save-actions{--color-success:#00a96e;--color-success-content:#001c12}.converter-save-actions .btn{border-width:1px;font-weight:600}.converter-save-actions .btn svg{width:24px;height:24px;flex-shrink:0}.converter-save-primary:disabled{background:transparent;border-color:var(--color-success);color:var(--color-success);opacity:1}.converter-open-folder{flex-shrink:0;width:48px;height:48px;min-height:0;aspect-ratio:1;padding:0}.converter-filename{bottom:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 88px);margin:0;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-filename,.converter-preview-tool{position:absolute;background:rgb(0 0 0/.5);color:white}.converter-preview-tool{bottom:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:4px;cursor:pointer}.converter-preview-tool:hover{background:rgb(0 0 0/.7)}.converter-preview-tool:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.converter-preview-tool:disabled{cursor:default;opacity:.45}.converter-crop{left:10px}.converter-trim{right:10px}.embedded-converter .converter-native-controls{display:none}.embedded-converter .converter-settings-button{width:36px;height:36px;min-height:0;padding:8px}.embedded-converter .converter-settings-button svg{width:20px;height:20px}.embedded-converter .converter-quick-settings{max-height:88px;overflow-y:auto}.embedded-converter .converter-dropzone-hint{font-size:1rem;line-height:1.5;white-space:pre}.embedded-converter .format-label{display:inline-flex;align-items:baseline;gap:4px}.embedded-converter .format-label small{font-size:10px;opacity:.75}.embedded-converter .converter-status[data-log-active=false]:not(:has(.converter-notice)){visibility:hidden}.embedded-converter .embedded-settings-panel{width:min(680px,95vw);max-width:none;height:min(680px,90dvh);max-height:90dvh}.embedded-converter .embedded-settings-panel .settings-scroll-inner{width:100%;padding-right:var(--settings-padding)}.embedded-converter .embedded-settings-panel .settings-scroll-content{padding-top:40px}.embedded-converter .embedded-settings-panel .textarea{border:1px solid var(--color-base-300)}