.tool-container.svelte-gut810{max-width:1000px;margin:0 auto;padding:2rem}.back-link.svelte-gut810{display:inline-block;margin-bottom:2rem;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.back-link.svelte-gut810:hover{color:var(--text)}h1.svelte-gut810{margin-bottom:3rem;text-align:center;font-size:2rem;font-weight:700;color:var(--text)}.tool-card.svelte-gut810{background:var(--surface);padding:2.5rem;border-radius:12px;border:1px solid var(--line)}.panels.svelte-gut810{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.panels.svelte-gut810{grid-template-columns:1fr 1fr;gap:3rem}}.visual-section.svelte-gut810{display:flex;flex-direction:column;gap:2rem}.code-section.svelte-gut810{display:flex;flex-direction:column;height:100%}.textarea-container.svelte-gut810{flex:1;position:relative}.label-row.svelte-gut810{margin-bottom:.8rem}label.svelte-gut810{font-weight:600;color:var(--text);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;display:block}.upload-box.svelte-gut810{margin-bottom:1rem}.upload-label.svelte-gut810{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1rem;background:var(--surface-muted);border:2px dashed var(--line);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;color:var(--text-muted)}.upload-label.svelte-gut810:hover{background:var(--surface-muted);border-color:var(--text);color:var(--text);transform:translateY(-2px)}.icon.svelte-gut810{font-size:2.5rem;margin-bottom:.5rem}input[type=file].svelte-gut810{display:none}textarea.svelte-gut810{width:100%;height:300px;padding:1rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;border:1px solid var(--line);border-radius:8px;resize:vertical;transition:border-color .2s;background:var(--surface-muted);color:var(--text)}textarea.svelte-gut810:focus{outline:none;border-color:var(--text)}.copy-btn.svelte-gut810{position:absolute;top:.5rem;right:.5rem;padding:.3rem .8rem;background:var(--text);color:var(--bg);border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;transition:opacity .2s}.copy-btn.svelte-gut810:hover{opacity:.8}.preview-box.svelte-gut810{height:300px;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview-box.svelte-gut810 img:where(.svelte-gut810){max-width:100%;max-height:500px;object-fit:contain}.placeholder.svelte-gut810{color:var(--text-muted);font-style:italic}.error.svelte-gut810{color:#d32f2f;margin-top:1rem}