.tool.svelte-xacx29{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:1.25rem;align-items:stretch}.panel.svelte-xacx29{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-xacx29{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0}.error.svelte-xacx29{color:var(--error);font-size:.85rem}.note.svelte-xacx29{font-size:.8rem;color:var(--text-secondary);line-height:1.45;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary)}.stat-list.svelte-xacx29{display:flex;flex-direction:column;margin:0}.stat-list.svelte-xacx29 div:where(.svelte-xacx29){display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.stat-list.svelte-xacx29 div:where(.svelte-xacx29):last-child{border-bottom:none}.stat-list.svelte-xacx29 dt:where(.svelte-xacx29){font-size:.8rem;color:var(--text-muted)}.stat-list.svelte-xacx29 dd:where(.svelte-xacx29){margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}.text-btn.svelte-xacx29{align-self:flex-start;font-size:.85rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.text-btn.svelte-xacx29:hover{text-decoration:underline}.viewport-col.svelte-xacx29{display:flex;flex-direction:column;gap:.6rem;min-width:0}.zoom-bar.svelte-xacx29{display:inline-flex;align-self:flex-start;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.zoom-bar.svelte-xacx29 button:where(.svelte-xacx29){font-family:inherit;font-size:.9rem;min-width:1.9rem;color:var(--text-secondary);background:none;border:none;padding:.3rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.zoom-bar.svelte-xacx29 button:where(.svelte-xacx29):hover{color:var(--text-primary);background:var(--bg-hover)}.zoom-bar.svelte-xacx29 .zoom-text:where(.svelte-xacx29){font-size:.8rem}.zoom-value.svelte-xacx29{min-width:3.2rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.preview.svelte-xacx29{flex:1 1 auto;min-height:360px;display:flex;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.grab.svelte-xacx29{cursor:grab}.preview.grabbing.svelte-xacx29{cursor:grabbing}.preview.svelte-xacx29 canvas:where(.svelte-xacx29){display:block;image-rendering:pixelated;flex:0 0 auto;margin:auto}.empty.svelte-xacx29{margin:auto;color:var(--text-muted);font-size:.9rem;text-align:center}.hint.svelte-xacx29{font-size:.8rem;color:var(--text-muted);margin:0}.grid-fields.svelte-xacx29{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.options.svelte-xacx29 label:where(.svelte-xacx29){display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.options.svelte-xacx29 select:where(.svelte-xacx29),.options.svelte-xacx29 input[type=number]:where(.svelte-xacx29){padding:.45rem .6rem;font-size:.9rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%}@media(max-width:900px){.tool.svelte-xacx29{grid-template-columns:1fr}.viewport-col.svelte-xacx29{order:-1}}