.wrap.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{width:100%;max-width:1200px;margin:0 auto;color:#fff;padding:.75rem}.bar.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:grid;gap:.5rem;margin-bottom:.75rem}.bar.svelte-4jwaq9 label.svelte-4jwaq9.svelte-4jwaq9{font-size:.95rem;color:#ccc}.bar.svelte-4jwaq9 label[for=hanziInput].svelte-4jwaq9.svelte-4jwaq9{pointer-events:none}.input.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{width:100%;resize:vertical;padding:.75rem .9rem;border-radius:8px;border:1px solid #4B4A4A;background:#171717;color:#fff;line-height:1.35;outline:none}.input.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9:focus{border-color:#fab917;box-shadow:0 0 0 3px #fab91733}.tools-toggle-row.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:flex;justify-content:flex-end}.tools-toggle.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:inline-flex;align-items:center;gap:.4rem;background:#1d1d1d;border:1px solid #3a3a3a;color:#fab917;padding:.3rem .6rem;border-radius:6px;font-size:.9rem;cursor:pointer}.tools-toggle.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9:hover{border-color:#5a5a5a}.chev.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:inline-block;transform:rotate(0);transition:transform .16s ease;opacity:.85}.chev.open.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{transform:rotate(90deg)}.controls.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:grid;gap:.5rem;border:1px solid #2b2b2b;background:#141414;border-radius:8px;padding:.6rem}.row.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.control.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{display:inline-flex;align-items:center;gap:.4rem;background:#171717;border:1px solid #4B4A4A;padding:.35rem .5rem;border-radius:6px}.control.svelte-4jwaq9 input[type=number].svelte-4jwaq9.svelte-4jwaq9,.control.svelte-4jwaq9 select.svelte-4jwaq9.svelte-4jwaq9,.control.svelte-4jwaq9 input[type=color].svelte-4jwaq9.svelte-4jwaq9{background:#171717;color:#fff;border:1px solid #4B4A4A;border-radius:4px;padding:.2rem .4rem}.colours.svelte-4jwaq9 .control.svelte-4jwaq9 span.svelte-4jwaq9,.templates.svelte-4jwaq9 .control.svelte-4jwaq9 span.svelte-4jwaq9{min-width:6.5ch;color:#bdbdbd}.render.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{width:100%}@media (max-width: 768px){.tools-toggle.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{font-size:.85rem;padding:.25rem .55rem}.controls.svelte-4jwaq9.svelte-4jwaq9.svelte-4jwaq9{padding:.5rem}}