.tool.svelte-qazncl{max-width:1380px;margin:0 auto;padding:1rem 1rem 4rem}nav.svelte-qazncl{margin-bottom:1.5rem}nav.svelte-qazncl a:where(.svelte-qazncl){color:#334155;text-decoration:none;font-weight:700}header.svelte-qazncl{margin-bottom:1.5rem}.eyebrow.svelte-qazncl{margin:0 0 .25rem;color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1.svelte-qazncl{margin:0;font-size:clamp(2.5rem,10vw,5rem);line-height:.95}header.svelte-qazncl>p:where(.svelte-qazncl):last-child{max-width:62rem;color:#475569}.panel.svelte-qazncl,.image-panel.svelte-qazncl{border:1px solid #dbe2ea;border-radius:1rem;background:#fff;box-shadow:0 10px 28px #0f172a0d}.controls.svelte-qazncl{display:grid;gap:1rem;padding:1rem;margin-bottom:1rem}.source-actions.svelte-qazncl,.camera-actions.svelte-qazncl,.control-lock.svelte-qazncl,.playback-actions.svelte-qazncl{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.button.svelte-qazncl{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-qazncl{border-color:#0f172a;background:#0f172a;color:#fff}.button.svelte-qazncl input:where(.svelte-qazncl){display:none}.selectors.svelte-qazncl,.analysis-controls.svelte-qazncl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.analysis-controls.svelte-qazncl{grid-template-columns:repeat(2,minmax(0,1fr))}.selectors.svelte-qazncl label:where(.svelte-qazncl),.range-control.svelte-qazncl{display:grid;gap:.38rem}.selectors.svelte-qazncl span:where(.svelte-qazncl),.range-control.svelte-qazncl>span:where(.svelte-qazncl){font-weight:750}select.svelte-qazncl{width:100%;padding:.65rem;border:1px solid #cbd5e1;border-radius:.65rem;background:#fff;font:inherit}small.svelte-qazncl{color:#64748b}.range-control.svelte-qazncl input:where(.svelte-qazncl),.stroke-slider.svelte-qazncl{width:100%}input[type=range].svelte-qazncl{touch-action:pan-y}input.svelte-qazncl:disabled{opacity:.45}.error.svelte-qazncl,.processing.svelte-qazncl{padding:.75rem 1rem;border-radius:.75rem}.error.svelte-qazncl{background:#fee2e2;color:#991b1b}.processing.svelte-qazncl{background:#e0f2fe;color:#075985}.camera.svelte-qazncl{padding:1rem;margin-bottom:1rem}.camera-preview.svelte-qazncl{overflow:hidden;margin-bottom:.75rem;border-radius:.75rem;background:#000}video.svelte-qazncl{display:block;width:100%;max-height:65vh;object-fit:contain}details.svelte-qazncl{margin-top:1rem}summary.svelte-qazncl{cursor:pointer;font-weight:800}.camera-controls.svelte-qazncl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem}.camera-control.svelte-qazncl{display:grid;gap:.4rem;padding:.75rem;border-radius:.75rem;background:#f8fafc}.camera-range.svelte-qazncl{display:grid;grid-template-columns:1fr 4rem;gap:.5rem;align-items:center}.camera-range.svelte-qazncl output:where(.svelte-qazncl){text-align:right}.views.svelte-qazncl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.image-panel.svelte-qazncl{overflow:hidden}.image-panel.svelte-qazncl h2:where(.svelte-qazncl){margin:0;padding:.8rem 1rem;border-bottom:1px solid #e2e8f0;font-size:1rem}.canvas-wrap.svelte-qazncl{display:grid;min-height:270px;place-items:center;background:#eef2f7}.canvas-wrap.result.svelte-qazncl{background:#e8e5df}.canvas-wrap.painting.svelte-qazncl{background:#d8d0c2}.canvas-wrap.svelte-qazncl p:where(.svelte-qazncl){padding:1rem;color:#64748b;text-align:center}canvas.svelte-qazncl{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;touch-action:manipulation;cursor:zoom-in}canvas.fullscreen-view.svelte-qazncl{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh;max-height:none;object-fit:contain;background:#111;cursor:zoom-out}canvas.hidden.svelte-qazncl{display:none}.playback.svelte-qazncl,.palette.svelte-qazncl,.mixes.svelte-qazncl{margin-top:1rem;padding:1rem}.playback-heading.svelte-qazncl,.section-heading.svelte-qazncl{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.75rem}.playback-heading.svelte-qazncl h2:where(.svelte-qazncl),.section-heading.svelte-qazncl h2:where(.svelte-qazncl){margin:0;font-size:1.05rem}.playback-heading.svelte-qazncl p:where(.svelte-qazncl),.section-heading.svelte-qazncl p:where(.svelte-qazncl){margin:.2rem 0 0;color:#64748b}.instruction.svelte-qazncl{display:grid;grid-template-columns:54px 1fr;gap:.85rem;align-items:center;margin-top:.9rem;padding:.85rem;border-radius:.8rem;background:#f8fafc}.instruction.svelte-qazncl p:where(.svelte-qazncl){margin:.2rem 0}.mix-chip.svelte-qazncl{width:54px;height:54px;border-radius:.65rem;border:1px solid #cbd5e1}.phase-guide.svelte-qazncl{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.phase-guide.svelte-qazncl span:where(.svelte-qazncl){padding:.3rem .5rem;border-radius:999px;background:#eef2f7;color:#475569;font-size:.75rem;font-weight:700}.pigments.svelte-qazncl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.pigment.svelte-qazncl{display:grid;gap:.25rem;overflow:hidden;border:1px solid #e2e8f0;border-radius:.75rem;padding-bottom:.55rem}.pigment.svelte-qazncl .chip:where(.svelte-qazncl){height:58px}.pigment.svelte-qazncl strong:where(.svelte-qazncl),.pigment.svelte-qazncl small:where(.svelte-qazncl){padding:0 .6rem}.mix-grid.svelte-qazncl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.mix-card.svelte-qazncl{border:1px solid #e2e8f0;border-radius:.8rem;overflow:hidden;padding-bottom:.65rem}.mix-colors.svelte-qazncl{display:grid;grid-template-columns:1fr 1fr;height:48px}.mix-card.svelte-qazncl>strong:where(.svelte-qazncl),.mix-card.svelte-qazncl>small:where(.svelte-qazncl),.recipe.svelte-qazncl{display:block;margin:.55rem .65rem 0}.recipe.svelte-qazncl{display:grid;gap:.18rem;color:#475569;font-size:.82rem}.recipe.svelte-qazncl span:where(.svelte-qazncl){display:flex;justify-content:space-between;gap:.5rem}@media(max-width:820px){.selectors.svelte-qazncl,.analysis-controls.svelte-qazncl,.views.svelte-qazncl{grid-template-columns:1fr}.canvas-wrap.svelte-qazncl{min-height:180px}.playback-heading.svelte-qazncl,.section-heading.svelte-qazncl{flex-direction:column}}