.tool.svelte-wvzeqd{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:1.25rem;align-items:stretch}.panel.svelte-wvzeqd{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-wvzeqd{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0}.error.svelte-wvzeqd{color:var(--error);font-size:.85rem}.warning.svelte-wvzeqd{color:var(--text-muted);font-size:.85rem}.viewport-col.svelte-wvzeqd{display:flex;flex-direction:column;gap:.75rem;min-width:0}.viewport.svelte-wvzeqd{width:100%;flex:1 1 auto;min-height:360px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-tertiary);line-height:0}.viewport.svelte-wvzeqd canvas{display:block;width:100%;height:100%}.stats.svelte-wvzeqd{display:flex;flex-direction:column;margin:0}.stats.svelte-wvzeqd div:where(.svelte-wvzeqd){display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.stats.svelte-wvzeqd div:where(.svelte-wvzeqd):last-child{border-bottom:none}.stats.svelte-wvzeqd dt:where(.svelte-wvzeqd){font-size:.8rem;color:var(--text-muted)}.stats.svelte-wvzeqd dd:where(.svelte-wvzeqd){margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:right}.stats.svelte-wvzeqd .size-row:where(.svelte-wvzeqd) dd:where(.svelte-wvzeqd){font-size:.78rem}.options.svelte-wvzeqd label:where(.svelte-wvzeqd){display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.options.svelte-wvzeqd label.checkbox:where(.svelte-wvzeqd){flex-direction:row;align-items:center;gap:.5rem}.options.svelte-wvzeqd select:where(.svelte-wvzeqd){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-wvzeqd input[type=color]:where(.svelte-wvzeqd){width:100%;height:2.2rem;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.text-btn.svelte-wvzeqd{align-self:flex-start;font-size:.85rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.text-btn.svelte-wvzeqd:hover{text-decoration:underline}.hint.svelte-wvzeqd{font-size:.8rem;color:var(--text-muted);margin:0}@media(max-width:900px){.tool.svelte-wvzeqd{grid-template-columns:1fr}.viewport-col.svelte-wvzeqd{order:-1}}