.container-w[data-v-af806575]{background:#efe7da;gap:40px;height:100vh;overflow:hidden;position:relative;width:100%}.container-w[data-v-af806575],.main-content[data-v-af806575]{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-content[data-v-af806575]{cursor:pointer;gap:20px}h2[data-v-af806575]{font-size:50px;font-weight:700;padding:20px}h2[data-v-af806575],p[data-v-af806575]{margin:0}p[data-v-af806575]{font-size:25px;font-style:italic;padding:10px}.container[data-v-16009970]{align-items:center;background-color:#f5f5f5;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;width:100vw}.panel[data-v-16009970]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:20px;width:100%}.title[data-v-16009970]{color:#333;font-size:2em;text-align:center}.section[data-v-16009970],.title[data-v-16009970]{margin-bottom:20px}.section[data-v-16009970]{background-color:#f9f9f9;border-radius:6px;padding:15px}.section-title[data-v-16009970]{color:#333;font-size:1.5em;margin:0 0 10px}.item-list[data-v-16009970]{display:flex;flex-wrap:wrap;gap:10px}.item-button[data-v-16009970]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s}.item-button[data-v-16009970]:hover{background-color:#0056b3}.item-button.selected[data-v-16009970]{background-color:#28a745}.error-message[data-v-16009970]{color:#dc3545}.error-message[data-v-16009970],.success-message[data-v-16009970]{font-size:.9em;margin-bottom:10px}.success-message[data-v-16009970]{color:#28a745}.notice[data-v-16009970]{background-color:#e9ecef;border-radius:4px;margin-bottom:10px;padding:10px}.notice-text[data-v-16009970]{color:#495057;font-size:.9em;margin:0}.control-button[data-v-16009970]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s;width:100%}.control-button[data-v-16009970]:hover{background-color:#0056b3}.next-button[data-v-16009970]{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px;transition:background-color .3s;width:100%}.next-button[data-v-16009970]:hover:not(:disabled){background-color:#218838}.next-button[data-v-16009970]:disabled{cursor:not-allowed;opacity:.5}.hint[data-v-16009970]{color:#dc3545;font-size:.9em;margin-top:10px;text-align:center}.folder-group[data-v-16009970]{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px}.folder-group-title[data-v-16009970]{color:#333;font-size:1.2em;margin:0 0 10px}.no-folder-selected[data-v-16009970],.selected-folder[data-v-16009970]{margin-bottom:10px}.warning-message[data-v-16009970]{color:#dc3545;font-size:.9em}.info-text[data-v-16009970]{color:#6c757d;font-size:.9em;margin-bottom:10px}.frame-1[data-v-bbd5f51a],.frame-2[data-v-bbd5f51a],.frame-4[data-v-bbd5f51a]{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-align:inherit}.container-frame[data-v-bbd5f51a]{align-content:center;background:#efe7da;margin:0;min-height:100vh;width:100%}.column.is-11[data-v-bbd5f51a]{display:flex;flex-direction:column;height:100%;justify-content:center}.title[data-v-bbd5f51a]{font-family:Math,serif;margin-bottom:3rem;text-align:center}.columns img[data-v-bbd5f51a]{display:block;margin-left:auto;margin-right:auto;width:50%}.frame-2 img[data-v-bbd5f51a]{width:80%}.frame-4 img[data-v-bbd5f51a]{width:70%}.column.is-6[data-v-bbd5f51a]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.frame-2[data-v-bbd5f51a]{margin-top:50px}.frame-1[data-v-bbd5f51a],.frame-4[data-v-bbd5f51a]{align-items:center;display:flex;flex-direction:column}.frame-2[data-v-bbd5f51a]{text-align:center}.price[data-v-bbd5f51a]{margin-top:10px;position:relative;z-index:999}img[data-v-bbd5f51a]:hover{cursor:pointer}.focusted[data-v-bbd5f51a]{animation:focus-bbd5f51a .5s ease forwards}@keyframes focus-bbd5f51a{0%{box-shadow:none}to{box-shadow:12px 12px 12px 12px #d1c3ad;transform:translateY(-15px)}}.error-message[data-v-bbd5f51a],.loading-indicator[data-v-bbd5f51a]{font-size:1.1rem;margin-top:20px;text-align:center}.error-message[data-v-bbd5f51a]{color:red}.button.is-dark[data-v-361df35b]{border-radius:50px;bottom:10px;height:40px;position:absolute;width:125px;z-index:999}.left-btn[data-v-361df35b]{left:100px}.right-btn[data-v-361df35b]{right:100px}button[data-v-65402128]{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-align:inherit}.container-qty[data-v-65402128]{background:#efe7da;display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin:0;width:100%}.title[data-v-65402128]{font-family:Math;text-align:center}.columns[data-v-65402128]{justify-content:center}.is-6[data-v-65402128]{align-items:center;display:flex;justify-content:space-between}img[data-v-65402128]{background:#fff;border-radius:50%;width:100px!important}img[data-v-65402128]:hover{cursor:pointer}.disable[data-v-65402128]{opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qty[data-v-65402128]{font-size:100px;text-align:center}.note[data-v-65402128]{font-size:20px}ul[data-v-65402128]{list-style:disc;padding-left:35px}.price-button[data-v-65402128],.price-display[data-v-65402128]{display:flex;justify-content:center}.price-button[data-v-65402128]{align-items:center;background:#545454;border:none;border-radius:50px;box-shadow:0 2px 4px #0003;color:#fff;flex-direction:column;font-family:inherit;height:auto;min-width:200px;padding:12px 30px}.price-amount[data-v-65402128]{color:#fff;font-size:24px;font-weight:700}.virtual-keyboard[data-v-376d807b]{background:#efe7da;border-radius:20px;bottom:90px;box-shadow:0 4px 10px #0003;left:50%;padding:15px;position:fixed;transform:translate(-50%);z-index:1000}.keyboard-row[data-v-376d807b]{margin-bottom:10px}.keyboard-button[data-v-376d807b],.keyboard-row[data-v-376d807b]{display:flex;justify-content:center}.keyboard-button[data-v-376d807b]{align-items:center;background:#545454;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:20px;height:50px;margin:0 5px;transition:background-color .3s ease;width:50px}.keyboard-button[data-v-376d807b]:hover,.special-key[data-v-376d807b]{background:#3a3a3a}.special-key[data-v-376d807b]{font-size:18px;min-width:60px;padding:0 20px;width:auto}.special-key[data-v-376d807b]:hover{background:#2a2a2a}.container-payment-method[data-v-149f2d46]{background:#efe7da;display:flex;flex-direction:column;height:100vh;justify-content:space-around;margin:0;width:100%}.title[data-v-149f2d46]{font-family:Math;font-size:64px;text-align:center}.button[data-v-149f2d46]{border:none;border-radius:50px;color:#fff;cursor:pointer}.notification[data-v-149f2d46]{align-items:center;animation:slideIn-149f2d46 .3s ease forwards,slideOut-149f2d46 .3s ease 3.7s forwards;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;gap:12px;left:40%;max-width:550px;min-width:400px;opacity:0;padding:15px 20px;position:fixed;top:10%;transform:translateY(20px);z-index:2000}.notification.success[data-v-149f2d46]{background:linear-gradient(135deg,#2ecc71,#27ae60)}.notification.error[data-v-149f2d46]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.notification-content[data-v-149f2d46]{flex:1}.notification-title[data-v-149f2d46]{font-size:1.5rem;font-weight:600;margin-bottom:4px}.notification p[data-v-149f2d46]{font-size:1rem;line-height:1.4;margin:0}@keyframes slideIn-149f2d46{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut-149f2d46{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.method[data-v-149f2d46]{display:flex;justify-content:space-around}.method .button[data-v-149f2d46]{font-size:40px;padding:5px 20px}.voucher-section[data-v-149f2d46]{align-items:center;display:flex;gap:15px;justify-content:center;padding:0 20px}.voucher-input[data-v-149f2d46]{background-color:#fdfaf5;border:2px solid #545454;border-radius:50px;color:#333;font-size:24px;outline:none;padding:10px 25px;text-align:center;width:400px}.voucher-input[data-v-149f2d46]::-moz-placeholder{color:#999}.voucher-input[data-v-149f2d46]::placeholder{color:#999}.apply-button[data-v-149f2d46]{background:#545454;font-size:24px;padding:10px 30px;transition:background-color .3s ease}.apply-button[data-v-149f2d46]:hover{background:#3a3a3a}.price[data-v-149f2d46]{font-size:40px;left:50%;padding:10px 40px;position:relative;transform:translate(-50%);width:300px}.focusted[data-v-149f2d46]{animation:focus-149f2d46 .5s ease forwards}@keyframes focus-149f2d46{0%{box-shadow:none;transform:translateY(0)}to{box-shadow:12px 12px 12px 12px #d1c3ad;transform:translateY(-15px)}}.error-message[data-v-149f2d46],.loading-indicator[data-v-149f2d46]{font-size:1.1rem;margin-top:20px;text-align:center}.error-message[data-v-149f2d46]{color:red}.vnpay-payment[data-v-243103df]{align-items:center;display:flex;flex-direction:column;margin-top:50px}.vnpay-payment p[data-v-243103df]{margin-bottom:10px;position:static;transform:none}.qr-code-container[data-v-243103df]{align-items:center;display:flex;flex-direction:column;width:100%}.frame[data-v-243103df]{background:url(../images/qr-frame.png) no-repeat;height:432px;margin:auto;position:relative;width:400px;z-index:1}.qr-code[data-v-243103df]{z-index:999}.container-payment[data-v-243103df]{background:#efe7da;box-sizing:border-box;height:100vh;margin:0;overflow:auto;padding:20px;position:relative;width:100%}.title[data-v-243103df]{font-family:Math;font-size:64px;margin-bottom:30px;padding-top:50px;text-align:center}.button[data-v-243103df]{border:none;border-radius:50px;color:#fff;cursor:default;font-family:inherit;font-size:30px;padding:10px 30px}.box-title[data-v-243103df]{margin-bottom:50px;margin-top:50px;text-align:center;width:auto}.box-title button[data-v-243103df]{font-size:30px;left:0!important;padding:10px 30px}.money[data-v-243103df]{box-sizing:border-box;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:50px;padding:0 20px;width:100%}.money[data-v-243103df],.money div[data-v-243103df]{align-items:center;display:flex}.money div[data-v-243103df]{flex-direction:column;justify-content:center;min-width:280px}h4[data-v-243103df]{font-size:30px;margin-bottom:15px;text-align:center}.amount-display[data-v-243103df]{align-items:center;background-color:#fff;border-radius:50px;box-sizing:border-box;color:#333;display:flex;font-size:28px;font-weight:700;height:50px;justify-content:center;max-width:250px;padding:0 15px;width:100%;word-break:break-all}.amount-display.completed[data-v-243103df]{animation:pulse-243103df 1s infinite;background-color:#27ae60;color:#fff}@keyframes pulse-243103df{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mdb-status[data-v-243103df]{background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;padding:15px}.status-message[data-v-243103df]{font-size:18px;font-weight:700;text-align:center}.status-message.connecting[data-v-243103df]{color:#007bff}.status-message.error[data-v-243103df]{color:#dc3545}.status-message.connected[data-v-243103df]{color:#28a745}.connect-btn[data-v-243103df],.retry-btn[data-v-243103df]{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:8px 16px}.retry-btn[data-v-243103df]{background:#dc3545}.connect-btn[data-v-243103df]{background:#007bff;color:#fff}.connect-btn[data-v-243103df]:hover,.retry-btn[data-v-243103df]:hover{opacity:.8}.money input[data-v-243103df]{border:none;border-radius:50px;box-sizing:border-box;font-size:28px;height:50px;margin-top:15px;max-width:250px;outline:none;padding:0 15px;width:100%}.money input[data-v-243103df],p[data-v-243103df]{text-align:center}p[data-v-243103df]{left:50%;position:absolute;transform:translate(-50%);width:80%}.error-message[data-v-243103df],.loading-indicator[data-v-243103df],.success-message[data-v-243103df],p[data-v-243103df]{font-size:25px}.mdb-status[data-v-243103df]{margin:20px 0;text-align:center;width:100%}.status-message[data-v-243103df]{border-radius:10px;font-size:20px;font-weight:500;margin:10px 0;padding:15px}.status-message.connecting[data-v-243103df]{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-message.connected[data-v-243103df]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error[data-v-243103df]{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.retry-btn[data-v-243103df]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 15px}.retry-btn[data-v-243103df]:hover{background-color:#0056b3}.bills-history[data-v-243103df]{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:600px;padding:20px}.bills-history h5[data-v-243103df]{color:#333;font-size:22px;margin:0 0 15px;text-align:center}.bills-list[data-v-243103df]{margin-bottom:20px;max-height:200px;overflow-y:auto}.bill-item[data-v-243103df]{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:18px;justify-content:space-between;padding:10px}.bill-item[data-v-243103df]:last-child{border-bottom:none}.bill-amount[data-v-243103df]{color:#28a745;font-weight:700}.bill-time[data-v-243103df]{color:#666;font-size:14px}.payment-progress[data-v-243103df]{text-align:center}.progress-text[data-v-243103df]{color:#333;font-size:18px;font-weight:500;margin-bottom:10px}.progress-bar[data-v-243103df]{background-color:#e9ecef;border-radius:10px;height:20px;overflow:hidden;width:100%}.progress-fill[data-v-243103df]{background:linear-gradient(90deg,#28a745,#20c997);border-radius:10px;height:100%;transition:width .3s ease}.container-count[data-v-b3a7e890]{align-items:center;background:#efe7da;display:flex;flex-direction:column;font-size:30px;gap:50px;height:100vh;justify-content:center;margin:0;width:100%}.title[data-v-b3a7e890]{font-family:Math;text-align:center}.box-title[data-v-b3a7e890]{left:49%;padding:10px 40px;position:relative;transform:translate(-50%);width:300px}.box-title button[data-v-b3a7e890]{font-size:20px}.body[data-v-b3a7e890]{flex-direction:column}.body[data-v-b3a7e890],.body div[data-v-b3a7e890]{display:flex;gap:50px}.body div[data-v-b3a7e890]{align-items:center;justify-content:space-between}.container-count>p[data-v-b3a7e890]{font-size:25px}canvas[ref=processCanvas][data-v-9c275d7b]{display:none}.container-custom[data-v-10bda5b3]{height:100vh;margin:0;overflow:hidden;position:relative;width:100vw}.bg[data-v-10bda5b3],.container-custom[data-v-10bda5b3]{background:#efe7da}.columns[data-v-10bda5b3]{display:flex;height:100%;margin:0;width:100%}.is-4[data-v-10bda5b3]{flex-basis:33.33%;flex-grow:1;flex-shrink:0;padding:0}.column.is-4[data-v-10bda5b3]:first-of-type{align-items:flex-start;flex-direction:column;padding-left:50px;width:33.33%;z-index:1}.column-video[data-v-10bda5b3],.column.is-4[data-v-10bda5b3]:first-of-type{display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0}.column-video[data-v-10bda5b3]{align-items:center;width:100%;z-index:0}.column.is-4[data-v-10bda5b3]:nth-of-type(3){display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:20px;padding-right:50px;position:absolute;right:0;top:0;width:33.33%;z-index:1}img[data-v-10bda5b3]{height:100%}.custom-item img[data-v-10bda5b3]{width:80%}h4[data-v-10bda5b3]{font-weight:700;margin-bottom:20px}.row[data-v-10bda5b3]{margin:10px 0}.custom-item[data-v-10bda5b3],.row[data-v-10bda5b3]{align-items:center;display:flex;justify-content:center}.custom-item[data-v-10bda5b3]{background:none;border:none;color:inherit;cursor:pointer;flex:0 0 auto;flex-direction:column;font-size:inherit;padding:5px;width:25%}#displayCanvas[data-v-10bda5b3]{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;transform:scaleX(-1);width:100%}.hidden-video[data-v-10bda5b3]{display:none}.error-overlay[data-v-10bda5b3],.loading-overlay[data-v-10bda5b3]{align-items:center;background:#000000d9;color:#f4f1e8;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:10}.error-overlay .error-icon[data-v-10bda5b3],.loading-overlay .camera-icon[data-v-10bda5b3]{font-size:2.5rem;margin-bottom:10px}.error-overlay .error-icon[data-v-10bda5b3]{color:#ff6b6b}.vintage-loader[data-v-10bda5b3]{margin-bottom:15px;text-align:center}.loader-film[data-v-10bda5b3]{animation:filmRoll-10bda5b3 1s linear infinite;background:repeating-linear-gradient(90deg,tan,tan 3px,transparent 0,transparent 6px);border:1px solid tan;border-radius:3px;height:30px;margin:0 auto 8px;width:50px}@keyframes filmRoll-10bda5b3{0%{background-position-x:0}to{background-position-x:6px}}.error-text[data-v-10bda5b3]{color:#ffbaba;font-family:Crimson Text,serif;font-size:1rem;font-style:italic;margin:0 0 8px}.no-live-view-placeholder[data-v-10bda5b3]{align-items:center;background-color:#000c;color:#fff;display:flex;flex-direction:column;font-size:1.5em;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:2}.no-live-view-placeholder i[data-v-10bda5b3]{font-size:2em;margin-bottom:10px}.overlay-container[data-v-c7a4f034]{align-items:center;background:#efe7da;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}svg[data-v-c7a4f034]{animation:rotate4-c7a4f034 2s linear infinite;transform-origin:center;width:5.25em}circle[data-v-c7a4f034]{fill:none;stroke:#fc9331;stroke-width:5;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4-c7a4f034 1.5s ease-in-out infinite}@keyframes rotate4-c7a4f034{to{transform:rotate(1turn)}}@keyframes dash4-c7a4f034{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.vintage-photobooth[data-v-f4375b57]{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.live-view-container[data-v-f4375b57],.vintage-photobooth[data-v-f4375b57]{background:#000;overflow:hidden;position:relative}.aspect-4x3[data-v-f4375b57]{aspect-ratio:4/3;height:100vh;width:133.33333vh}.aspect-3x4[data-v-f4375b57]{aspect-ratio:3/4;height:100vh;width:75vh}.aspect-square[data-v-f4375b57]{aspect-ratio:2/1.8;height:100vh;width:100vh}.live-preview[data-v-f4375b57]{display:block;filter:contrast(1) brightness(1.5);height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);transition:filter .15s ease-out;width:100%}.hidden-canvas[data-v-f4375b57]{display:none}.countdown-corner[data-v-f4375b57]{align-items:center;background:#000000b3;border:3px solid #fff;border-radius:50%;display:flex;height:80px;justify-content:center;position:absolute;right:30px;top:30px;width:80px;z-index:20}.countdown-corner .countdown-number[data-v-f4375b57]{color:#fff;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.connecting-display[data-v-f4375b57],.error-display[data-v-f4375b57],.standby-display[data-v-f4375b57]{align-items:center;background:#000c;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:10}.connecting-display .camera-icon[data-v-f4375b57],.error-display .error-icon[data-v-f4375b57],.standby-display .camera-icon[data-v-f4375b57]{font-size:2.5rem;margin-bottom:10px}.error-display .error-icon[data-v-f4375b57]{color:#ff6b6b}.vintage-loader[data-v-f4375b57]{margin-bottom:15px;text-align:center}.loader-film[data-v-f4375b57]{animation:filmRoll-f4375b57 1s linear infinite;background:repeating-linear-gradient(90deg,tan,tan 3px,transparent 0,transparent 6px);border:1px solid tan;border-radius:3px;height:30px;margin:0 auto 8px;width:50px}@keyframes filmRoll-f4375b57{0%{background-position-x:0}to{background-position-x:6px}}.error-text[data-v-f4375b57],.loading-text[data-v-f4375b57],.standby-text[data-v-f4375b57]{font-family:Crimson Text,serif;font-size:1rem;font-style:italic;margin:0 0 8px}.error-text[data-v-f4375b57]{color:#ffbaba}.retry-button[data-v-f4375b57]{background:linear-gradient(145deg,#8b4513,sienna);border:1px solid #6b3510;border-radius:4px;color:#f4f1e8;cursor:pointer;font-family:Crimson Text,serif;font-size:1rem;padding:10px 20px}.retry-button[data-v-f4375b57]:hover{background:linear-gradient(145deg,sienna,#8b4513)}.capture-flash[data-v-f4375b57]{animation:flash-f4375b57 .2s ease-out forwards;background:#fffc;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}@keyframes flash-f4375b57{to{opacity:1}}@media (max-width:768px){.countdown-corner[data-v-f4375b57]{height:60px;right:20px;top:20px;width:60px}.countdown-corner .countdown-number[data-v-f4375b57]{font-size:1.5rem}}@media (orientation:portrait){.aspect-4x3[data-v-f4375b57]{height:100vh;max-width:100vw;width:133.33333vh}.aspect-3x4[data-v-f4375b57]{height:100vh;width:75vh}.aspect-square[data-v-f4375b57]{height:100vh;max-width:100vw;width:100vh}}.container-custom[data-v-bb6e928f]{background:#efe7da;display:flex;flex-direction:column;height:100vh;margin:0;overflow-y:auto;width:100vw}.columns[data-v-bb6e928f]{display:flex;flex-grow:1;margin:0}.column[data-v-bb6e928f]{display:flex;flex-direction:column;padding:30px}.column.is-4[data-v-bb6e928f]{align-items:flex-start;flex:0 0 33.3333%;font-size:18px;padding-left:50px;position:relative;width:33.3333%}.column.is-8[data-v-bb6e928f]{align-items:center;flex:1 1 66.6666%;justify-content:flex-start;padding:20px;width:66.6666%}.image-display-grid[data-v-bb6e928f]{align-items:flex-start;display:flex;justify-content:center;min-height:300px;position:relative;width:100%}.processed-images-grid[data-v-bb6e928f]{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:calc(100vh - 200px);overflow-y:auto;padding:10px;width:100%}.processed-image-item[data-v-bb6e928f]{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;padding:5px}.processed-image-item img[data-v-bb6e928f]{aspect-ratio:1/1;border-radius:4px;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}h4[data-v-bb6e928f]{color:#333;font-size:1.8em;font-weight:700;margin-bottom:25px}p[data-v-bb6e928f]{line-height:1.6;margin-bottom:15px}.processing-status[data-v-bb6e928f]{font-size:1.1em;margin-top:20px;min-height:30px}.processing-status p[data-v-bb6e928f]{margin-bottom:5px}.actions[data-v-bb6e928f]{display:flex;flex-direction:column;gap:20px;margin-top:40px;max-width:350px;width:90%}.actions button[data-v-bb6e928f]{background-color:#f39c12;border:none;border-radius:8px;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:15px 30px;text-align:center;transition:background-color .3s,box-shadow .3s,transform .1s}.actions button[data-v-bb6e928f]:hover:not(:disabled){background-color:#e67e22}.actions button[data-v-bb6e928f]:disabled{background-color:#bdc3c7;box-shadow:none;color:#7f8c8d;cursor:not-allowed;transform:none}.error-message[data-v-bb6e928f]{color:#e74c3c;font-weight:500;margin-top:10px}.error-message[data-v-bb6e928f],.loading-message[data-v-bb6e928f]{font-size:16px;text-align:left;width:100%}.loading-message[data-v-bb6e928f]{color:#3498db}.placeholder-grid[data-v-bb6e928f]{align-self:center;color:#95a5a6;flex-grow:1;font-size:20px;padding:20px;text-align:center}.placeholder-loading[data-v-bb6e928f]{align-items:center;color:#3498db;display:flex;font-size:1.2em;height:200px;justify-content:center;width:100%}@media (max-width:768px){.columns[data-v-bb6e928f]{flex-direction:column;height:auto}.column.is-4[data-v-bb6e928f],.column.is-8[data-v-bb6e928f]{flex-basis:auto;height:auto;overflow-y:visible;padding:20px;width:100%}.column.is-4[data-v-bb6e928f]{align-items:center;order:1;padding-left:20px;padding-right:20px;text-align:center}.column.is-8[data-v-bb6e928f]{min-height:40vh;order:2}.actions[data-v-bb6e928f]{align-items:center;margin-left:auto;margin-right:auto;max-width:400px;width:100%}.processed-images-grid[data-v-bb6e928f]{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:60vh;padding:8px}.processed-image-item img[data-v-bb6e928f]{aspect-ratio:1/1}.processed-image-item[data-v-bb6e928f]{padding:3px}}.display-container[data-v-8db635ca]{box-sizing:border-box;flex-direction:column;height:900px;width:300px}.display-container[data-v-8db635ca],.logo[data-v-8db635ca]{align-items:center;display:flex}.logo[data-v-8db635ca]{height:80px;justify-content:center;width:100%}.frame-logo[data-v-8db635ca]{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-container[data-v-8db635ca]{display:grid;gap:15px;grid-template-columns:repeat(1,270px);padding:15px}.img-box[data-v-8db635ca],.main-container[data-v-8db635ca]{box-sizing:border-box;justify-content:center;position:relative}.img-box[data-v-8db635ca]{align-items:center;aspect-ratio:6/4;background:#f5f5f5;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;z-index:2}.img-box img[data-v-8db635ca]{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.overlay[data-v-8db635ca]{bottom:20px;left:25px;mix-blend-mode:overlay;position:absolute;right:25px;top:40px;transition:background-color .4s ease;z-index:3}.img-box.empty[data-v-8db635ca]{align-items:center;border-radius:10px;color:#888;display:flex;font-size:14px;font-style:italic;justify-content:center}.display-container[data-v-04354155]{box-sizing:border-box;height:300px;width:900px}.display-container[data-v-04354155],.logo[data-v-04354155]{align-items:center;display:flex}.logo[data-v-04354155]{height:100px;justify-content:center;margin-right:20px;width:100px}.frame-logo[data-v-04354155]{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-container[data-v-04354155]{display:grid;gap:15px;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(1,270px);padding:15px}.img-box[data-v-04354155],.main-container[data-v-04354155]{box-sizing:border-box;justify-content:center;position:relative}.img-box[data-v-04354155]{align-items:center;aspect-ratio:4/6;background:#f5f5f5;border-radius:10px;display:flex;overflow:hidden;z-index:2}.img-box img[data-v-04354155]{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.overlay[data-v-04354155]{bottom:15px;left:15px;mix-blend-mode:overlay;position:absolute;right:15px;top:15px;transition:background-color .4s ease;z-index:3}.img-box.empty[data-v-04354155]{align-items:center;border-radius:10px;color:#888;display:flex;font-size:14px;font-style:italic;justify-content:center}.display-container[data-v-ad7d6737]{box-sizing:border-box;flex-direction:column;height:900px;width:600px}.display-container[data-v-ad7d6737],.logo[data-v-ad7d6737]{align-items:center;display:flex}.logo[data-v-ad7d6737]{height:100px;justify-content:center;width:100%}.frame-logo[data-v-ad7d6737]{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-container[data-v-ad7d6737]{display:grid;gap:15px;grid-template-columns:repeat(2,277.5px);grid-template-rows:repeat(2,auto);padding:15px}.img-box[data-v-ad7d6737],.main-container[data-v-ad7d6737]{box-sizing:border-box;justify-content:center;position:relative}.img-box[data-v-ad7d6737]{align-items:center;aspect-ratio:3/4;background:#f5f5f5;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;z-index:2}.img-box img[data-v-ad7d6737]{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.overlay[data-v-ad7d6737]{bottom:20px;left:25px;mix-blend-mode:overlay;position:absolute;right:25px;top:40px;transition:background-color .4s ease;z-index:3}.img-box.empty[data-v-ad7d6737]{align-items:center;border-radius:10px;color:#0ff;display:flex;font-size:14px;font-style:italic;justify-content:center}.display-container[data-v-2d7823e0]{box-sizing:border-box;flex-direction:column;height:900px;width:600px}.display-container[data-v-2d7823e0],.logo[data-v-2d7823e0]{align-items:center;display:flex}.logo[data-v-2d7823e0]{height:70px;justify-content:center;width:100%}.frame-logo[data-v-2d7823e0]{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-container[data-v-2d7823e0]{display:grid;gap:20px;grid-template-columns:repeat(2,265px);grid-template-rows:repeat(3,auto);padding:115px 20px 20px}.img-box[data-v-2d7823e0],.main-container[data-v-2d7823e0]{box-sizing:border-box;justify-content:center;position:relative}.img-box[data-v-2d7823e0]{align-items:center;aspect-ratio:2/1.8;background:#f5f5f5;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;z-index:2}.img-box img[data-v-2d7823e0]{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.overlay[data-v-2d7823e0]{bottom:15px;left:25px;mix-blend-mode:overlay;position:absolute;right:25px;top:40px;transition:background-color .4s ease;z-index:3}.img-box.empty[data-v-2d7823e0]{align-items:center;border-radius:10px;color:#888;display:flex;font-size:14px;font-style:italic;justify-content:center}.frame-display[data-v-0b15fd2e]{justify-content:center;min-height:100%;overflow:hidden;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.frame-and-logo-container[data-v-0b15fd2e],.frame-display[data-v-0b15fd2e]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.frame-and-logo-container[data-v-0b15fd2e]{flex-shrink:0;max-height:100%;max-width:100%;z-index:0}.base-frame[data-v-0b15fd2e]{height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;z-index:1}.frame-overlay[data-v-0b15fd2e]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.img-box[data-v-0b15fd2e]{align-items:center;background-color:#fff;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-box[data-v-0b15fd2e],.img-box img[data-v-0b15fd2e]{height:100%;position:relative;width:100%;z-index:2}.img-box img[data-v-0b15fd2e]{display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:filter .4s ease}.img-box.empty[data-v-0b15fd2e]{align-items:center;color:#888;display:flex;font-size:.9em;justify-content:center;overflow:hidden;text-align:center;transition:background-color .4s ease}.emoji-overlay-container[data-v-0b15fd2e]{border:none!important;bottom:0!important;box-sizing:border-box!important;flex-grow:0!important;flex-shrink:0!important;height:100%!important;left:0!important;margin:0!important;max-height:100%!important;max-width:100%!important;min-height:100%!important;min-width:100%!important;overflow:hidden!important;padding:0!important;pointer-events:none;position:absolute!important;right:0!important;top:0!important;transform:none!important;width:100%!important;z-index:10}.emoji-draggable[data-v-0b15fd2e]{border:none!important;touch-action:none;z-index:999}.emoji-draggable[data-v-0b15fd2e],.emoji-overlay-container .vdr[data-v-0b15fd2e]{pointer-events:auto}.draggable-emoji-display[data-v-0b15fd2e],.draggable-item-container[data-v-0b15fd2e]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.draggable-emoji-display[data-v-0b15fd2e]{cursor:grab}.draggable-emoji-display[data-v-0b15fd2e]:active{cursor:grabbing}.draggable-image-display[data-v-0b15fd2e]{cursor:grab;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.draggable-image-display[data-v-0b15fd2e]:active{cursor:grabbing}.vdr .vdr-handle[data-v-0b15fd2e]{border:none!important;display:none!important}.vdr[data-v-0b15fd2e]{border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container-count[data-v-02b3795b]{align-items:center;background:#efe7da;flex-direction:column;font-size:18px;margin:0;min-height:100vh;padding:4% 2% 0}.columns[data-v-02b3795b],.container-count[data-v-02b3795b]{box-sizing:border-box;display:flex;gap:20px;width:100%}.columns[data-v-02b3795b]{align-items:stretch;flex-direction:row;height:calc(100% - 60px);justify-content:center}.column[data-v-02b3795b]{align-items:center;border-radius:15px;box-shadow:0 4px 15px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:15px}.image-selection-column[data-v-02b3795b]{flex:1;min-width:200px}.frame-column[data-v-02b3795b]{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:0}.style-selection-column[data-v-02b3795b]{flex:1;min-width:200px}.column>h2[data-v-02b3795b],.column>p[data-v-02b3795b]{color:#424242;flex-shrink:0;font-size:1.2em;margin-bottom:15px;margin-top:0;text-align:center;width:100%}.list-img[data-v-02b3795b]{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:15px;justify-content:center;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch;max-height:900px;overscroll-behavior:contain;padding:0 0 15px;scroll-behavior:smooth}.img-box-left[data-v-02b3795b]{box-sizing:border-box;cursor:pointer;flex-basis:calc(50% - 7.5px);flex-grow:0;flex-shrink:0;margin:0;max-width:200px;padding:0;position:relative;text-align:center}.aspect-ratio-box[data-v-02b3795b]{background-color:#eee;border-radius:4px;box-shadow:0 1px 3px #0003;height:0;overflow:hidden;position:relative;width:100%}.aspect-ratio-box>button[data-v-02b3795b]{background:none;border:none;cursor:pointer;padding:0}.aspect-ratio-box img[data-v-02b3795b],.aspect-ratio-box>button[data-v-02b3795b]{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.aspect-ratio-box img[data-v-02b3795b]{border:3px solid transparent;box-sizing:border-box;max-height:none;-o-object-fit:cover;object-fit:cover;transition:border-color .2s ease}.img-box-left:hover .aspect-ratio-box img[data-v-02b3795b]{border-color:#b0bec5}.picked .aspect-ratio-box img[data-v-02b3795b]{border-color:#03a9f4!important}.photo-number-overlay[data-v-02b3795b]{background:#03a9f4;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;font-size:14px;font-weight:700;height:24px;pointer-events:none;position:absolute;right:5px;top:5px;width:24px;z-index:2}.frame[data-v-02b3795b],.photo-number-overlay[data-v-02b3795b]{align-items:center;display:flex;justify-content:center}.frame[data-v-02b3795b]{box-sizing:border-box;height:-moz-fit-content;height:fit-content;padding:10px;width:-moz-fit-content;width:fit-content}.frame[data-v-02b3795b]>:first-child{height:100%;width:100%}.selection-section[data-v-02b3795b]{display:flex;flex-direction:column;gap:15px;transition:all .3s ease;width:100%}.background-image-section[data-v-02b3795b]{flex-grow:1}.selection-section[data-v-02b3795b]:hover{transform:translateY(-2px)}.selection-section h2[data-v-02b3795b]{color:#333;font-size:1.4em;font-weight:700;margin:0;padding-bottom:8px;position:relative;text-align:center;width:100%}.selection-section h2[data-v-02b3795b]:after{background:#4caf50;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:50px}.selection-list[data-v-02b3795b]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;overflow-y:auto;padding:5px;width:100%}.background-image-list[data-v-02b3795b]{max-height:800px}.selection-item[data-v-02b3795b]{box-sizing:border-box;cursor:pointer;flex-basis:calc(50% - 5px);flex-grow:0;flex-shrink:0;margin:0;max-width:200px;padding:0;position:relative;text-align:center}.background-image-item[data-v-02b3795b]{border:2px solid #ddd;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.background-image-item[data-v-02b3795b]:hover{border-color:#a0a0a0;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.background-image-item.is-selected[data-v-02b3795b]{border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.image-preview[data-v-02b3795b]{padding-top:152%;position:relative;width:100%}.image-preview img[data-v-02b3795b]{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:1200px){.columns[data-v-02b3795b]{align-items:center;flex-direction:column;gap:20px;justify-content:flex-start}.frame-column[data-v-02b3795b],.image-selection-column[data-v-02b3795b],.style-selection-column[data-v-02b3795b]{min-width:0;width:100%}.frame-column[data-v-02b3795b]{padding:15px}.background-image-list[data-v-02b3795b]{max-height:250px}}@media (max-width:768px){.container-count[data-v-02b3795b]{padding:10px}.selection-item[data-v-02b3795b]{flex-basis:calc(50% - 5px);max-width:none}}.page-container[data-v-343a38d9]{display:flex;flex-direction:column;min-height:100vh;width:100%}.button.is-dark[data-v-343a38d9]{border-radius:50px;bottom:10px;height:40px;position:absolute;width:125px;z-index:999}.right-btn[data-v-343a38d9]{right:100px}.container-count[data-v-343a38d9]{align-items:center;background:#efe7da;box-sizing:border-box;display:flex;flex-direction:column;font-size:18px;gap:20px;margin:0;min-height:100vh;padding:4% 2% 0;width:100%}.completion-button[data-v-343a38d9]:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.completion-button[data-v-343a38d9]:disabled{background:#ccc;box-shadow:0 2px 4px #0000001a;cursor:not-allowed;transform:none}.columns[data-v-343a38d9]{align-items:stretch;flex-direction:row;gap:20px;height:100%;justify-content:center;width:100%}.column[data-v-343a38d9],.columns[data-v-343a38d9]{box-sizing:border-box;display:flex}.column[data-v-343a38d9]{align-items:center;border-radius:15px;box-shadow:0 4px 15px #0000000d;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:15px}.theme-selection-column[data-v-343a38d9]{flex:1;min-width:200px}.frame-column[data-v-343a38d9]{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:0}.icon-selection-column[data-v-343a38d9]{flex:1;min-width:200px}.column>h2[data-v-343a38d9],.column>p[data-v-343a38d9]{color:#424242;flex-shrink:0;font-size:1.2em;margin-bottom:15px;margin-top:0;text-align:center;width:100%}.selection-section[data-v-343a38d9]{display:flex;flex-direction:column;gap:15px;transition:all .3s ease;width:100%}.icon-section[data-v-343a38d9]{flex-grow:1}.selection-section[data-v-343a38d9]:hover{transform:translateY(-2px)}.selection-section h2[data-v-343a38d9]{color:#333;font-size:1.4em;font-weight:700;margin:0;padding-bottom:8px;position:relative;text-align:center;width:100%}.selection-section h2[data-v-343a38d9]:after{background:#4caf50;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:50px}.selection-list[data-v-343a38d9]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;overflow-y:auto;padding:5px;width:100%}.icon-list[data-v-343a38d9],.theme-list[data-v-343a38d9]{max-height:900px}.selection-item[data-v-343a38d9]{align-items:center;background:#fff;border:2px solid #ddd;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;font-size:.9em;justify-content:center;min-width:100px;padding:8px 12px;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selection-item[data-v-343a38d9]:hover{border-color:#a0a0a0;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.selection-item.is-selected[data-v-343a38d9]{border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.theme-item[data-v-343a38d9]{box-shadow:0 3px 10px #0000000d;flex-shrink:0;font-weight:600;height:200px;width:200px}.theme-item span[data-v-343a38d9]{background:#ffffffb3;border-radius:4px;font-size:1.5em;padding:4px 8px}.theme-item:hover span[data-v-343a38d9]{background:#ffffffe6}.icon-item[data-v-343a38d9]{height:150px;padding:5px;width:150px}.icon-item[data-v-343a38d9]:hover{background:#eee}.icon-item[data-v-343a38d9]:active{box-shadow:1px 1px 3px #0003;transform:scale(.95)}.icon-display[data-v-343a38d9]{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.delete-button[data-v-343a38d9]{align-items:center;background:#f44!important;color:#fff!important;display:flex;flex-direction:column;gap:5px;justify-content:center;transition:all .3s ease}.delete-button[data-v-343a38d9]:hover:not(.disabled){background:#c00!important;transform:scale(1.05)}.delete-button[data-v-343a38d9]:active:not(.disabled){box-shadow:1px 1px 3px #0000004d;transform:scale(.95)}.delete-button.disabled[data-v-343a38d9]{background:#ccc!important;color:#666!important;cursor:not-allowed!important;opacity:.6}.delete-button.disabled[data-v-343a38d9]:hover{box-shadow:none!important;transform:none!important}.delete-icon[data-v-343a38d9]{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.delete-icon svg[data-v-343a38d9]{height:24px;width:24px}.delete-text[data-v-343a38d9]{font-size:12px;font-weight:700;text-align:center}.frame[data-v-343a38d9]{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding:0;width:-moz-fit-content;width:fit-content}.frame[data-v-343a38d9]>:first-child{border:none;height:100%;margin:0;padding:0;width:100%}.spinner[data-v-343a38d9]{animation:spin-343a38d9 1s ease-in-out infinite;border:4px solid rgba(76,175,80,.3);border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:15px;width:40px}.message[data-v-343a38d9]{align-items:center;background:#fffc;box-sizing:border-box;color:#555;flex-direction:column;font-size:18px;height:100%;padding:20px;text-align:center;width:100%}.export-controls[data-v-343a38d9],.message[data-v-343a38d9]{display:flex;justify-content:center}.export-controls[data-v-343a38d9]{flex-wrap:wrap;gap:10px;margin-bottom:20px;margin-top:20px}.export-button[data-v-343a38d9]{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:150px;padding:10px 15px}.export-button[data-v-343a38d9]:hover{background-color:#45a049}.export-button[data-v-343a38d9]:disabled{background-color:#ccc;cursor:not-allowed}.spinner-small[data-v-343a38d9]{animation:spin-343a38d9 1s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}@media (max-width:1200px){.columns[data-v-343a38d9]{align-items:center;flex-direction:column;gap:20px;justify-content:flex-start}.frame-column[data-v-343a38d9],.icon-selection-column[data-v-343a38d9],.theme-selection-column[data-v-343a38d9]{min-width:0;width:100%}.frame-column[data-v-343a38d9]{padding:15px}.icon-list[data-v-343a38d9],.theme-list[data-v-343a38d9]{max-height:250px}}@media (max-width:768px){.container-count[data-v-343a38d9]{padding:10px}.selection-item[data-v-343a38d9]{min-width:80px}.theme-item[data-v-343a38d9]{height:80px;width:80px}.icon-item[data-v-343a38d9]{height:90px;width:90px}}.frame-with-icons-container[data-v-343a38d9]{height:100%;position:relative;width:100%}.icon-overlay-layer[data-v-343a38d9]{left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:10}.draggable-icon[data-v-343a38d9]{border:2px solid transparent;border-radius:8px;cursor:move;pointer-events:auto;position:absolute;transition:border-color .2s ease;z-index:999}.draggable-icon[data-v-343a38d9],.icon-image[data-v-343a38d9]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-image[data-v-343a38d9]{border-radius:6px;-o-object-fit:contain;object-fit:contain}.icon-emoji[data-v-343a38d9],.icon-image[data-v-343a38d9]{height:100%;pointer-events:none;width:100%}.icon-emoji[data-v-343a38d9]{font-size:.8em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.completion-status[data-v-343a38d9],.icon-emoji[data-v-343a38d9]{align-items:center;display:flex;justify-content:center}.completion-status[data-v-343a38d9]{background:#4caf501a;border:2px solid #4caf50;border-radius:8px;color:#2e7d32;flex-direction:column;font-size:16px;font-weight:700;margin:10px 0;padding:15px;text-align:center}@keyframes spin-343a38d9{to{transform:rotate(1turn)}}.page-container[data-v-8d7f5207]{background:#efe7da;display:flex;flex-direction:column;min-height:100vh;padding:20px}.content[data-v-8d7f5207]{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:1200px;width:100%}.title[data-v-8d7f5207]{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:40px;text-align:center}.preview-section[data-v-8d7f5207]{align-items:flex-start;gap:40px;width:100%}.image-preview[data-v-8d7f5207],.preview-section[data-v-8d7f5207]{display:flex;justify-content:center}.image-preview[data-v-8d7f5207]{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1;max-width:600px;min-height:400px;padding:20px}.preview-image[data-v-8d7f5207]{border-radius:15px;box-shadow:0 5px 20px #00000026;height:auto;max-height:900px;max-width:100%;width:auto}.error-state[data-v-8d7f5207],.loading-state[data-v-8d7f5207]{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px;text-align:center}.spinner[data-v-8d7f5207]{animation:spin-8d7f5207 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.qr-section[data-v-8d7f5207]{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:0 0 300px;flex-direction:column;gap:20px;padding:30px}.qr-container[data-v-8d7f5207],.qr-section[data-v-8d7f5207]{align-items:center;display:flex}.qr-container[data-v-8d7f5207]{background:#f8f9fa;border-radius:15px;justify-content:center;min-height:240px;min-width:240px;padding:20px}.qr-code[data-v-8d7f5207]{border-radius:10px}.qr-loading[data-v-8d7f5207]{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px}.qr-instruction[data-v-8d7f5207]{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.5;text-align:center}@keyframes spin-8d7f5207{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.preview-section[data-v-8d7f5207]{flex-direction:column;gap:30px}.qr-section[data-v-8d7f5207]{flex:none;max-width:400px;width:100%}.title[data-v-8d7f5207]{font-size:1.5rem;margin-bottom:30px}.page-container[data-v-8d7f5207]{padding:15px}}