.camera-capture.svelte-1408g6z{width:100%;max-width:100%;margin:0 auto}.camera-container.svelte-1408g6z{position:relative;width:100%;background-color:var(--color-foreground);border-radius:8px;overflow:hidden}.camera-video.svelte-1408g6z{width:100%;height:auto;display:block}.camera-canvas.svelte-1408g6z{display:none}.capture-button-container.svelte-1408g6z{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.capture-button.svelte-1408g6z{width:70px;height:70px;border-radius:50%;background-color:#fff;border:4px solid var(--cds-interactive-01);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.capture-button.svelte-1408g6z:hover{transform:scale(1.1)}.capture-button.svelte-1408g6z:active{transform:scale(.95)}.captured-preview.svelte-1408g6z{text-align:center}.preview-image.svelte-1408g6z{width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.capture-actions.svelte-1408g6z{display:flex;justify-content:center;gap:1rem}.mock-frame-container.svelte-1408g6z{width:100%;padding:2rem;text-align:center;background:var(--color-card);border-radius:12px;border:2px solid var(--color-border)}.mock-message.svelte-1408g6z{font-size:1.5rem;font-weight:600;color:var(--color-foreground);margin-bottom:.5rem}.mock-hint.svelte-1408g6z{font-size:1rem;color:var(--color-muted-foreground);margin-bottom:1.5rem}.sample-photos-grid.svelte-1408g6z{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.sample-photo-card.svelte-1408g6z{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;border:3px solid var(--color-border);cursor:pointer;transition:all .2s;padding:0;background:var(--color-muted)}.sample-photo-card.svelte-1408g6z img:where(.svelte-1408g6z){width:100%;height:100%;object-fit:cover}.sample-photo-card.svelte-1408g6z:hover{border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 4px 12px color-mix(in oklch,var(--color-primary) 25%,transparent)}.mock-divider.svelte-1408g6z{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--color-muted-foreground);font-size:.875rem}.mock-divider.svelte-1408g6z:before,.mock-divider.svelte-1408g6z:after{content:"";flex:1;height:1px;background:var(--color-border)}.mock-actions.svelte-1408g6z{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.upload-button.svelte-1408g6z{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--color-primary);color:var(--color-primary-foreground);border:none}.upload-button.svelte-1408g6z:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:600px){.sample-photos-grid.svelte-1408g6z{grid-template-columns:repeat(2,1fr)}}.flex.svelte-1408g6z{display:flex}.items-center.svelte-1408g6z{align-items:center}.gap-2.svelte-1408g6z{gap:.5rem}