.dropzone[data-astro-cid-sivnf55f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2rem;border:3px dashed var(--border);border-radius:var(--radius);background:var(--surface-1);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);max-width:850px;margin:0 auto}.dropzone[data-astro-cid-sivnf55f]:hover,.dropzone[data-astro-cid-sivnf55f].active{border-color:var(--accent);background-color:var(--surface-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropzone-content[data-astro-cid-sivnf55f]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none}.icon-wrapper[data-astro-cid-sivnf55f]{color:var(--accent);margin-bottom:.5rem;transition:var(--transition)}.icon[data-astro-cid-sivnf55f]{transition:var(--transition)}.dropzone[data-astro-cid-sivnf55f]:hover .icon[data-astro-cid-sivnf55f],.dropzone[data-astro-cid-sivnf55f].active .icon[data-astro-cid-sivnf55f]{color:var(--brand-orange);transform:scale(1.1)}.cta-text[data-astro-cid-sivnf55f]{font-weight:800;font-size:1.3rem;color:var(--text);margin-bottom:.25rem}.file-support[data-astro-cid-sivnf55f]{font-size:.95rem;color:var(--text-muted);font-family:var(--font-mono)}.visually-hidden[data-astro-cid-sivnf55f]{display:none}.status-area[data-astro-cid-sivnf55f]{max-width:1050px;margin:0 auto}.state-box[data-astro-cid-sivnf55f]{background:var(--surface-1);padding:3rem 2.5rem;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-sivnf55f] h3[data-astro-cid-sivnf55f]{color:var(--text);font-size:1.6rem;font-weight:800;margin:0}.file-info-text[data-astro-cid-sivnf55f]{font-size:1rem;color:var(--text-muted);font-weight:600}.error-state[data-astro-cid-sivnf55f]{border-color:color-mix(in srgb,var(--error) 35%,var(--border))}.error-icon[data-astro-cid-sivnf55f]{font-size:2.5rem;color:var(--error);margin-bottom:.5rem}.spinner[data-astro-cid-sivnf55f]{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:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.interactive-workspace[data-astro-cid-sivnf55f]{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-top:1rem}@media(min-width:900px){.interactive-workspace[data-astro-cid-sivnf55f]{flex-direction:row;align-items:flex-start}}.canvas-section[data-astro-cid-sivnf55f]{flex:1.2;display:flex;flex-direction:column;gap:1rem;width:100%}.canvas-wrapper[data-astro-cid-sivnf55f]{position:relative;width:100%;max-height:550px;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:4px solid var(--surface-1);background-image:repeating-conic-gradient(var(--surface-3) 0% 25%,transparent 0% 50%);background-size:20px 20px;display:flex;align-items:center;justify-content:center}#image-canvas[data-astro-cid-sivnf55f]{display:block;max-width:100%;max-height:540px;height:auto;object-fit:contain;cursor:crosshair}.canvas-instructions[data-astro-cid-sivnf55f]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--surface-1);border-radius:12px;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm)}.canvas-instructions[data-astro-cid-sivnf55f] p[data-astro-cid-sivnf55f]{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.badge-unlocked[data-astro-cid-sivnf55f]{background:var(--accent-soft);color:var(--accent);padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:.4rem}.badge-locked[data-astro-cid-sivnf55f]{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:.4rem}.tools-section[data-astro-cid-sivnf55f]{flex:1;display:flex;flex-direction:column;gap:1.5rem;width:100%}.tool-card[data-astro-cid-sivnf55f]{background:var(--surface-1);border-radius:16px;padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.tool-card[data-astro-cid-sivnf55f] h3[data-astro-cid-sivnf55f]{margin-top:0;margin-bottom:1.25rem;color:var(--text);font-size:1.25rem;font-weight:800;border-bottom:1px solid var(--border);padding-bottom:.8rem}.card-subtitle[data-astro-cid-sivnf55f]{color:var(--text-muted);font-size:.95rem;margin-top:-.75rem;margin-bottom:1.25rem;text-align:center}.live-picker-result[data-astro-cid-sivnf55f]{display:flex;align-items:center;gap:1.25rem}.large-swatch[data-astro-cid-sivnf55f]{width:80px;height:80px;border-radius:50%;border:4px solid var(--surface-1);box-shadow:var(--shadow-md);transition:background-color .1s ease;flex-shrink:0}.color-inputs[data-astro-cid-sivnf55f]{display:flex;flex-direction:column;gap:.75rem;width:100%}.input-group[data-astro-cid-sivnf55f]{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:var(--transition)}.input-group[data-astro-cid-sivnf55f]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-group[data-astro-cid-sivnf55f] label[data-astro-cid-sivnf55f]{background:var(--surface-2);padding:.6rem .8rem;font-weight:800;color:var(--text-muted);font-size:.85rem;border-right:1px solid var(--border);min-width:50px;text-align:center}.input-group[data-astro-cid-sivnf55f] input[data-astro-cid-sivnf55f]{border:none;background:transparent;padding:.6rem .8rem;width:100%;font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text);cursor:pointer;outline:none;transition:var(--transition)}.input-group[data-astro-cid-sivnf55f] input[data-astro-cid-sivnf55f]:hover{background:color-mix(in srgb,var(--brand-orange) 5%,transparent);color:var(--brand-orange)}.color-grid[data-astro-cid-sivnf55f]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.palette-swatch[data-astro-cid-sivnf55f]{height:70px;border-radius:8px;position:relative;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,0,0,.05);overflow:hidden}.palette-swatch[data-astro-cid-sivnf55f]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);z-index:2}.palette-label[data-astro-cid-sivnf55f]{background:#fffffff2;color:#111;font-family:var(--font-mono);font-size:.75rem;font-weight:800;width:100%;text-align:center;padding:.3rem 0;pointer-events:none;transition:var(--transition)}[data-astro-cid-sivnf55f][data-theme=dark] .palette-label[data-astro-cid-sivnf55f]{background:#000000d9;color:#fff}.palette-swatch[data-astro-cid-sivnf55f].copied .palette-label[data-astro-cid-sivnf55f]{background:var(--success);color:#fff}.export-actions[data-astro-cid-sivnf55f]{margin-top:1.5rem;display:flex;gap:.75rem}.export-btn[data-astro-cid-sivnf55f]{flex:1;background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:.75rem;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition)}.export-btn[data-astro-cid-sivnf55f]:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.reset-btn-styled[data-astro-cid-sivnf55f]{background:var(--bg);border:2px solid var(--accent);color:var(--accent);padding:1rem;border-radius:50px;font-weight:800;cursor:pointer;transition:var(--transition);display:block;font-size:1rem}.reset-btn-styled[data-astro-cid-sivnf55f]:hover{background:var(--accent);color:#fff;box-shadow:var(--glow-purple)}.section-divider[data-astro-cid-sivnf55f]{border:0;border-top:1px solid var(--border);margin:3rem auto;max-width:950px}.section-title-icon[data-astro-cid-sivnf55f]{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-sivnf55f]{text-align:center;color:var(--text-muted);margin-bottom:4rem;font-size:1.2rem;line-height:1.6}.how-to-section[data-astro-cid-sivnf55f],.seo-content-section[data-astro-cid-sivnf55f]{max-width:950px;margin:0 auto;padding:1rem 0}.steps-grid[data-astro-cid-sivnf55f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;text-align:center}.step-card[data-astro-cid-sivnf55f]{display:flex;flex-direction:column;align-items:center}.step-number[data-astro-cid-sivnf55f]{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-sivnf55f] h3[data-astro-cid-sivnf55f]{color:var(--text);font-size:1.5rem;font-weight:800;margin-bottom:1rem;margin-top:0}.step-card[data-astro-cid-sivnf55f] p[data-astro-cid-sivnf55f]{color:var(--text-muted);line-height:1.7;font-size:1rem;margin:0}.formats-grid[data-astro-cid-sivnf55f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.format-panel[data-astro-cid-sivnf55f]{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-sivnf55f]{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.format-badge[data-astro-cid-sivnf55f]{background:var(--accent-soft);color:var(--accent);font-weight:800;padding:.4rem 1rem;border-radius:8px;font-size:.85rem;text-transform:uppercase}.format-panel[data-astro-cid-sivnf55f] h3[data-astro-cid-sivnf55f]{color:var(--text);font-size:1.4rem;font-weight:800;margin:0}.format-panel[data-astro-cid-sivnf55f] p[data-astro-cid-sivnf55f]{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0}.conversion-details-panel[data-astro-cid-sivnf55f]{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-sivnf55f] h3[data-astro-cid-sivnf55f]{color:var(--text);font-size:1.6rem;font-weight:800;margin-bottom:1.5rem;margin-top:0}.details-list[data-astro-cid-sivnf55f]{list-style:none;padding-left:1.5rem;color:var(--text-muted);gap:.75rem}.details-list[data-astro-cid-sivnf55f] li[data-astro-cid-sivnf55f]{margin-bottom:.5rem;font-size:1.05rem;line-height:1.7;position:relative}.details-list[data-astro-cid-sivnf55f] li[data-astro-cid-sivnf55f]:before{content:"✓";color:var(--brand-orange);position:absolute;left:-1.5rem;font-weight:900;font-size:1.2rem}.details-list[data-astro-cid-sivnf55f] strong[data-astro-cid-sivnf55f]{color:var(--text);font-weight:700}.ad-placeholder[data-astro-cid-sivnf55f]{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}