.tool.svelte-10x9qlq{max-width:1380px;margin:0 auto;padding:1rem 1rem 4rem}nav.svelte-10x9qlq{margin-bottom:1.5rem}nav.svelte-10x9qlq a:where(.svelte-10x9qlq){color:#334155;text-decoration:none;font-weight:700}header.svelte-10x9qlq{margin-bottom:1.5rem}.eyebrow.svelte-10x9qlq{margin:0 0 .25rem;color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1.svelte-10x9qlq{margin:0;font-size:clamp(2.7rem,10vw,5rem);line-height:.95}header.svelte-10x9qlq>p:where(.svelte-10x9qlq):last-child{max-width:66rem;color:#475569}.panel.svelte-10x9qlq{border:1px solid #dbe2ea;border-radius:1rem;background:#fff;box-shadow:0 10px 28px #0f172a0d}.controls.svelte-10x9qlq{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:1rem}.source-actions.svelte-10x9qlq,.camera-actions.svelte-10x9qlq{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.button.svelte-10x9qlq{appearance:none;border:1px solid #cbd5e1;border-radius:.75rem;padding:.72rem .9rem;background:#fff;color:#0f172a;font:inherit;font-weight:750;cursor:pointer}.button.primary.svelte-10x9qlq{border-color:#0f172a;background:#0f172a;color:#fff}.button.svelte-10x9qlq input:where(.svelte-10x9qlq){display:none}.button.svelte-10x9qlq:disabled{opacity:.45;cursor:not-allowed}.mode-switch.svelte-10x9qlq{display:flex;padding:.2rem;border-radius:.75rem;background:#eef2f7}.mode-switch.svelte-10x9qlq button:where(.svelte-10x9qlq){border:0;border-radius:.6rem;padding:.6rem .9rem;background:transparent;font:inherit;font-weight:800;cursor:pointer}.mode-switch.svelte-10x9qlq button.active:where(.svelte-10x9qlq){background:#fff;box-shadow:0 2px 8px #0f172a1f}.camera.svelte-10x9qlq{padding:1rem;margin-bottom:1rem}.camera-preview.svelte-10x9qlq{overflow:hidden;margin-bottom:.75rem;border-radius:.8rem;background:#000}video.svelte-10x9qlq{display:block;width:100%;max-height:68vh;object-fit:contain}.camera-selector.svelte-10x9qlq{display:grid;gap:.35rem;margin-top:.8rem;max-width:280px;font-weight:750}.camera-selector.svelte-10x9qlq select:where(.svelte-10x9qlq){padding:.65rem;border:1px solid #cbd5e1;border-radius:.65rem;background:#fff;font:inherit}.error.svelte-10x9qlq,.processing.svelte-10x9qlq{padding:.8rem 1rem;border-radius:.75rem}.error.svelte-10x9qlq{background:#fee2e2;color:#991b1b}.processing.svelte-10x9qlq{background:#e0f2fe;color:#075985}.workspace.svelte-10x9qlq{display:grid;grid-template-columns:minmax(0,1fr) 310px;overflow:hidden}.canvas-wrap.svelte-10x9qlq{position:relative;display:grid;min-height:520px;place-items:center;background:#e9e5de;overflow:hidden}.canvas-wrap.svelte-10x9qlq p:where(.svelte-10x9qlq){max-width:32rem;padding:2rem;color:#64748b;text-align:center}canvas.svelte-10x9qlq{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;touch-action:none}canvas.source.svelte-10x9qlq{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}canvas.hidden.svelte-10x9qlq{display:none}canvas.challenge.svelte-10x9qlq{cursor:crosshair}canvas.selecting.svelte-10x9qlq{cursor:cell}.sidebar.svelte-10x9qlq{display:grid;align-content:start;gap:1.1rem;padding:1rem;border-left:1px solid #e2e8f0}.sidebar.svelte-10x9qlq>div:where(.svelte-10x9qlq):first-child{display:grid;gap:.65rem}.sidebar.svelte-10x9qlq label:where(.svelte-10x9qlq){display:flex;gap:.55rem;align-items:center;font-weight:700}.side-label.svelte-10x9qlq{margin:0;color:#64748b;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.measure-card.svelte-10x9qlq{padding:.85rem;border-radius:.8rem;background:#f8fafc}.measure-card.svelte-10x9qlq strong:where(.svelte-10x9qlq){display:block;margin:.3rem 0 .05rem;font-size:2rem}.measure-card.svelte-10x9qlq p:where(.svelte-10x9qlq):last-child{margin-bottom:0;color:#475569}.relationship-list.svelte-10x9qlq{display:grid;gap:.45rem;margin:.55rem 0 .65rem}.relationship-row.svelte-10x9qlq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:baseline;padding-bottom:.4rem;border-bottom:1px solid #e2e8f0}.relationship-row.svelte-10x9qlq span:where(.svelte-10x9qlq){color:#475569;font-size:.82rem}.relationship-row.svelte-10x9qlq strong:where(.svelte-10x9qlq){margin:0;font-size:.92rem;text-align:right}.challenge-panel.svelte-10x9qlq h2:where(.svelte-10x9qlq){margin:-.3rem 0 0;font-size:1.2rem;line-height:1.3}.challenge-panel.svelte-10x9qlq>p:where(.svelte-10x9qlq):not(.side-label):not(.feedback){margin:0;color:#475569}.challenge-actions.svelte-10x9qlq{display:flex;gap:.6rem}.feedback.svelte-10x9qlq{margin:0;padding:.8rem;border-radius:.75rem;background:#ecfdf5;color:#065f46;font-weight:700}.lessons.svelte-10x9qlq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem}.lesson.svelte-10x9qlq{padding:1rem}.lesson.svelte-10x9qlq span:where(.svelte-10x9qlq){color:#94a3b8;font-size:.75rem;font-weight:900}.lesson.svelte-10x9qlq h2:where(.svelte-10x9qlq){margin:.5rem 0 .35rem;font-size:1.05rem}.lesson.svelte-10x9qlq p:where(.svelte-10x9qlq){margin:0;color:#64748b;font-size:.9rem}@media(max-width:900px){.workspace.svelte-10x9qlq{grid-template-columns:1fr}.sidebar.svelte-10x9qlq{border-top:1px solid #e2e8f0;border-left:0}.canvas-wrap.svelte-10x9qlq{min-height:340px}.lessons.svelte-10x9qlq{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.controls.svelte-10x9qlq{align-items:stretch;flex-direction:column}.mode-switch.svelte-10x9qlq{width:100%}.mode-switch.svelte-10x9qlq button:where(.svelte-10x9qlq){flex:1}.canvas-wrap.svelte-10x9qlq{min-height:260px}.lessons.svelte-10x9qlq{grid-template-columns:1fr}}