.transparent-tool[data-astro-cid-soamxsgk]{max-width:800px;margin:0 auto}.page-title[data-astro-cid-soamxsgk]{font-size:1.75rem;font-weight:900;letter-spacing:-.03em}.page-desc[data-astro-cid-soamxsgk]{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem;margin-bottom:1.5rem}.drop-zone[data-astro-cid-soamxsgk]{border:2px dashed var(--border);border-radius:12px;padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s}.drop-zone[data-astro-cid-soamxsgk]:hover,.drop-zone[data-astro-cid-soamxsgk].drag-over{border-color:var(--brand);background:var(--brand-light)}.drop-icon[data-astro-cid-soamxsgk]{font-size:2.5rem;display:block;margin-bottom:.5rem}.drop-content[data-astro-cid-soamxsgk] p[data-astro-cid-soamxsgk]{font-size:.9rem;color:var(--text-secondary)}.drop-hint[data-astro-cid-soamxsgk]{font-size:.75rem!important;color:var(--text-tertiary)!important;margin-top:.25rem}.settings[data-astro-cid-soamxsgk]{margin-top:1rem;padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:12px}.setting-row[data-astro-cid-soamxsgk]{margin-bottom:1rem}.setting-row[data-astro-cid-soamxsgk] label[data-astro-cid-soamxsgk]{font-size:.82rem;font-weight:600;display:block;margin-bottom:.35rem}.color-pick-wrap[data-astro-cid-soamxsgk]{display:flex;align-items:center;gap:.5rem}.color-picker[data-astro-cid-soamxsgk]{width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:2px}.color-label[data-astro-cid-soamxsgk]{font-size:.82rem;font-family:monospace;color:var(--text-secondary)}.val-badge[data-astro-cid-soamxsgk]{font-size:.75rem;background:var(--brand-light);color:var(--brand);padding:.1rem .4rem;border-radius:4px;font-weight:700}.range-input[data-astro-cid-soamxsgk]{width:100%;accent-color:var(--brand)}.btn-sm[data-astro-cid-soamxsgk]{padding:.35rem .65rem;font-size:.75rem;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text)}.btn-sm[data-astro-cid-soamxsgk]:hover{border-color:var(--brand);background:var(--brand-light)}.process-btn[data-astro-cid-soamxsgk]{width:100%;padding:.85rem;background:var(--brand);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 30%,transparent)}.process-btn[data-astro-cid-soamxsgk]:hover{transform:translateY(-2px)}.preview-section[data-astro-cid-soamxsgk]{margin-top:1.5rem}.preview-grid[data-astro-cid-soamxsgk]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-card[data-astro-cid-soamxsgk] h3[data-astro-cid-soamxsgk]{font-size:.82rem;font-weight:700;margin-bottom:.5rem}.preview-img-wrap[data-astro-cid-soamxsgk]{border:1px solid var(--border);border-radius:8px;overflow:hidden}.preview-img-wrap[data-astro-cid-soamxsgk] canvas[data-astro-cid-soamxsgk]{display:block;width:100%;height:auto}.checkerboard[data-astro-cid-soamxsgk]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.actions[data-astro-cid-soamxsgk]{display:flex;gap:.5rem;margin-top:1rem}.download-btn[data-astro-cid-soamxsgk]{flex:1;padding:.75rem;background:var(--brand);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.download-btn[data-astro-cid-soamxsgk]:hover{transform:translateY(-1px)}.btn-secondary[data-astro-cid-soamxsgk]{padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--text);transition:all .15s}.btn-secondary[data-astro-cid-soamxsgk]:hover{border-color:var(--brand)}.seo-content[data-astro-cid-soamxsgk]{margin-top:2.5rem;font-size:.85rem;line-height:1.8;color:var(--text-secondary)}.seo-content[data-astro-cid-soamxsgk] h2[data-astro-cid-soamxsgk]{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.seo-content[data-astro-cid-soamxsgk] strong[data-astro-cid-soamxsgk]{color:var(--text)}@media(max-width:640px){.preview-grid[data-astro-cid-soamxsgk]{grid-template-columns:1fr}.actions[data-astro-cid-soamxsgk]{flex-direction:column}}