.tool-page.svelte-h8o4aw{min-height:calc(100vh - 200px);background:linear-gradient(180deg,#0a0a0f,#12121a);padding:2rem;margin:0 -1em -1em}.hero.svelte-h8o4aw{max-width:800px;margin:0 auto 2rem;text-align:center}.back-link.svelte-h8o4aw{display:inline-flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.back-link.svelte-h8o4aw:hover{color:#27ca40}.back-link.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:16px;height:16px}.hero.svelte-h8o4aw h1:where(.svelte-h8o4aw){font-size:2.5rem;color:#fff;margin:0 0 .5rem;font-family:JetBrains Mono,Fira Code,monospace}.prompt-symbol.svelte-h8o4aw{color:#27ca40}.tagline.svelte-h8o4aw{color:#888;font-size:1.1rem;margin:0}.main-content.svelte-h8o4aw{max-width:1000px;margin:0 auto}.controls.svelte-h8o4aw{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.mode-toggle.svelte-h8o4aw{display:flex;background:#1a1a24;border:1px solid #2a2a3a;border-radius:8px;overflow:hidden}.mode-btn.svelte-h8o4aw{padding:.6rem 1.2rem;background:transparent;border:none;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s}.mode-btn.active.svelte-h8o4aw{background:linear-gradient(135deg,#27ca40,#00d4ff);color:#0a0a0f;font-weight:600}.checkbox-label.svelte-h8o4aw{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem;cursor:pointer}.checkbox-label.svelte-h8o4aw input:where(.svelte-h8o4aw){accent-color:#27ca40}.actions.svelte-h8o4aw{display:flex;gap:.75rem;margin-left:auto}.action-btn.svelte-h8o4aw{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#1a1a24;border:1px solid #2a2a3a;border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s}.action-btn.svelte-h8o4aw:hover{border-color:#27ca40;color:#27ca40}.action-btn.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:16px;height:16px}.converter.svelte-h8o4aw{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.panel.svelte-h8o4aw{background:linear-gradient(135deg,#1a1a24,#15151f);border:1px solid #2a2a3a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.panel-header.svelte-h8o4aw{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #2a2a3a;background:#0003}.panel-title.svelte-h8o4aw{color:#fff;font-size:.9rem;font-weight:500}.panel-actions.svelte-h8o4aw{display:flex;gap:.5rem}.icon-btn.svelte-h8o4aw{padding:.4rem;background:transparent;border:1px solid #2a2a3a;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.icon-btn.svelte-h8o4aw:hover:not(:disabled){border-color:#27ca40;color:#27ca40}.icon-btn.svelte-h8o4aw:disabled{opacity:.4;cursor:not-allowed}.icon-btn.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:16px;height:16px;display:block}.upload-btn.svelte-h8o4aw{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid #2a2a3a;border-radius:6px;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.upload-btn.svelte-h8o4aw:hover{border-color:#27ca40;color:#27ca40}.upload-btn.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:14px;height:14px}.file-badge.svelte-h8o4aw{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#27ca401a;border-bottom:1px solid #2a2a3a;color:#27ca40;font-size:.85rem}.file-badge.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:16px;height:16px}.panel.svelte-h8o4aw textarea:where(.svelte-h8o4aw){flex:1;min-height:200px;padding:1rem;background:transparent;border:none;color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.5;resize:vertical}.panel.svelte-h8o4aw textarea:where(.svelte-h8o4aw):focus{outline:none}.panel.svelte-h8o4aw textarea:where(.svelte-h8o4aw)::placeholder{color:#555}.panel-footer.svelte-h8o4aw{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-top:1px solid #2a2a3a;background:#0003}.size.svelte-h8o4aw{font-size:.75rem;color:#666;font-family:JetBrains Mono,Fira Code,monospace}.ratio.svelte-h8o4aw{font-size:.75rem;color:#27ca40}.arrow.svelte-h8o4aw{display:flex;align-items:center;justify-content:center;padding:0 .5rem}.arrow.svelte-h8o4aw svg:where(.svelte-h8o4aw){width:24px;height:24px;color:#444}.error.svelte-h8o4aw{background:#ff5f561a;border:1px solid #ff5f56;border-radius:8px;padding:1rem;color:#ff5f56;margin-top:1rem;font-size:.9rem}.info-cards.svelte-h8o4aw{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.info-card.svelte-h8o4aw{background:linear-gradient(135deg,#1a1a24,#15151f);border:1px solid #2a2a3a;border-radius:12px;padding:1.25rem}.info-card.svelte-h8o4aw h3:where(.svelte-h8o4aw){color:#fff;font-size:1rem;margin:0 0 .75rem}.info-card.svelte-h8o4aw p:where(.svelte-h8o4aw){color:#888;font-size:.9rem;line-height:1.5;margin:0}.info-card.svelte-h8o4aw code:where(.svelte-h8o4aw){background:#0a0a0f;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;color:#27ca40}@media(max-width:768px){.tool-page.svelte-h8o4aw{padding:1rem}.hero.svelte-h8o4aw h1:where(.svelte-h8o4aw){font-size:1.75rem}.controls.svelte-h8o4aw{flex-direction:column;align-items:stretch}.actions.svelte-h8o4aw{margin-left:0;justify-content:center}.converter.svelte-h8o4aw{grid-template-columns:1fr}.arrow.svelte-h8o4aw{transform:rotate(90deg);padding:.5rem 0}.info-cards.svelte-h8o4aw{grid-template-columns:1fr}}