.image-base64-container.svelte-9zbyry{width:100%;max-width:1200px;margin:0 auto}.tool-grid.svelte-9zbyry{gap:var(--space-6);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}@media (width<=768px){.tool-grid.svelte-9zbyry{grid-template-columns:1fr}}.main-col.svelte-9zbyry,.preview-col.svelte-9zbyry{flex-direction:column;display:flex}.card.editor-card{background-color:var(--color-bg-surface);padding:var(--space-5)}.card-header-row.svelte-9zbyry{border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.card-header-row.svelte-9zbyry h4:where(.svelte-9zbyry){margin:0}.sub-tool-tabs.svelte-9zbyry{background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-default);gap:2px;padding:3px;display:flex}.sub-tool-tabs.svelte-9zbyry .tab-btn:where(.svelte-9zbyry){padding:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1}.sub-tool-tabs.svelte-9zbyry .tab-btn:where(.svelte-9zbyry):hover{color:var(--color-text-primary)}.sub-tool-tabs.svelte-9zbyry .tab-btn.active:where(.svelte-9zbyry){background-color:var(--color-primary-500);color:var(--color-primary-contrast)}.upload-dropzone.svelte-9zbyry{border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;background-color:var(--color-bg-elevated);transition:border-color var(--transition-normal)}.upload-dropzone.svelte-9zbyry:hover{border-color:var(--color-primary-400)}.upload-icon{color:var(--color-text-tertiary)}.file-label-btn.svelte-9zbyry{background-color:var(--color-primary-500);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);display:inline-block}.file-label-btn.svelte-9zbyry:hover{background-color:var(--color-primary-600)}.hidden-input.svelte-9zbyry{display:none}.loading-box.svelte-9zbyry{text-align:center;font-size:var(--text-xs);color:var(--color-text-secondary)}.file-info-box.svelte-9zbyry{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.info-row.svelte-9zbyry{font-size:var(--text-xs);justify-content:space-between;display:flex}.info-label.svelte-9zbyry{color:var(--color-text-tertiary)}.info-val.svelte-9zbyry{color:var(--color-text-primary)}.svg-input-wrapper.svelte-9zbyry{flex-direction:column;display:flex}.dropzone-mini.svelte-9zbyry{text-align:right}.field-label.svelte-9zbyry{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.textarea-input.svelte-9zbyry{background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xs);resize:vertical;transition:border-color var(--transition-normal);outline:none}.textarea-input.svelte-9zbyry:focus{border-color:var(--color-border-focus)}.output-group.svelte-9zbyry{gap:var(--space-1);flex-direction:column;display:flex}.output-header.svelte-9zbyry{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.output-code.svelte-9zbyry{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xxs);color:var(--color-text-primary);word-break:break-all;white-space:pre-wrap;max-height:80px;margin:0;overflow-x:auto}.output-code.scrollable.svelte-9zbyry{white-space:pre;word-break:normal;max-height:250px;overflow-y:auto}.savings-badge.svelte-9zbyry{background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border:1px solid #10b98126;display:inline-block}.preview-wrapper.svelte-9zbyry{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);justify-content:center;align-items:center;min-height:300px;display:flex}.image-preview-holder.svelte-9zbyry{border-radius:var(--radius-md);max-width:100%;max-height:260px;box-shadow:var(--shadow-sm);padding:var(--space-2);background-color:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview-holder.svelte-9zbyry img:where(.svelte-9zbyry){object-fit:contain;max-width:100%;max-height:240px;display:block}.image-preview-holder.svg-preview.svelte-9zbyry svg{max-width:100%;height:auto;max-height:240px}.preview-placeholder.svelte-9zbyry{text-align:center;flex-direction:column;align-items:center;display:flex}.placeholder-icon{color:var(--color-text-tertiary)}.font-mono.svelte-9zbyry{font-family:var(--font-mono)}.text-warning.svelte-9zbyry{color:var(--color-warning)}