.canvas-container.svelte-ipgka1{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.face-canvas.svelte-ipgka1{max-width:100%;max-height:400px;border:3px solid #000;border-radius:1.5rem;background:#fdfbf7;box-shadow:5px 5px #000}.placeholder.svelte-ipgka1{display:flex;align-items:center;justify-content:center;height:200px;border:3px dashed #000;border-radius:1.5rem;background-color:#fdfbf7;color:#0009;font-style:italic}.canvas-container.svelte-12bqj3z{display:flex;width:100%;flex-direction:column;align-items:center}.face-canvas.svelte-12bqj3z{max-height:20rem;max-width:100%;border:3px solid #000;border-radius:1.5rem;background:#fdfbf7;-o-object-fit:contain;object-fit:contain;box-shadow:5px 5px #000;transition:box-shadow .2s ease-in-out}.face-canvas.svelte-12bqj3z:hover{box-shadow:6px 6px #000}.placeholder.svelte-12bqj3z{display:flex;height:16rem;width:100%;align-items:center;justify-content:center;border:3px solid #000;border-radius:1.5rem;background:#fdfbf7;box-shadow:5px 5px #000}.tool-shell.svelte-101vk78{width:100%}.tool-preview.svelte-101vk78{border:3px solid #000;border-radius:1.75rem;background:#fdfbf7;box-shadow:6px 6px #000}.tool-preview.svelte-101vk78 .compare-slider{display:block;overflow:hidden}.tool-preview__eyebrow.svelte-101vk78{display:flex;align-items:center;justify-content:center;gap:.75rem;border-bottom:3px solid #000;background:#cfff04;padding:.75rem 1.25rem;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#000}.tool-preview__divider.svelte-101vk78{height:3px;width:2rem;background:#000}.tool-preview__note.svelte-101vk78{border-top:3px solid #000;background:#fff;padding:1rem 1.25rem;text-align:center;font-size:.875rem;font-weight:700;color:#000000bf}.tool-panel.svelte-101vk78{display:flex;flex-direction:column;justify-content:center;padding:0}.tool-steps.svelte-101vk78{display:flex;width:min(100%,24rem);flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:.375rem;border-radius:1.75rem;background:linear-gradient(180deg,#fffffff5,#f5f2ecf0);padding:.875rem .75rem 1rem;border:2px solid rgba(0,0,0,.14);box-shadow:0 12px 28px #00000014}.tool-step-item.svelte-101vk78{position:relative;display:flex;min-width:0;flex:1 1 0;flex-direction:column;align-items:center;gap:.5rem;padding:0}.tool-step-item--active.svelte-101vk78,.tool-step-item--locked.svelte-101vk78{background:0 0}.tool-step-badge.svelte-101vk78{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border:3px solid #000;border-radius:9999px;font-size:.875rem;font-weight:900;box-shadow:2px 2px #000;position:relative;z-index:1;transition:transform .3s ease,background-color .3s ease,color .3s ease}.tool-step-badge--active.svelte-101vk78{background:#cfff04;color:#000}.tool-step-badge--inactive.svelte-101vk78{background:#fdfbf7;color:#0000008c}.tool-step-label.svelte-101vk78{margin-left:0;max-width:5.5rem;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.1em;line-height:1.15;text-transform:uppercase;transition:color .3s ease}.tool-step-label--active.svelte-101vk78{color:#000}.tool-step-label--inactive.svelte-101vk78{color:#00000073}.tool-step-connector.svelte-101vk78{position:absolute;top:1.2rem;left:calc(50% + 1.5rem);width:calc(100% - 3rem);height:3px;background:#00000026}.tool-step-connector--active.svelte-101vk78{background:#000}.tool-alert.svelte-101vk78{border:2px solid #000;border-radius:1.25rem;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:700;box-shadow:3px 3px #000}.tool-alert--error.svelte-101vk78{background:#fecdd3;color:#000}.tool-alert--warning.svelte-101vk78{background:#ffb84c;color:#000}.tool-stage.svelte-101vk78{padding:0}@media (min-width:768px){.tool-panel.svelte-101vk78{min-height:32rem}.tool-steps.svelte-101vk78{width:auto;flex-wrap:wrap;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:1.5rem;background:#ffffffd1;box-shadow:none}.tool-step-item.svelte-101vk78{display:flex;min-width:auto;flex:0 0 auto;flex-direction:row;gap:0;padding:0;border-radius:0;background:0 0}.tool-step-item--active.svelte-101vk78,.tool-step-item--locked.svelte-101vk78{background:0 0}.tool-step-badge.svelte-101vk78{height:2.5rem;width:2.5rem;box-shadow:none}.tool-step-label.svelte-101vk78{font-size:.875rem;max-width:none;margin-left:.5rem;text-align:left;line-height:1}.tool-step-connector.svelte-101vk78{position:static;height:3px;width:2rem;margin-left:1rem;background:#00000026}}