.svg-container.svelte-1a3xnfo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.page-container.svelte-84jy1y{display:flex;gap:2rem;padding:1rem}.color-panel.svelte-84jy1y{width:200px}.main-content.svelte-84jy1y{flex:1;display:flex;flex-direction:column;align-items:center}.brille-wrapper.svelte-84jy1y{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:900px;height:800px;overflow:hidden}.button-wrapper.svelte-84jy1y{margin-top:1rem;display:flex;justify-content:center}.page-container.svelte-c2eecj{display:flex;gap:2rem;padding:1rem}.color-panel.svelte-c2eecj{width:200px}.main-content.svelte-c2eecj{flex:1;display:flex;flex-direction:column;align-items:center}.brille-wrapper.svelte-c2eecj{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:900px;height:800px;overflow:hidden}.button-wrapper.svelte-c2eecj{margin-top:1rem;display:flex;justify-content:center}.background-step.svelte-1vuvqhq{display:flex;flex-direction:column;align-items:center;gap:2rem}.background-step.svelte-1vuvqhq h1:where(.svelte-1vuvqhq){margin-top:-1rem}.preview-area.svelte-1vuvqhq{position:relative;width:100%;max-width:900px;height:650px;overflow:visible;display:flex;justify-content:center;align-items:center}.controls-overlay.svelte-1vuvqhq{position:absolute;top:50%;left:-120px;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:20}.controls-overlay.svelte-1vuvqhq label:where(.svelte-1vuvqhq){display:flex;flex-direction:column;align-items:center;gap:.25rem}.file-upload.svelte-1vuvqhq input[type=file]:where(.svelte-1vuvqhq){display:none}.upload-button.svelte-1vuvqhq{background-color:#00aef0;color:#fff;padding:8px 14px;cursor:pointer;border-radius:6px;font-weight:700}.upload-button.svelte-1vuvqhq:hover{background-color:#007aab}.vertical-slider.svelte-1vuvqhq{-webkit-appearance:slider-vertical;writing-mode:bt-lr;width:24px;height:120px;padding:0;margin:0;background:transparent}.portrait-image.svelte-1vuvqhq{position:absolute;top:50%;left:50%;transform-origin:center;max-width:none}.overlay-template.svelte-1vuvqhq{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) scale(6);transform-origin:center;pointer-events:none;object-fit:contain;z-index:6}.next-button-overlay.svelte-1vuvqhq{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);z-index:10}.preview-area.svelte-1i9x7hn{position:relative;width:100%;max-width:900px;height:650px;margin:auto;overflow:visible;display:flex;justify-content:center;align-items:center}.controls-overlay.svelte-1i9x7hn{position:absolute;top:50%;left:-100px;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:20}.controls-overlay.svelte-1i9x7hn label:where(.svelte-1i9x7hn){display:flex;flex-direction:column;align-items:center;gap:.25rem}.vertical-range.svelte-1i9x7hn{writing-mode:vertical-lr;appearance:slider-vertical;width:8px;height:120px}.portrait-background.svelte-1i9x7hn{position:absolute;top:50%;left:50%;transform-origin:center;max-width:none;z-index:1}.overlay-template.svelte-1i9x7hn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(6);transform-origin:center;pointer-events:none;object-fit:contain;z-index:3}.brille-overlay.svelte-1i9x7hn{position:relative;top:calc(50% - 380px);z-index:4;width:42%;height:42%;display:flex;justify-content:center;align-items:center}.next-button-overlay.svelte-1i9x7hn{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);z-index:10}.preview-area.svelte-15s90lw{position:relative;width:100%;max-width:900px;height:650px;margin:auto;overflow:visible;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #ccc}.portrait-background.svelte-15s90lw{position:absolute;top:50%;left:50%;transform-origin:center;max-width:none;z-index:1}.overlay-template.svelte-15s90lw{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) scale(6);transform-origin:center;pointer-events:none;z-index:1}.brille-overlay.svelte-15s90lw{position:relative;top:calc(50% - 380px);z-index:4;width:42%;height:42%;display:flex;justify-content:center;align-items:center}.info-overlay.svelte-15s90lw{position:absolute;bottom:10px;left:10px;background:#fffc;padding:10px;border-radius:6px;z-index:5;color:#000}.next-button-overlay.svelte-15s90lw{margin-top:1rem;display:flex;justify-content:center;gap:8px;z-index:999;position:relative}.secondary-btn.svelte-15s90lw,.share-btn.svelte-15s90lw{background-color:#f1f1f1;color:#000;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer}.secondary-btn.svelte-15s90lw:hover,.share-btn.svelte-15s90lw:hover{background-color:#ddd}.progress-wrapper.svelte-15s90lw{margin-top:1rem;display:flex;justify-content:center}