.tool-container.svelte-gut810{max-width:1000px;margin:0 auto;padding:2rem}.back-link.svelte-gut810{display:inline-block;margin-bottom:2rem;color:#666;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.back-link.svelte-gut810:hover{color:#000}h1.svelte-gut810{margin-bottom:3rem;text-align:center;font-size:2rem;font-weight:700;color:#111}.tool-card.svelte-gut810{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #00000008;border:1px solid #eaeaea}.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}textarea.svelte-gut810{width:100%;height:100%;min-height:500px;padding:1rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;border:1px solid #eaeaea;border-radius:8px;resize:vertical;transition:border-color .2s;background:#fafafa;color:#333}.label-row.svelte-gut810{margin-bottom:.8rem}label.svelte-gut810{font-weight:600;color:#333;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:#fafafa;border:2px dashed #ccc;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;color:#555}.upload-label.svelte-gut810:hover{background:#f0f0f0;border-color:#000;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.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 #eaeaea;border-radius:8px;resize:vertical;transition:border-color .2s;background:#fafafa;color:#333}textarea.svelte-gut810:focus{outline:none;border-color:#000}.preview-box.svelte-gut810{height:300px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #eaeaea;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:#999;font-style:italic}.error.svelte-gut810{color:#d32f2f;margin-top:1rem}