.tool.svelte-1xkdlov{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:1.25rem;align-items:stretch}.panel.svelte-1xkdlov{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-title.svelte-1xkdlov{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0}.error.svelte-1xkdlov{color:var(--error);font-size:.85rem}.stat-list.svelte-1xkdlov{display:flex;flex-direction:column;margin:0}.stat-list.svelte-1xkdlov div:where(.svelte-1xkdlov){display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.stat-list.svelte-1xkdlov div:where(.svelte-1xkdlov):last-child{border-bottom:none}.stat-list.svelte-1xkdlov dt:where(.svelte-1xkdlov){font-size:.8rem;color:var(--text-muted)}.stat-list.svelte-1xkdlov dd:where(.svelte-1xkdlov){margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.text-btn.svelte-1xkdlov{align-self:flex-start;font-size:.85rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.text-btn.svelte-1xkdlov:hover{text-decoration:underline}.viewport-col.svelte-1xkdlov{display:flex;flex-direction:column;gap:.6rem;min-width:0}.preview-tabs.svelte-1xkdlov{display:inline-flex;align-self:flex-start;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.preview-tabs.svelte-1xkdlov button:where(.svelte-1xkdlov){font-family:inherit;font-size:.85rem;color:var(--text-secondary);background:none;border:none;padding:.35rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.preview-tabs.svelte-1xkdlov button:where(.svelte-1xkdlov):hover{color:var(--text-primary)}.preview-tabs.svelte-1xkdlov button.active:where(.svelte-1xkdlov){color:var(--bg-primary);background:var(--accent);font-weight:600}.preview.svelte-1xkdlov{flex:1 1 auto;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-tertiary);background-image:linear-gradient(45deg,#1a1a24 25%,transparent 25%),linear-gradient(-45deg,#1a1a24 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a24 75%),linear-gradient(-45deg,transparent 75%,#1a1a24 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.preview.svelte-1xkdlov canvas:where(.svelte-1xkdlov){display:block;image-rendering:pixelated;max-width:100%;height:auto}.empty.svelte-1xkdlov{color:var(--text-muted);font-size:.9rem;text-align:center}.options.svelte-1xkdlov label:where(.svelte-1xkdlov){display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.options.svelte-1xkdlov label.checkbox:where(.svelte-1xkdlov){flex-direction:row;align-items:center;gap:.5rem}.options.svelte-1xkdlov input[type=number]:where(.svelte-1xkdlov),.options.svelte-1xkdlov select:where(.svelte-1xkdlov){padding:.45rem .6rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md)}.options.svelte-1xkdlov input[type=number]:where(.svelte-1xkdlov){width:100%}.preview.plain.svelte-1xkdlov{background:var(--bg-tertiary);background-image:none;align-items:stretch;justify-content:flex-start;padding:0}.coords-pre.svelte-1xkdlov{width:100%;height:100%;margin:0;padding:1rem;overflow:auto;font-size:.75rem;line-height:1.5;color:var(--text-secondary);background:none;border:none;border-radius:0}@media(max-width:900px){.tool.svelte-1xkdlov{grid-template-columns:1fr}.viewport-col.svelte-1xkdlov{order:-1}}