.tool-container[data-astro-cid-yz5jqlsy]{max-width:1040px;margin:0 auto;padding:40px 20px}h1[data-astro-cid-yz5jqlsy]{font-size:2.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.tool-subtitle[data-astro-cid-yz5jqlsy]{font-size:1.05rem;color:var(--text-secondary);margin-bottom:28px}#tool-area[data-astro-cid-yz5jqlsy]{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.upload-row[data-astro-cid-yz5jqlsy],.panel-head[data-astro-cid-yz5jqlsy],.settings-actions[data-astro-cid-yz5jqlsy]{display:grid;gap:18px}.upload-row[data-astro-cid-yz5jqlsy]{grid-template-columns:1.2fr .8fr;align-items:start}.dropzone[data-astro-cid-yz5jqlsy]{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:220px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer}.dropzone[data-astro-cid-yz5jqlsy].dragover{border-color:var(--accent-primary)}.dropzone-title[data-astro-cid-yz5jqlsy]{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.dropzone-copy[data-astro-cid-yz5jqlsy]{color:var(--text-secondary);line-height:1.6}.settings[data-astro-cid-yz5jqlsy]{display:grid;gap:14px;background:var(--bg-secondary);padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.field[data-astro-cid-yz5jqlsy] label[data-astro-cid-yz5jqlsy]{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:6px}input[data-astro-cid-yz5jqlsy],select[data-astro-cid-yz5jqlsy],textarea[data-astro-cid-yz5jqlsy]{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tool);color:var(--text-primary)}input[data-astro-cid-yz5jqlsy][type=range]{padding:0}.settings-actions[data-astro-cid-yz5jqlsy]{grid-template-columns:1fr 1fr}.btn[data-astro-cid-yz5jqlsy],.mini-btn[data-astro-cid-yz5jqlsy]{padding:10px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:600}.btn-primary[data-astro-cid-yz5jqlsy]{background:var(--accent-primary);color:#fff}.btn-secondary[data-astro-cid-yz5jqlsy],.mini-btn[data-astro-cid-yz5jqlsy]{background:var(--bg-tool);border:1px solid var(--border-color);color:var(--text-primary)}.preview-panel[data-astro-cid-yz5jqlsy]{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:18px}.preview-card[data-astro-cid-yz5jqlsy],.code-section[data-astro-cid-yz5jqlsy]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.preview-card[data-astro-cid-yz5jqlsy] h3[data-astro-cid-yz5jqlsy]{margin:0 0 12px}#preview-canvas[data-astro-cid-yz5jqlsy]{width:100%;max-width:256px;aspect-ratio:1;border-radius:24px;border:1px solid var(--border-color);background:linear-gradient(135deg,#fff 25%,#f2f2f2 25% 50%,#fff 50% 75%,#f2f2f2 75% 100%);background-size:20px 20px}.generated-list[data-astro-cid-yz5jqlsy]{display:grid;gap:10px}.generated-item[data-astro-cid-yz5jqlsy]{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tool);font-size:.95rem}.generated-item[data-astro-cid-yz5jqlsy] span[data-astro-cid-yz5jqlsy]{color:var(--text-secondary)}.code-section[data-astro-cid-yz5jqlsy]{margin-top:18px}textarea[data-astro-cid-yz5jqlsy]{resize:vertical;font-family:JetBrains Mono,monospace}.status[data-astro-cid-yz5jqlsy]{margin-top:16px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.status[data-astro-cid-yz5jqlsy].ok{border-color:#22c55e59;color:#86efac}.status[data-astro-cid-yz5jqlsy].err{border-color:#ef444459;color:#fca5a5}.seo-content[data-astro-cid-yz5jqlsy]{margin-top:48px;line-height:1.8}.seo-content[data-astro-cid-yz5jqlsy] h2[data-astro-cid-yz5jqlsy]{font-size:1.45rem;margin:28px 0 12px}.seo-content[data-astro-cid-yz5jqlsy] p[data-astro-cid-yz5jqlsy]{color:var(--text-secondary)}@media(max-width:900px){.upload-row[data-astro-cid-yz5jqlsy],.preview-panel[data-astro-cid-yz5jqlsy]{grid-template-columns:1fr}}@media(max-width:640px){.tool-container[data-astro-cid-yz5jqlsy]{padding:24px 16px}h1[data-astro-cid-yz5jqlsy]{font-size:1.8rem}#tool-area[data-astro-cid-yz5jqlsy]{padding:18px}.settings-actions[data-astro-cid-yz5jqlsy]{grid-template-columns:1fr}}