.code-editor-container[data-astro-cid-nblfnnx2]{max-width:900px;margin:0 auto;background:var(--surface-1);border-radius:16px;box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.editor-toolbar[data-astro-cid-nblfnnx2]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem}.toolbar-left[data-astro-cid-nblfnnx2],.toolbar-right[data-astro-cid-nblfnnx2]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.segmented-control[data-astro-cid-nblfnnx2]{display:flex;background:var(--surface-2);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.segment-btn[data-astro-cid-nblfnnx2]{padding:.4rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;border-radius:6px;cursor:pointer;transition:var(--transition)}.segment-btn[data-astro-cid-nblfnnx2]:hover{color:var(--text)}.segment-btn[data-astro-cid-nblfnnx2].active-segment{background:var(--surface-1);color:var(--brand-purple);box-shadow:var(--shadow-sm)}.action-btn[data-astro-cid-nblfnnx2]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition);border:none;font-family:inherit}.primary-btn[data-astro-cid-nblfnnx2]{background:var(--brand-orange);color:#fff;box-shadow:var(--glow-orange)}.primary-btn[data-astro-cid-nblfnnx2]:hover{background:var(--brand-orange-soft);transform:translateY(-2px)}.ghost-btn[data-astro-cid-nblfnnx2]{background:transparent;color:var(--text-muted);border:1px solid transparent}.ghost-btn[data-astro-cid-nblfnnx2]:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.input-workspace[data-astro-cid-nblfnnx2]{padding:2rem;background:var(--bg);display:flex;justify-content:center}.dropzone[data-astro-cid-nblfnnx2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:3px dashed var(--border);border-radius:var(--radius);background:var(--surface-1);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);width:100%;max-width:600px}.dropzone[data-astro-cid-nblfnnx2]:hover,.dropzone[data-astro-cid-nblfnnx2].active{border-color:var(--accent);background-color:var(--surface-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropzone-content[data-astro-cid-nblfnnx2]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon-wrapper[data-astro-cid-nblfnnx2]{color:var(--accent);margin-bottom:.5rem;transition:var(--transition)}.dropzone[data-astro-cid-nblfnnx2]:hover .icon-wrapper[data-astro-cid-nblfnnx2]{color:var(--brand-orange);transform:scale(1.1)}.cta-text[data-astro-cid-nblfnnx2]{font-weight:800;font-size:1.3rem;color:var(--text)}.file-support[data-astro-cid-nblfnnx2]{font-size:.95rem;color:var(--text-muted);font-family:var(--font-mono)}.visually-hidden[data-astro-cid-nblfnnx2]{display:none}.code-area-wrapper[data-astro-cid-nblfnnx2]{display:flex;flex-direction:column;width:100%;max-width:800px;gap:1rem}.code-textarea[data-astro-cid-nblfnnx2]{width:100%;height:280px;font-family:var(--font-mono);font-size:14px;line-height:1.6;padding:1.25rem;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;resize:vertical;color:var(--text);transition:all .2s ease;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.code-textarea[data-astro-cid-nblfnnx2]:focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 4px var(--accent-soft)}.code-textarea[data-astro-cid-nblfnnx2]::-webkit-scrollbar{width:10px;height:10px}.code-textarea[data-astro-cid-nblfnnx2]::-webkit-scrollbar-track{background:transparent}.code-textarea[data-astro-cid-nblfnnx2]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 88%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.code-textarea[data-astro-cid-nblfnnx2]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 70%,var(--border));background-clip:padding-box}.code-footer[data-astro-cid-nblfnnx2]{display:flex;justify-content:flex-end}.status-area[data-astro-cid-nblfnnx2]{max-width:850px;margin:0 auto}.state-box[data-astro-cid-nblfnnx2]{background:var(--surface-1);padding:3rem 2rem;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-md);text-align:center;width:100%;box-sizing:border-box;margin-top:1rem}.state-box[data-astro-cid-nblfnnx2] h3[data-astro-cid-nblfnnx2]{color:var(--text);font-size:1.6rem;font-weight:800;margin:0}.file-info-text[data-astro-cid-nblfnnx2]{font-size:1rem;color:var(--text-muted);font-weight:500}.svg-preview-box[data-astro-cid-nblfnnx2]{max-width:300px;max-height:300px;padding:2rem;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.svg-preview-box[data-astro-cid-nblfnnx2] svg{max-width:100%;max-height:240px;height:auto}.main-preview-thumb[data-astro-cid-nblfnnx2]{max-width:280px;max-height:280px;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.transparent-bg[data-astro-cid-nblfnnx2]{background-image:linear-gradient(45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-3) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-3) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:var(--surface-1)}.metadata-dashboard[data-astro-cid-nblfnnx2]{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.meta-item[data-astro-cid-nblfnnx2]{display:flex;align-items:center;gap:.6rem;background:var(--surface-2);padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border)}.meta-icon[data-astro-cid-nblfnnx2]{width:16px;height:16px;color:var(--accent);flex-shrink:0}.meta-text[data-astro-cid-nblfnnx2]{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text)}.text-truncate[data-astro-cid-nblfnnx2]{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.png-badge[data-astro-cid-nblfnnx2]{background:color-mix(in srgb,var(--brand-orange) 10%,transparent);color:var(--brand-orange);padding:.35rem .8rem;border-radius:8px;font-size:.82rem;font-weight:800}.config-wrapper[data-astro-cid-nblfnnx2]{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem;text-align:left}.config-title[data-astro-cid-nblfnnx2]{font-size:1.1rem;font-weight:800;color:var(--text);margin:0 0 .5rem}.config-grid[data-astro-cid-nblfnnx2]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.input-group[data-astro-cid-nblfnnx2]{display:flex;flex-direction:column;gap:.5rem}.input-group[data-astro-cid-nblfnnx2] label[data-astro-cid-nblfnnx2]{font-size:.85rem;font-weight:700;color:var(--text-muted)}.config-input[data-astro-cid-nblfnnx2]{padding:.95rem 1rem;border:2px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:.95rem;font-weight:700;transition:var(--transition);-moz-appearance:textfield}.config-input[data-astro-cid-nblfnnx2]::-webkit-outer-spin-button,.config-input[data-astro-cid-nblfnnx2]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-input[data-astro-cid-nblfnnx2]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface-1)}.custom-select[data-astro-cid-nblfnnx2]{position:relative;user-select:none;width:100%}.custom-select-trigger[data-astro-cid-nblfnnx2]{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.15rem;background:var(--surface-2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition)}.custom-select-trigger[data-astro-cid-nblfnnx2]:hover{border-color:var(--accent)}.custom-select[data-astro-cid-nblfnnx2].open .custom-select-trigger[data-astro-cid-nblfnnx2]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.custom-select-value[data-astro-cid-nblfnnx2]{font-weight:700;color:var(--text);font-size:.95rem}.custom-select-icon[data-astro-cid-nblfnnx2]{color:var(--text-muted);transition:transform .2s ease}.custom-select[data-astro-cid-nblfnnx2].open .custom-select-icon[data-astro-cid-nblfnnx2]{transform:rotate(180deg);color:var(--accent)}.custom-select-options[data-astro-cid-nblfnnx2]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:all .2s ease;z-index:50;overflow:hidden}.custom-select[data-astro-cid-nblfnnx2].open .custom-select-options[data-astro-cid-nblfnnx2]{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.custom-option[data-astro-cid-nblfnnx2]{padding:.9rem 1.15rem;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);transition:var(--transition)}.custom-option[data-astro-cid-nblfnnx2]:last-child{border-bottom:none}.custom-option[data-astro-cid-nblfnnx2]:hover{background:var(--surface-2);color:var(--accent)}.custom-option[data-astro-cid-nblfnnx2].selected{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-weight:800}.note-box[data-astro-cid-nblfnnx2]{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;border-radius:12px;text-align:left;font-size:.95rem;line-height:1.5}.info-note[data-astro-cid-nblfnnx2]{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text-muted)}.info-note[data-astro-cid-nblfnnx2] strong[data-astro-cid-nblfnnx2]{color:var(--accent);font-weight:800}.note-icon[data-astro-cid-nblfnnx2]{width:24px;height:24px;color:var(--accent);flex-shrink:0;margin-top:.1rem}.success-icon-bg[data-astro-cid-nblfnnx2]{background:var(--success);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--glow-purple)}.action-buttons-row[data-astro-cid-nblfnnx2]{display:flex;gap:1rem;width:100%;max-width:500px;margin-top:1.5rem;flex-wrap:wrap}.action-buttons-row[data-astro-cid-nblfnnx2] button[data-astro-cid-nblfnnx2],.action-buttons-row[data-astro-cid-nblfnnx2] a[data-astro-cid-nblfnnx2]{flex:1;min-width:180px}#convert-btn[data-astro-cid-nblfnnx2]{background:var(--brand-orange);color:#fff;padding:1.2rem;border-radius:50px;font-weight:800;border:none;cursor:pointer;transition:var(--transition);font-size:1.1rem;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-orange);text-align:center}#convert-btn[data-astro-cid-nblfnnx2]:hover{background:var(--brand-orange-soft);transform:translateY(-3px)}#cancel-preview-btn[data-astro-cid-nblfnnx2]{background:var(--bg);border:2px solid var(--accent);color:var(--accent);padding:1rem;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition);width:100%;text-align:center;display:block}#cancel-preview-btn[data-astro-cid-nblfnnx2]:hover{background:var(--error);border:2px solid var(--error);color:#fff;box-shadow:var(--glow-purple);transform:translateY(-3px)}#download-link[data-astro-cid-nblfnnx2]{background:var(--brand-orange);color:#fff;padding:1.2rem;border-radius:50px;font-weight:800;border:none;cursor:pointer;transition:var(--transition);font-size:1.1rem;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-orange);text-align:center}#download-link[data-astro-cid-nblfnnx2]:hover{background:var(--brand-orange-soft);transform:translateY(-3px);color:#fff}#reset-btn[data-astro-cid-nblfnnx2]{background:var(--bg);border:2px solid var(--accent);color:var(--accent);padding:1rem;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition);width:100%;text-align:center;display:block}#reset-btn[data-astro-cid-nblfnnx2]:hover{background:var(--accent);color:#fff;box-shadow:var(--glow-purple);transform:translateY(-3px)}#try-again-btn[data-astro-cid-nblfnnx2]{background:var(--bg);border:2px solid var(--accent);color:var(--accent);padding:1rem;border-radius:50px;font-weight:700;cursor:pointer;transition:var(--transition);width:100%;text-align:center;display:block;margin:1rem auto 0;max-width:300px}#try-again-btn[data-astro-cid-nblfnnx2]:hover{background:var(--accent);color:#fff;box-shadow:var(--glow-purple);transform:translateY(-3px)}.error-state[data-astro-cid-nblfnnx2]{border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.error-icon[data-astro-cid-nblfnnx2]{font-size:2.5rem;color:var(--error)}.spinner[data-astro-cid-nblfnnx2]{width:50px;height:50px;border:5px solid var(--surface-3);border-top:5px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-divider[data-astro-cid-nblfnnx2]{border:0;border-top:1px solid var(--border);margin:2rem auto;max-width:950px}.section-title-icon[data-astro-cid-nblfnnx2]{text-align:center;font-size:2.2rem;color:var(--text);margin-bottom:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.03em}.section-subtitle[data-astro-cid-nblfnnx2]{text-align:center;color:var(--text-muted);margin-bottom:4rem;font-size:1.2rem;line-height:1.6}.how-to-section[data-astro-cid-nblfnnx2],.seo-content-section[data-astro-cid-nblfnnx2]{max-width:950px;margin:0 auto;padding:1rem 0}.steps-grid[data-astro-cid-nblfnnx2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;text-align:center}.step-card[data-astro-cid-nblfnnx2]{display:flex;flex-direction:column;align-items:center}.step-number[data-astro-cid-nblfnnx2]{width:65px;height:65px;background:var(--brand-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;margin-bottom:1.5rem;box-shadow:var(--glow-orange)}.step-card[data-astro-cid-nblfnnx2] h3[data-astro-cid-nblfnnx2]{color:var(--text);font-size:1.5rem;font-weight:800;margin-bottom:1rem;margin-top:0}.step-card[data-astro-cid-nblfnnx2] p[data-astro-cid-nblfnnx2]{color:var(--text-muted);line-height:1.7;font-size:1rem;margin:0}.formats-grid[data-astro-cid-nblfnnx2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.format-panel[data-astro-cid-nblfnnx2]{background:var(--surface-1);padding:2.5rem;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.format-header[data-astro-cid-nblfnnx2]{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.format-badge[data-astro-cid-nblfnnx2]{background:var(--accent-soft);color:var(--accent);font-weight:800;padding:.4rem 1rem;border-radius:8px;font-size:.85rem;text-transform:uppercase}.png-badge[data-astro-cid-nblfnnx2]{background:color-mix(in srgb,var(--brand-orange) 10%,transparent);color:var(--brand-orange)}.format-panel[data-astro-cid-nblfnnx2] h3[data-astro-cid-nblfnnx2]{color:var(--text);font-size:1.4rem;font-weight:800;margin:0}.format-panel[data-astro-cid-nblfnnx2] p[data-astro-cid-nblfnnx2]{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0}.conversion-details-panel[data-astro-cid-nblfnnx2]{background:var(--surface-1);padding:2.5rem;border-radius:20px;border-left:5px solid var(--accent);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.conversion-details-panel[data-astro-cid-nblfnnx2] h3[data-astro-cid-nblfnnx2]{color:var(--text);font-size:1.6rem;font-weight:800;margin-bottom:1.5rem;margin-top:0}.details-list[data-astro-cid-nblfnnx2]{list-style:none;padding-left:1.5rem;color:var(--text-muted);gap:.75rem}.details-list[data-astro-cid-nblfnnx2] li[data-astro-cid-nblfnnx2]{margin-bottom:.5rem;font-size:1.05rem;line-height:1.7;position:relative}.details-list[data-astro-cid-nblfnnx2] li[data-astro-cid-nblfnnx2]:before{content:"✓";color:var(--brand-orange);position:absolute;left:-1.5rem;font-weight:900;font-size:1.2rem}.details-list[data-astro-cid-nblfnnx2] strong[data-astro-cid-nblfnnx2]{color:var(--text);font-weight:700}@media(max-width:640px){.config-grid[data-astro-cid-nblfnnx2]{grid-template-columns:1fr}.action-buttons-row[data-astro-cid-nblfnnx2]{flex-direction:column;max-width:300px}}.ad-placeholder[data-astro-cid-nblfnnx2]{max-width:900px;background:var(--surface-2);border:1px dashed var(--border);padding:2rem;border-radius:12px;text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem;margin:2rem auto}