:root{--black:#000;--white:#fdfeff;--grey-100:#eef1ff;--purple-500:#6c4796;--purple-200:#9241c8;--purple-100:#dfb5fc;--purple-gradient-start:#7c3aed;--purple-gradient-end:#5b21b6;--purple-500-transparent:#6c4796a4;--yellow-500:#ffd100;--orange-500:#ef7d00;--orange-100:#fde6b5;--blue-500:#4ad5fe;--pink-500:#f462a9;--shadow-100:#526a9966}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;padding:0}._sidebar_1dct4_1{flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:12px 24px 0;display:flex}._control_1dct4_25{flex-direction:column;gap:8px;display:flex}._fileInput_1dct4_37{display:none}._uploadBtn_1dct4_45{background-color:var(--purple-500);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:background-color .15s;display:inline-flex}._uploadBtn_1dct4_45:hover{background-color:var(--purple-200)}._exportBtn_1dct4_79{background-color:var(--purple-500);width:80px;height:80px;color:var(--white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}._exportBtn_1dct4_79:hover:not(:disabled){background-color:var(--purple-200)}._exportBtn_1dct4_79:disabled{background-color:var(--purple-500-transparent);cursor:not-allowed}._exportIcon_1dct4_127{fill:var(--white);width:50px;height:50px;display:block}._resolutionSelect_1dct4_141{background-color:var(--orange-500);color:var(--white);border:none;border-radius:4px;gap:8px;width:159px;height:37px;padding:4px 8px}._resolutionSelect_1dct4_141:focus{outline:none}._rightSide_1dct4_171{flex-direction:row;align-items:center;gap:16px;display:flex}._leftSide_1dct4_185{flex-flow:wrap;align-items:center;gap:16px;margin-right:auto;display:flex}._disableQuote_1dct4_203{pointer-events:none;opacity:.5}._textWrapper_1dct4_213{flex-direction:column;align-items:center;width:100%;display:flex}._text_1dct4_213{width:min(800px,90%);min-height:60px;font-weight:400}@media (width>=641px) and (width<=1024px){._sidebar_1dct4_1{flex-wrap:wrap;gap:16px;padding:10px 16px 0}._rightSide_1dct4_171{flex-wrap:wrap;justify-content:center;gap:12px}._uploadBtn_1dct4_45,._exportBtn_1dct4_79{width:64px;height:64px}._exportIcon_1dct4_127{width:40px;height:40px}._resolutionSelect_1dct4_141{width:140px}}@media (width<=640px){._sidebar_1dct4_1{flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 12px 0}._leftSide_1dct4_185{justify-content:center;align-items:center;gap:10px;width:100%;margin-right:0}._rightSide_1dct4_171{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%}._uploadBtn_1dct4_45,._exportBtn_1dct4_79{width:56px;height:56px}._exportIcon_1dct4_127{width:34px;height:34px}._resolutionSelect_1dct4_141{width:130px;height:34px;font-size:.8rem}}._button_yjkrb_1{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;padding:10px 20px;font-family:inherit;font-size:1rem;transition:opacity .15s,transform .1s;display:inline-flex}._button_yjkrb_1:disabled{opacity:.4;cursor:not-allowed}._active_yjkrb_41{background-color:var(--orange-500);color:var(--white);box-shadow:4px 4px 4px 0px #526a9966, -4px -4px 4px 0px var(--white), 1px 1px 2px 0px #0f1b5880 inset, -1px -1px 2px 0px #ffffffbf inset}._inactive_yjkrb_53{background-color:var(--white);color:var(--black);border:4px solid var(--orange-500);box-shadow:4px 4px 4px 0px #526a9966, -4px -4px 4px 0px var(--white)}._icon_yjkrb_67{object-fit:contain;width:40px;height:40px}._wrapper_wzyol_1{background-color:var(--grey-100);flex-direction:column;min-height:100vh;font-family:sans-serif;display:flex}._preview_wzyol_17{flex:1;justify-content:center;align-items:center;padding:0 32px 16px;display:flex;overflow:hidden}._imageFrame_wzyol_35{width:100%;height:auto;max-width:min(100%, calc(var(--aspect-ratio) * (90vh - 250px)));-webkit-user-select:none;user-select:none;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 11px #0009}._previewImage_wzyol_59{width:auto;max-width:none;height:100%;display:block}._placeholder_wzyol_73{text-align:center;color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:100%;max-height:calc(90vh - 250px);padding:0;display:flex}._placeholderFrame_wzyol_107{object-fit:contain;opacity:.5;width:100%;max-width:100%;height:auto;max-height:calc(90vh - 250px);transition:opacity .15s;display:block}._placeholder_wzyol_73:hover ._placeholderFrame_wzyol_107{opacity:.7}._colorOptionsContainer_wzyol_137{gap:10px;display:flex}._quoteOverlay_wzyol_147{pointer-events:none;position:absolute}._quoteMobileResolution_wzyol_157{height:16%;bottom:5%;right:3%}._quoteDesktopResolution_wzyol_169{width:30%;bottom:4%;right:3%}._showQuote_wzyol_181{display:block}._hideQuote_wzyol_189{display:none}._colorSelector_wzyol_197{flex-wrap:wrap;justify-content:center;height:125px;display:flex}._framecolorOptionsContainer_wzyol_211{gap:40px;display:flex}._cutoutColorOptionsContainer_wzyol_221{display:flex}@media (width>=641px) and (width<=1024px){._preview_wzyol_17{padding:8px 20px 12px}._imageFrame_wzyol_35{max-width:min(100%, calc(var(--aspect-ratio) * (100svh - 270px)))}._placeholderFrame_wzyol_107{max-height:calc(100svh - 270px)}._colorSelector_wzyol_197{height:auto;padding:6px 0}._framecolorOptionsContainer_wzyol_211{flex-wrap:wrap;justify-content:center;gap:20px}._colorOptionsContainer_wzyol_137,._cutoutColorOptionsContainer_wzyol_221{flex-wrap:wrap;justify-content:center}}@media (width<=640px){._preview_wzyol_17{padding:8px 12px}._imageFrame_wzyol_35{max-width:min(100%, calc(var(--aspect-ratio) * (100svh - 220px)))}._placeholderFrame_wzyol_107{max-height:calc(100svh - 220px)}._colorSelector_wzyol_197{gap:8px;height:auto;padding:8px 0}._framecolorOptionsContainer_wzyol_211{flex-wrap:wrap;justify-content:center;gap:12px}._colorOptionsContainer_wzyol_137{flex-wrap:wrap;justify-content:center}._cutoutColorOptionsContainer_wzyol_221{flex-wrap:wrap;justify-content:center;gap:10px}}._wrapper_15kve_1{cursor:pointer;background:0 0;border:none;padding:0 30px}._colorOption_15kve_15{border-radius:10px;width:12vw;max-width:60px;height:12vw;max-height:60px}._colorOption1_15kve_31{margin-bottom:-30px;margin-left:-30px}._colorOption2_15kve_41{margin-top:-30px;margin-right:-30px}._wrapper_1f9ad_1{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}._colorOption_1f9ad_17{border-radius:10px;width:12vw;max-width:60px;height:12vw;max-height:60px}._switchImg_1f9ad_33{width:24px;height:24px}._SwitchButton_1f9ad_43{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}._wrapper_12u15_1{cursor:pointer;background:0 0;border:none;padding:0 30px}._colorOption_12u15_15{border-radius:10px;width:12vw;max-width:60px;height:12vw;max-height:60px}