<style>body{font-family:Inter,sans-serif;background-color:#f8fafc;color:#1f2937}.app-container{display:flex;min-height:100vh;gap:0}.sidebar{width:280px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-right:2px solid #e2e8f0;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1rem;box-shadow:2px 0 10px rgba(0,0,0,.05);z-index:1000;transition:transform .3s ease,width .3s ease}.sidebar.collapsed{transform:translateX(-280px)}.main-content-wrapper{margin-left:280px;flex:1;padding:2rem;width:calc(100% - 280px);transition:margin-left .3s ease,width .3s ease}.main-content-wrapper.expanded{margin-left:0;width:100%}.toggle-sidebar-btn{position:fixed;left:290px;top:1.5rem;z-index:1001;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;color:#64748b}.toggle-sidebar-btn:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 4px 12px rgba(14,165,233,.3)}.toggle-sidebar-btn.collapsed{left:10px}.toggle-sidebar-btn i{transition:transform .3s ease}.toggle-sidebar-btn.collapsed i{transform:rotate(180deg)}.main-tab-btn{background-color:transparent;color:#64748b;border-left:3px solid transparent;transition:all .3s ease;width:100%;text-align:left;padding:.875rem 1rem;margin:.25rem 0;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.main-tab-btn:hover{background-color:#f1f5f9;color:#0ea5e9;transform:translateX(4px)}.main-tab-btn.active{color:#0ea5e9;background-color:#e0f2fe;border-left-color:#0ea5e9;font-weight:600}.main-tab-btn i{font-size:1.1rem;width:20px;text-align:center}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#0284c7}@media (max-width:768px){.sidebar{width:70px;padding:1rem .5rem}.sidebar.collapsed{transform:translateX(-70px)}.main-content-wrapper{margin-left:70px;width:calc(100% - 70px);padding:1rem}.main-tab-btn{padding:.75rem .5rem;justify-content:center;font-size:0}.main-tab-btn i{font-size:1.25rem;margin:0}.main-tab-btn .btn-text{display:none}.toggle-sidebar-btn{left:80px;top:1rem;width:36px;height:36px}.toggle-sidebar-btn.collapsed{left:10px}.sidebar .text-center h1{font-size:0;height:0;margin:0}.sidebar .text-center p{display:none}.sidebar .border-b-2{border:none;padding:0;margin-bottom:1rem}}#content-miniature{font-family:Poppins,sans-serif;background-color:#eef2ff;color:#1e3a8a;background-image:radial-gradient(#a5b4fc 1px,transparent 1px);background-size:20px 20px;padding:2rem;border-radius:1rem}#content-miniature .container{max-width:1200px;margin:auto}#content-miniature .glassmorphism{background:rgba(224,231,255,.5);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}#content-miniature .loader{border:5px solid #f0f0f0;border-top:5px solid #4f46e5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#content-miniature .image-uploader-box{border:2px dashed #a5b4fc}#content-miniature .image-uploader-box:hover{background-color:rgba(224,231,255,.5)}#content-miniature textarea{background-color:rgba(255,255,255,.5);border:2px solid #a5b4fc}#content-miniature textarea:focus{outline:0;border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.3)}#content-miniature .orientation-btn{background-color:#fff;border:2px solid #e0e7ff}#content-miniature .orientation-btn.selected{background-color:#4f46e5;color:#fff;border-color:#4338ca}#content-miniature .ratio-btn-mini{background-color:#fff;border:2px solid #e0e7ff;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-miniature .ratio-btn-mini:hover{border-color:#4f46e5;background-color:rgba(224,231,255,.5)}#content-miniature .ratio-btn-mini.selected{background-color:#4f46e5;color:#fff;border-color:#4338ca;box-shadow:0 4px 12px rgba(79,70,229,.3)}#content-halu{font-family:Inter,sans-serif;background-color:#fdf2f8;color:#374151;padding:2rem;border-radius:1rem;position:relative;overflow:hidden}#content-halu .card{background-color:#fff;border:1px solid #fbcfe8;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}#content-halu .btn-primary{background-color:#ec4899;color:#fff}#content-halu .btn-primary:hover{background-color:#db2777;box-shadow:0 0 15px #ec4899}#content-halu .loader{border:3px solid rgba(236,72,153,.5);border-left-color:#db2777;animation:spin 1s linear infinite}#content-halu .file-input-label{border:2px dashed #f9a8d4;background-color:#fff;padding:2rem;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}#content-halu .file-input-label:hover{border-color:#ec4899;background-color:#fff1f7;box-shadow:0 0 15px rgba(236,72,153,.4);transform:translateY(-2px)}#content-halu .b-roll-card:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(236,72,153,.5)}#content-halu .hearts-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#content-halu .heart{position:absolute;width:20px;height:20px;background-color:#ec4899;transform:rotate(-45deg);animation:fly 10s linear infinite;bottom:-50px}#content-halu .heart::after,#content-halu .heart::before{content:'';position:absolute;width:20px;height:20px;background-color:#ec4899;border-radius:50%}#content-halu .heart::before{top:-10px;left:0}#content-halu .heart::after{top:0;left:10px}@keyframes fly{0%{transform:translateY(0) rotate(-45deg) scale(.5);opacity:1}100%{transform:translateY(-120vh) rotate(-45deg) scale(1.2);opacity:0}}#content-halu .orientation-btn{background-color:#fff;border:2px solid #f9a8d4}#content-halu .orientation-btn.selected{background-color:#ec4899;color:#fff;border-color:#db2777}#content-halu .ratio-btn-halu{background-color:#fff;border:2px solid #f9a8d4;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-halu .ratio-btn-halu:hover{border-color:#ec4899;background-color:#fdf2f8}#content-halu .ratio-btn-halu.selected{background-color:#ec4899;color:#fff;border-color:#db2777;box-shadow:0 4px 12px rgba(236,72,153,.3)}#content-affiliate{font-family:Inter,sans-serif;background-color:#f0f9ff;color:#374151;padding:2rem;border-radius:1rem}#content-affiliate .card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem}#content-affiliate .tab-btn{background-color:transparent;color:#6b7280;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}#content-affiliate .tab-btn.active{color:#06b6d4;border-color:#06b6d4}#content-affiliate .btn-primary{background-color:#06b6d4;color:#fff;transition:background-color .3s}#content-affiliate .btn-primary:hover{background-color:#0891b2}#content-affiliate .btn-primary:disabled{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}#content-affiliate .loader{border:3px solid rgba(6,182,212,.5);border-left-color:#e5e7eb;width:24px;height:24px;border-radius:50%;animation:spin 1s linear infinite}#content-affiliate .tryon-loader{border-top:5px solid #06b6d4;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#content-affiliate .file-input-label{cursor:pointer;border:2px dashed #94a3b8;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .3s,background-color .3s}#content-affiliate .file-input-label:hover{border-color:#64748b;background-color:#f1f5f9}#content-affiliate .result-card{transition:transform .3s,box-shadow .3s}#content-affiliate .result-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}#content-affiliate .upload-box{border:2px dashed #94a3b8;transition:all .3s ease}#content-affiliate .upload-box.dragging{border-color:#06b6d4;background-color:#f1f5f9}#content-affiliate .orientation-btn{background-color:#fff;border:2px solid #e2e8f0}#content-affiliate .orientation-btn.selected{background-color:#06b6d4;color:#fff;border-color:#0891b2}#content-affiliate .ratio-btn-broll{background-color:#fff;border:2px solid #e2e8f0;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-affiliate .ratio-btn-broll:hover{border-color:#06b6d4;background-color:#f0f9ff}#content-affiliate .ratio-btn-broll.selected{background-color:#06b6d4;color:#fff;border-color:#0891b2;box-shadow:0 4px 12px rgba(6,182,212,.3)}#content-affiliate .theme-btn-broll{background-color:#fff;border:2px solid #e2e8f0;padding:.5rem .75rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}#content-affiliate .theme-btn-broll:hover{border-color:#06b6d4;background-color:#f0f9ff;transform:translateY(-1px)}#content-affiliate .theme-btn-broll.selected{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#0891b2;box-shadow:0 4px 12px rgba(6,182,212,.3)}#content-affiliate .theme-btn-broll i{pointer-events:none}#broll-theme-options::-webkit-scrollbar{width:8px}#broll-theme-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}#broll-theme-options::-webkit-scrollbar-thumb{background:#06b6d4;border-radius:4px}#broll-theme-options::-webkit-scrollbar-thumb:hover{background:#0891b2}#content-affiliate .upload-box img{max-height:100%;max-width:100%;object-fit:contain}#content-affiliate #poses-poseListContainer::-webkit-scrollbar{width:8px}#content-affiliate #poses-poseListContainer::-webkit-scrollbar-track{background:#e2e8f0}#content-affiliate #poses-poseListContainer::-webkit-scrollbar-thumb{background:#06b6d4;border-radius:4px}#content-family{background-color:#f0f4f8;color:#2c3e50;padding:2rem;border-radius:1rem}#content-family .file-input-wrapper{position:relative;width:120px;height:120px;background-color:#f7f9fc;border-radius:1rem;cursor:pointer;overflow:hidden;border:2px dashed #95a5a6;display:flex;justify-content:center;align-items:center;transition:all .3s ease}#content-family .file-input-wrapper:hover{border-color:#3498db;background-color:#eaf4fa}#content-family .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}#content-family .file-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#content-family .delete-btn{position:absolute;top:5px;right:5px;width:24px;height:24px;background-color:#e74c3c;color:#fff;border-radius:50%;display:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;cursor:pointer;z-index:10;transition:transform .2s ease}#content-family .file-input-wrapper.has-photo .delete-btn{display:flex}#content-family .delete-btn:hover{transform:scale(1.1)}#content-family .add-photo-btn{background-color:#d1e7dd;color:#28a745;border-radius:1rem;width:120px;height:120px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;transition:transform .2s ease,background-color .2s ease}#content-family .add-photo-btn:hover{transform:scale(1.05);background-color:#c3e6cb}#content-family .theme-btn{padding:.5rem .75rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#374151;border:1px solid #e5e7eb}#content-family .theme-btn:hover{background-color:#f0fdfa;border-color:#14b8a6;transform:translateY(-1px)}#content-family .theme-btn.active{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-color:#0d9488;box-shadow:0 2px 8px rgba(20,184,166,.3)}#content-family .spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#14b8a6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#content-family .image-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;background-color:#fff;padding:.75rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.08);animation:fadeIn .5s ease-in-out forwards;opacity:0;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}#content-family .image-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}#content-family .generated-image{width:100%;border-radius:.75rem;transition:transform .3s ease}#content-family .download-btn{width:100%;padding:.5rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(20,184,166,.3)}#content-family .download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,184,166,.4)}#content-family .modal-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}#content-family .modal-content{background:#fff;padding:2rem;border-radius:1rem;max-width:400px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}#content-family .modal-button{margin-top:1rem;padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border-radius:9999px;cursor:pointer}#content-family .option-btn-family{background-color:#fff;border:2px solid #ccfbf1;padding:.75rem;border-radius:.75rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#content-family .option-btn-family:hover{border-color:#14b8a6;background-color:#f0fdfa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,184,166,.15)}#content-family .option-btn-family.selected{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-color:#0d9488;box-shadow:0 4px 12px rgba(20,184,166,.3)}#content-virtual-tryon .option-btn-tryon{background-color:#fff;border:2px solid #d1fae5;padding:.75rem;border-radius:.75rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}#content-virtual-tryon .option-btn-tryon:hover{border-color:#14b8a6;background-color:#ecfdf5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,184,166,.15)}#content-virtual-tryon .option-btn-tryon.selected{background:linear-gradient(135deg,#14b8a6,#84cc16);color:#fff;border-color:#14b8a6;box-shadow:0 4px 12px rgba(20,184,166,.3)}#content-food-selfie .option-btn-food{background-color:#fff;border:2px solid #e0e7ff;padding:.75rem;border-radius:.75rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#content-food-selfie .option-btn-food:hover{border-color:#4f46e5;background-color:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.15)}#content-food-selfie .option-btn-food.selected{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px rgba(79,70,229,.3)}#content-food-selfie .theme-btn-food{background-color:#fff;border:2px solid #e0e7ff;padding:.75rem;border-radius:.75rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-food-selfie .theme-btn-food *{pointer-events:none}#content-food-selfie .theme-btn-food:hover{border-color:#4f46e5;background-color:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.15)}#content-food-selfie .theme-btn-food.selected{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px rgba(79,70,229,.3)}#content-food-selfie{font-family:Poppins,sans-serif;background-color:#eef2ff;color:#1e3a8a;background-image:radial-gradient(#a5b4fc 1px,transparent 1px),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><text x="10" y="30" font-family="Arial" font-size="20" fill="rgba(165, 180, 252, 0.2)">🥐</text><text x="60" y="70" font-family="Arial" font-size="20" fill="rgba(165, 180, 252, 0.2)">🍜</text></svg>'),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><text x="50" y="20" font-family="Arial" font-size="20" fill="rgba(165, 180, 252, 0.2)">🍰</text><text x="10" y="60" font-family="Arial" font-size="20" fill="rgba(165, 180, 252, 0.2)">🍕</text></svg>');background-size:20px 20px,100px 100px,80px 80px;padding:2rem;border-radius:1rem}#content-food-selfie .container{max-width:1200px;margin:auto}#content-food-selfie .glassmorphism{background:rgba(224,231,255,.5);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}#content-food-selfie .loader{border:5px solid #f0f0f0;border-top:5px solid #4f46e5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}#content-food-selfie .orientation-btn{background-color:#fff;border:2px solid #e0e7ff}#content-food-selfie .orientation-btn.selected{background-color:#4f46e5;color:#fff;border-color:#4338ca}#content-food-selfie .ratio-btn-food{background-color:#fff;border:2px solid #e0e7ff;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-food-selfie .ratio-btn-food:hover{border-color:#4f46e5;background-color:rgba(224,231,255,.5)}#content-food-selfie .ratio-btn-food.selected{background-color:#4f46e5;color:#fff;border-color:#4338ca;box-shadow:0 4px 12px rgba(79,70,229,.3)}#content-food-selfie .image-uploader-box{border:2px dashed #a5b4fc;padding:1.5rem;text-align:center;border-radius:.75rem;cursor:pointer;transition:background-color .3s ease}#content-food-selfie .image-uploader-box:hover{background-color:rgba(224,231,255,.5)}#content-food-selfie .theme-btn{background-color:#fff;border:2px solid #e0e7ff;border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center;font-size:.8rem;font-weight:500;color:#1e3a8a;box-shadow:0 2px 4px rgba(0,0,0,.05)}#content-food-selfie .theme-btn:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}#content-food-selfie .theme-btn.selected{background-color:#4f46e5;color:#fff;border-color:#4338ca;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 12px rgba(59,130,246,.3)}#content-food-selfie .theme-btn i{font-size:1.5rem;margin-bottom:4px}#food-selfie-background-upload-area{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;min-height:80px}#food-selfie-background-upload-area label{-webkit-tap-highlight-color:transparent;user-select:none}#food-selfie-remove-background{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:32px;min-height:32px}#food-selfie-custom-theme-input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#content-new-born{background-color:#f3f4f6;color:#374151}#content-new-born .custom-loader{width:50px;height:50px;border-radius:50%;background:radial-gradient(farthest-side,#766df4 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#766df4);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:newborn-loader-spin 1s infinite linear}@keyframes newborn-loader-spin{100%{transform:rotate(1turn)}}#content-new-born .option-btn-newborn{background-color:#fff;border:2px solid #e0e7ff;padding:.75rem;border-radius:.75rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#content-new-born .option-btn-newborn:hover{border-color:#6366f1;background-color:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.15)}#content-new-born .option-btn-newborn.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#4f46e5;box-shadow:0 4px 12px rgba(99,102,241,.3)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:1rem}.modal-backdrop.visible{opacity:1;pointer-events:auto}.modal-content-universal{background-color:#fff;padding:1.5rem;border-radius:.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:scale(.95);transition:transform .3s ease;display:flex;flex-direction:column}.modal-backdrop.visible .modal-content-universal{transform:scale(1)}.orientation-label:has(input:checked){border-color:#6366f1;background-color:#eef2ff}#support-button{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;transition:transform .3s ease}#support-button:hover{transform:scale(1.1)}#content-profesi-anak{background:linear-gradient(135deg,#fef3c7 0,#fde68a 50%,#fcd34d 100%);font-family:Inter,sans-serif;padding:2rem;border-radius:1rem;min-height:100vh}#content-profesi-anak .card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 50px rgba(168,85,247,.15);border:3px solid #fbbf24}.upload-box-profesi{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border:3px dashed #f59e0b;transition:all .3s ease}.upload-box-profesi:hover{border-color:#a855f7;background:linear-gradient(135deg,#fef3c7 0,#fbcfe8 100%);box-shadow:0 10px 30px rgba(245,158,11,.3);transform:translateY(-2px)}#content-profesi-anak .option-btn-profesi{background:linear-gradient(135deg,#fef3c7 0,#fed7aa 100%);border:3px solid #fb923c;padding:.75rem;border-radius:1rem;font-weight:600;transition:all .3s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#78350f;box-shadow:0 4px 10px rgba(251,146,60,.2)}#content-profesi-anak .option-btn-profesi:hover{border-color:#a855f7;background:linear-gradient(135deg,#fde68a 0,#fcd34d 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(168,85,247,.3)}#content-profesi-anak .option-btn-profesi.selected{background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);color:#fff;border-color:#9333ea;box-shadow:0 8px 25px rgba(168,85,247,.5);transform:scale(1.05)}.profesi-count-btn{transition:all .3s ease;font-weight:600}.profesi-count-btn:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(168,85,247,.3)}.profesi-count-btn.profesi-count-selected{box-shadow:0 8px 20px rgba(168,85,247,.5);transform:scale(1.05)}#content-profesi-anak h1,#content-profesi-anak h2,#content-profesi-anak h3{text-shadow:2px 2px 4px rgba(168,85,247,.1)}#content-profesi-anak #profesi-empty-state{background:#fff;border-radius:1.5rem;padding:3rem 2rem;box-shadow:0 15px 40px rgba(251,146,60,.15)}#content-profesi-anak .loader{border-top-color:#a855f7;border-right-color:#ec4899;border-bottom-color:#f59e0b}#content-profesi-anak #profesi-results-header{background:linear-gradient(135deg,#fef3c7 0,#fde68a 50%,#fbcfe8 100%);border:3px solid #fbbf24;box-shadow:0 8px 20px rgba(251,146,60,.2)}#content-desain-kamar{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 50%,#dbeafe 100%);font-family:Inter,sans-serif;padding:2rem;border-radius:1rem;min-height:100vh}#content-desain-kamar .card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 50px rgba(14,165,233,.15);border:3px solid #38bdf8}.upload-box-room{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border:3px dashed #38bdf8;transition:all .3s ease;border-radius:1rem;padding:1rem;position:relative;overflow:hidden}.upload-box-room:hover{border-color:#0ea5e9;border-style:solid;background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);box-shadow:0 10px 30px rgba(14,165,233,.2);transform:translateY(-2px)}#content-desain-kamar .option-btn-room{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border:3px solid #38bdf8;color:#075985;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 4px 10px rgba(56,189,248,.2);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-desain-kamar .option-btn-room *{pointer-events:none}#content-desain-kamar .option-btn-room::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}#content-desain-kamar .option-btn-room.selected{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);color:#fff;border-color:#0284c7;font-weight:700;box-shadow:0 8px 25px rgba(14,165,233,.5);transform:translateY(-2px)}#content-desain-kamar .option-btn-room.selected::before{width:300px;height:300px}#content-desain-kamar .option-btn-room:hover:not(.selected){border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.3)}#content-desain-kamar .option-btn-room:active{transform:scale(.98)}#content-desain-kamar .option-btn-room i,#content-desain-kamar .option-btn-room span{position:relative;z-index:1}#content-desain-kamar .room-count-btn.room-count-selected{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%)!important;color:#fff!important;border-color:#0284c7!important;font-weight:700!important;box-shadow:0 4px 12px rgba(14,165,233,.4)!important}#content-desain-kamar .empty-state{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 4px 15px rgba(14,165,233,.1)}#content-desain-kamar .results-header{background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border:2px solid #38bdf8}#content-desain-kamar .loader{border:4px solid #e0f2fe;border-top:4px solid #0ea5e9;border-radius:50%;width:48px;height:48px;animation:room-spin 1s linear infinite}@keyframes room-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#content-story-update{background-color:#f3f4f6}#content-story-update .loader{border-top-color:#3498db;-webkit-animation:story-update-spin 1s linear infinite;animation:story-update-spin 1s linear infinite}@-webkit-keyframes story-update-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes story-update-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#content-story-update .custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}#content-story-update .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-story-update .action-btn *{pointer-events:none}#content-wedding{font-family:Montserrat,sans-serif;overflow-x:hidden;background-color:#fdf2f8}#content-wedding .font-title{font-family:'Dancing Script',cursive}#content-wedding .hearts-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}#content-wedding .heart{position:absolute;bottom:-50px;font-size:2rem;color:#ff7e9f;animation:wedding-floatUp 10s linear infinite;opacity:0}@keyframes wedding-floatUp{0%{transform:translateY(0);opacity:.7}100%{transform:translateY(-100vh);opacity:0}}#content-wedding .image-preview{width:128px;height:128px;border:2px dashed #ddd;border-radius:.75rem;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center}#content-wedding .image-preview img{width:100%;height:100%;object-fit:cover}#content-wedding .image-preview-placeholder{font-size:3rem;color:#ddd}#content-wedding .generated-image-container{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}#content-wedding .generated-image-container:hover{transform:scale(1.05)}#content-wedding .generated-image-container.vertical{aspect-ratio:9/16}#content-wedding .generated-image-container.horizontal{aspect-ratio:16/9}#content-wedding .loader{border:4px solid #f3f3f3;border-top:4px solid #f472b6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#content-wedding .download-btn{position:absolute;top:8px;right:8px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;transition:opacity .3s ease;z-index:10}#content-wedding .generated-image-container:hover .download-btn{opacity:1}@media (hover:none){#content-wedding .download-btn{opacity:1}}#content-veo{background-color:#eef2ff;padding:1rem;border-radius:1rem}#content-opal{font-family:Inter,sans-serif;background-color:#f8fafc;padding:2rem}#content-opal .container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#content-voice-over{background-color:#f0f4f8;background-image:linear-gradient(to bottom right,#dbeafe,#f3f4f6);padding:1rem;border-radius:1rem}#content-voice-over .loader{display:flex;align-items:flex-end;height:32px}#content-voice-over .loader .bar{width:5px;margin:0 2px;background-color:#2563eb;border-radius:3px;animation:voice-wave 1.2s ease-in-out infinite}#content-voice-over .loader .bar:first-child{height:10px;animation-delay:0s}#content-voice-over .loader .bar:nth-child(2){height:20px;animation-delay:.1s}#content-voice-over .loader .bar:nth-child(3){height:25px;animation-delay:.2s}#content-voice-over .loader .bar:nth-child(4){height:20px;animation-delay:.3s}#content-voice-over .loader .bar:nth-child(5){height:10px;animation-delay:.4s}@keyframes voice-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(1)}}#content-voice-over .btn{font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}#content-voice-over .btn:hover{transform:scale(1.05)}#content-voice-over .btn:focus{outline:0;box-shadow:0 0 0 4px rgba(59,130,246,.5)}#content-voice-over .btn-primary{background-color:#1d4ed8;color:#fff}#content-voice-over .btn-primary:hover{background-color:#1e40af}#content-voice-over .btn-secondary{background-color:#4b5563;color:#fff}#content-voice-over .btn-secondary:hover{background-color:#374151}#content-voice-over .voice-item{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-voice-over .voice-item.selected{background-color:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #93c5fd}#content-voice-over .voice-item *{pointer-events:none}#content-voice-over .preview-btn{pointer-events:auto}#content-voice-over #vo-voice-list{-webkit-overflow-scrolling:touch}#content-voice-over .history-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-voice-over .history-btn i{pointer-events:none}#content-voice-over .preview-loader{width:16px;height:16px;border:2px solid #9ca3af;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}#content-voice-over input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#d1d5db;border-radius:5px;outline:0;transition:background .3s}#content-voice-over input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2563eb;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.2)}#content-voice-over input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#2563eb;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.2)}#content-voice-over #audio-container.playing{animation:pulse-blue 2s infinite;border-radius:.5rem}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}70%{box-shadow:0 0 0 12px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}#content-video-analyzer .glass-card{background:rgba(31,41,55,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem}#content-video-analyzer .btn-primary{background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:all .3s ease}#content-video-analyzer .btn-primary:hover{box-shadow:0 0 20px rgba(139,92,246,.6);transform:translateY(-2px)}#content-video-analyzer .btn-secondary{background-color:#374151;transition:background-color .3s ease}#content-video-analyzer .btn-secondary:hover{background-color:#4b5563}#content-video-analyzer ::-webkit-scrollbar{width:8px}#content-video-analyzer ::-webkit-scrollbar-track{background:#1f2937}#content-video-analyzer ::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}#content-video-analyzer ::-webkit-scrollbar-thumb:hover{background:#6b7280}#content-video-analyzer #video-preview{max-height:400px}#content-sticker{background-color:#f0f9ff;padding:1rem;border-radius:1rem;overflow:hidden;position:relative}#content-sticker .decorative-shape{position:absolute;opacity:.5;z-index:0}#content-sticker .shape-1{top:10%;left:5%;width:150px;height:150px;background:#a7f3d0;border-radius:50%;filter:blur(40px)}#content-sticker .shape-2{bottom:15%;right:10%;width:200px;height:200px;background:#fbcfe8;border-radius:50%;filter:blur(50px)}#content-sticker .shape-3{top:20%;right:15%;width:100px;height:100px;background:#fef08a;border-radius:50%;filter:blur(30px)}#content-sticker .main-container-sticker{position:relative;z-index:1}#content-sticker .loader-sticker{border:4px solid #f3f3f3;border-top:4px solid #38bdf8;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#content-sticker .img-preview-container{width:100%;padding-top:100%;position:relative;background-color:#e5e7eb;overflow:hidden}#content-sticker #sticker-output-area-content,#content-sticker .img-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}#content-sticker #sticker-output-area-content{display:flex;align-items:center;justify-content:center}#content-sticker #sticker-sticker-wrapper{position:absolute;cursor:move}#content-sticker #sticker-resize-handle{position:absolute;bottom:-8px;right:-8px;width:20px;height:20px;background-color:#fff;border:2px solid #f472b6;border-radius:50%;cursor:nwse-resize}#content-sticker input[type=range]{-webkit-appearance:none;width:100%;background:0 0}#content-sticker input[type=range]:focus{outline:0}#content-sticker input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#cbd5e1;border-radius:5px}#content-sticker input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:#f472b6;cursor:pointer;-webkit-appearance:none;margin-top:-6px}#content-hair-generator{background-color:#111827;color:#fff;padding:1rem;border-radius:1rem;min-height:calc(100vh - 200px)}#content-hair-generator .control-panel{background-color:rgba(3,7,18,.5);border-right:1px solid #1f2937}#content-hair-generator .hair-loader{border:4px solid #1f2937;border-top:4px solid #3b82f6;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}#content-hair-generator select{background-color:#1f2937;border:1px solid #374151;color:#fff}#content-hair-generator select:focus{ring:2px;ring-color:#3b82f6;outline:0}#content-hair-generator .gender-btn{transition:all .3s}#content-hair-generator .gender-btn.active{background-color:#2563eb;color:#fff}#content-hair-generator .image-placeholder{background-color:#1f2937;border:2px dashed #374151}#content-hair-generator .result-image{max-height:70vh;background-color:#1f2937}#content-touring{background:linear-gradient(135deg,#f97316 0,#dc2626 100%);min-height:100vh;padding:2rem 1rem}#content-touring .card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1)}#content-touring .upload-box-touring{border:3px dashed #cbd5e1;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);transition:all .3s ease}#content-touring .upload-box-touring:hover{border-color:#f97316;background:linear-gradient(135deg,#fed7aa 0,#fdba74 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,115,22,.2)}#content-touring .option-btn-touring{background-color:#fff;border:2px solid #e5e7eb;padding:.75rem 1rem;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}#content-touring .option-btn-touring::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(249,115,22,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}#content-touring .option-btn-touring:hover::before{width:300px;height:300px}#content-touring .option-btn-touring:hover{border-color:#f97316;background-color:#fff7ed;transform:translateY(-1px)}#content-touring .option-btn-touring.selected{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border-color:#dc2626;box-shadow:0 4px 12px rgba(249,115,22,.4)}#content-touring .option-btn-touring i,#content-touring .option-btn-touring span{position:relative;z-index:1;pointer-events:none}#content-touring .file-input-wrapper{position:relative;border:2px dashed #d1d5db;border-radius:.75rem;padding:1rem;background:#f9fafb;transition:all .3s;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}#content-touring .file-input-wrapper .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}#content-touring .file-input-wrapper:hover{border-color:#f97316;background:#fff7ed;transform:translateY(-2px);box-shadow:0 4px 12px rgba(249,115,22,.2)}#content-touring .file-input-wrapper.has-photo{border-color:#f97316;background:#fff}#content-touring .file-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.5rem;z-index:1}#content-touring .upload-bg-custom{border:3px dashed #cbd5e1;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);transition:all .3s ease;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}#content-touring .upload-bg-custom:hover{border-color:#f97316;background:linear-gradient(135deg,#fed7aa 0,#fdba74 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,115,22,.2)}#content-touring .upload-bg-custom.has-image{border-color:#f97316;border-style:solid;padding:0;min-height:200px}#content-touring .bg-preview-img{width:100%;height:200px;object-fit:cover;border-radius:.75rem}#content-touring .delete-btn{position:absolute;top:.5rem;right:.5rem;background:#dc2626;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s;z-index:10}#content-touring .file-input-wrapper.has-photo:hover .delete-btn{opacity:1}#content-touring .delete-btn:hover{background:#b91c1c;transform:scale(1.1)}#content-touring .btn-generate-touring{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(249,115,22,.3)}#content-touring .btn-generate-touring:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(249,115,22,.4)}#content-touring .btn-generate-touring:disabled{opacity:.5;cursor:not-allowed}#content-touring .touring-action-btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}#content-touring .touring-action-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}#content-touring .touring-action-btn i{pointer-events:none}#content-touring .touring-action-btn span{pointer-events:none}#content-pov-tangan{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:2rem;border-radius:1rem;min-height:calc(100vh - 200px)}#content-pov-tangan .card{background:rgba(255,255,255,.95);border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:2rem;color:#1f2937}#content-pov-tangan .upload-area{border:3px dashed #667eea;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}#content-pov-tangan .upload-area:hover{border-color:#764ba2;background:linear-gradient(135deg,#e0c3fc 0,#8ec5fc 100%);transform:translateY(-5px);box-shadow:0 10px 25px rgba(102,126,234,.3)}#content-pov-tangan .upload-area.has-image{padding:0;border-style:solid;border-width:3px}#content-pov-tangan .preview-image{width:100%;height:300px;object-fit:cover;border-radius:.75rem}#content-pov-tangan .btn-generate{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}#content-pov-tangan .btn-generate:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,.6)}#content-pov-tangan .btn-generate:disabled{background:#9ca3af;cursor:not-allowed;transform:none}#content-pov-tangan .ratio-btn-pov{background-color:#fff;border:2px solid #cbd5e1;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-pov-tangan .ratio-btn-pov:hover{border-color:#667eea;background-color:#eef2ff}#content-pov-tangan .ratio-btn-pov.selected{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}#content-pov-tangan .hand-count-btn-pov{background-color:#fff;border:2px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-pov-tangan .hand-count-btn-pov:hover{border-color:#667eea;background-color:#eef2ff;transform:translateY(-2px)}#content-pov-tangan .hand-count-btn-pov.selected{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}#content-pov-tangan .hand-count-btn-pov *{pointer-events:none}#content-pov-tangan .pov-loader{border:5px solid rgba(255,255,255,.3);border-top:5px solid #667eea;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}#content-pov-tangan .result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}#content-pov-tangan .result-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;position:relative}#content-pov-tangan .result-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(102,126,234,.3)}#content-pov-tangan .result-card img{width:100%;height:250px;object-fit:cover}#content-pov-tangan .download-btn-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 100%);padding:1rem;opacity:0;transition:opacity .3s ease}#content-pov-tangan .result-card:hover .download-btn-overlay{opacity:1}#content-pov-tangan .download-icon{color:#fff;font-size:1.5rem;cursor:pointer;transition:transform .2s ease}#content-pov-tangan .download-icon:hover{transform:scale(1.2)}#content-pov-tangan .image-counter{position:absolute;top:.5rem;right:.5rem;background:rgba(102,126,234,.9);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}#content-mockup-studio{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;padding:2rem 1rem}#content-mockup-studio .card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease}#content-mockup-studio .upload-area{border:3px dashed #cbd5e1;border-radius:1rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);min-height:200px;display:flex;align-items:center;justify-content:center}#content-mockup-studio .upload-area:hover{border-color:#667eea;background:linear-gradient(135deg,#eef2ff 0,#e0e7ff 100%);transform:translateY(-2px)}#content-mockup-studio .upload-area.has-image{border-color:#10b981;background:#fff}#content-mockup-studio .preview-image{max-width:100%;max-height:300px;border-radius:.75rem;object-fit:contain;box-shadow:0 4px 15px rgba(0,0,0,.1)}#content-mockup-studio .btn-generate{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-size:1.125rem;font-weight:700;padding:1rem 3rem;border-radius:9999px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px rgba(102,126,234,.4)}#content-mockup-studio .btn-generate:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,.5)}#content-mockup-studio .btn-generate:disabled{opacity:.5;cursor:not-allowed}#content-mockup-studio .ratio-btn-mockup{background-color:#fff;border:2px solid #cbd5e1;padding:.75rem;border-radius:.5rem;font-weight:500;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}#content-mockup-studio .ratio-btn-mockup:hover{border-color:#667eea;background-color:#eef2ff}#content-mockup-studio .ratio-btn-mockup.selected{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}#content-mockup-studio .pov-loader{width:60px;height:60px;border:5px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}#content-mockup-studio .result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}#content-mockup-studio .result-card{position:relative;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}#content-mockup-studio .result-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(102,126,234,.3)}#content-mockup-studio .result-card img{width:100%;height:280px;object-fit:cover}#content-mockup-studio .result-card-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0,transparent 100%);padding:1.5rem 1rem 1rem;display:flex;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}#content-mockup-studio .result-card:hover .result-card-actions{opacity:1}#content-mockup-studio .btn-preview{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;padding:.5rem 1.25rem;border-radius:9999px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 10px rgba(59,130,246,.3)}#content-mockup-studio .btn-preview:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(59,130,246,.5)}#content-mockup-studio .btn-download{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;padding:.5rem 1.25rem;border-radius:9999px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 10px rgba(16,185,129,.3)}#content-mockup-studio .btn-download:hover{transform:scale(1.05);box-shadow:0 6px 15px rgba(16,185,129,.5)}#content-mockup-studio .image-counter{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.2)}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview-modal.show{opacity:1}.image-preview-modal.closing{opacity:0}.preview-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);cursor:pointer}.preview-modal-content{position:relative;max-width:95vw;max-height:95vh;z-index:10000;display:flex;align-items:center;justify-content:center}.preview-modal-image{max-width:100%;max-height:95vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}.preview-close-btn{position:absolute;top:-3rem;right:0;background:rgba(255,255,255,.9);color:#1f2937;border:none;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10001}.preview-close-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.4)}.preview-close-btn:active{transform:scale(.95)}@media (max-width:768px){.preview-close-btn{top:1rem;right:1rem;width:3rem;height:3rem;font-size:1.5rem;background:rgba(255,255,255,.95)}.preview-modal-image{max-width:100vw;max-height:100vh;border-radius:0}.preview-modal-content{max-width:100vw;max-height:100vh}}.menu-category{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #e2e8f0}.menu-category:first-child{margin-top:0;padding-top:0;border-top:none}.menu-category-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:0 .75rem;margin-bottom:.5rem}.upload-box-passport,.upload-box-umrah{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-passport:hover,.upload-box-umrah:hover{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);box-shadow:0 10px 30px rgba(245,158,11,.2)}.option-btn-passport,.option-btn-umrah{padding:.75rem 1.25rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden}.option-btn-passport::before,.option-btn-umrah::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f59e0b 0,#fb923c 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-passport.selected,.option-btn-umrah.selected{background:linear-gradient(135deg,#fef3c7 0,#fcd34d 100%);border-color:#f59e0b;color:#d97706;font-weight:700;box-shadow:0 4px 16px rgba(245,158,11,.3);transform:translateY(-2px)}.option-btn-passport.selected::before,.option-btn-umrah.selected::before{width:300px;height:300px}.option-btn-passport:hover:not(.selected),.option-btn-umrah:hover:not(.selected){border-color:#f59e0b;background-color:#fffbeb;transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.2)}.option-btn-passport i,.option-btn-umrah i{position:relative;z-index:1}.option-btn-passport span,.option-btn-umrah span{position:relative;z-index:1}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon-passport,.loader-icon-umrah{display:inline-block;border:2px solid rgba(0,0,0,.1);border-left-color:#f59e0b;border-radius:50%;width:1rem;height:1rem;animation:spin .8s linear infinite}#umrah-file-input-area .file-input-wrapper{position:relative;aspect-ratio:3/4;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:200px}#umrah-file-input-area .file-input-wrapper:hover{border-color:#f59e0b;transform:scale(1.02);box-shadow:0 4px 12px rgba(245,158,11,.2)}#umrah-file-input-area .file-input-wrapper:active{transform:scale(.98)}#umrah-file-input-area .file-input-wrapper.has-photo{border-color:#10b981;background:#fff}#umrah-file-input-area .file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:5}#umrah-file-input-area .file-preview{width:100%;height:100%;object-fit:cover;pointer-events:none}#umrah-file-input-area .file-preview.hidden{display:none}#umrah-file-input-area .delete-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;z-index:20;transition:all .2s;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#umrah-file-input-area .file-input-wrapper:hover .delete-btn{opacity:1}#umrah-file-input-area .file-input-wrapper.has-photo .delete-btn{opacity:.9}#umrah-file-input-area .delete-btn:hover{background:#dc2626;transform:scale(1.1);opacity:1}#umrah-file-input-area .delete-btn:active{transform:scale(.95);opacity:1}@media (max-width:640px){#umrah-file-input-area .file-input-wrapper.has-photo .delete-btn{opacity:1}#umrah-file-input-area .file-input-wrapper{min-height:250px}}.upload-box-booth{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-booth:hover{border-color:#9333ea;background:linear-gradient(135deg,#f3e8ff 0,#fce7f3 100%);box-shadow:0 10px 30px rgba(147,51,234,.2)}.option-btn-booth{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem}.option-btn-booth::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#9333ea 0,#ec4899 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-booth.selected{background:linear-gradient(135deg,#f3e8ff 0,#fce7f3 100%);border-color:#9333ea;color:#7c3aed;font-weight:700;box-shadow:0 4px 16px rgba(147,51,234,.3);transform:translateY(-2px)}.option-btn-booth.selected::before{width:300px;height:300px}.option-btn-booth:hover:not(.selected){border-color:#9333ea;background-color:#faf5ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(147,51,234,.2)}.option-btn-booth i,.option-btn-booth span{position:relative;z-index:1}.upload-box-expression{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-expression:hover{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0,#e0f2fe 100%);box-shadow:0 10px 30px rgba(59,130,246,.2)}.option-btn-expression{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem}.option-btn-expression::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#3b82f6 0,#06b6d4 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-expression.selected{background:linear-gradient(135deg,#dbeafe 0,#e0f2fe 100%);border-color:#3b82f6;color:#1e40af;font-weight:700;box-shadow:0 4px 16px rgba(59,130,246,.3);transform:translateY(-2px)}.option-btn-expression.selected::before{width:300px;height:300px}.option-btn-expression:hover:not(.selected){border-color:#3b82f6;background-color:#eff6ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.2)}.option-btn-expression i,.option-btn-expression span{position:relative;z-index:1}.upload-box-headshot{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-headshot:hover{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff 0,#dbeafe 100%);box-shadow:0 10px 30px rgba(79,70,229,.2)}.option-btn-headshot{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem}.option-btn-headshot::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#4f46e5 0,#1e40af 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-headshot.selected{background:linear-gradient(135deg,#eef2ff 0,#dbeafe 100%);border-color:#4f46e5;color:#3730a3;font-weight:700;box-shadow:0 4px 16px rgba(79,70,229,.3);transform:translateY(-2px)}.option-btn-headshot.selected::before{width:300px;height:300px}.option-btn-headshot:hover:not(.selected){border-color:#4f46e5;background-color:#f5f3ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,.2)}.option-btn-headshot i,.option-btn-headshot span{position:relative;z-index:1}.upload-box-islami{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-islami:hover{border-color:#10b981;background:linear-gradient(135deg,#d1fae5 0,#a7f3d0 100%);box-shadow:0 10px 30px rgba(16,185,129,.2);transform:translateY(-2px)}.option-btn-islami{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-islami *{pointer-events:none}.option-btn-islami::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#10b981 0,#059669 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-islami.selected{background:linear-gradient(135deg,#d1fae5 0,#a7f3d0 100%);border-color:#10b981;color:#065f46;font-weight:700;box-shadow:0 4px 16px rgba(16,185,129,.3);transform:translateY(-2px)}.option-btn-islami.selected::before{width:300px;height:300px}.option-btn-islami:hover:not(.selected){border-color:#10b981;background-color:#d1fae5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.2)}.option-btn-islami:active{transform:scale(.98)}.option-btn-islami i,.option-btn-islami span{position:relative;z-index:1}.upload-box-food{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-food:hover{border-color:#f97316;background:linear-gradient(135deg,#ffedd5 0,#fef3c7 100%);box-shadow:0 10px 30px rgba(249,115,22,.2);transform:translateY(-2px)}.option-btn-food{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-food *{pointer-events:none}.option-btn-food::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f97316 0,#ea580c 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-food.selected{background:linear-gradient(135deg,#ffedd5 0,#fed7aa 100%);border-color:#f97316;color:#9a3412;font-weight:700;box-shadow:0 4px 16px rgba(249,115,22,.3);transform:translateY(-2px)}.option-btn-food.selected::before{width:300px;height:300px}.option-btn-food:hover:not(.selected){border-color:#f97316;background-color:#ffedd5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.2)}.option-btn-food:active{transform:scale(.98)}.option-btn-food i,.option-btn-food span{position:relative;z-index:1}.upload-box-banner{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-banner:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe 0,#ddd6fe 100%);box-shadow:0 10px 30px rgba(139,92,246,.2);transform:translateY(-2px)}.option-btn-banner{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-banner *{pointer-events:none}.option-btn-banner::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-banner.selected{background:linear-gradient(135deg,#ede9fe 0,#ddd6fe 100%);border-color:#8b5cf6;color:#5b21b6;font-weight:700;box-shadow:0 4px 16px rgba(139,92,246,.3);transform:translateY(-2px)}.option-btn-banner.selected::before{width:300px;height:300px}.option-btn-banner:hover:not(.selected){border-color:#8b5cf6;background-color:#ede9fe;transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.2)}.option-btn-banner:active{transform:scale(.98)}.option-btn-banner i,.option-btn-banner span{position:relative;z-index:1}#banner-size-options::-webkit-scrollbar,#banner-style-options::-webkit-scrollbar{width:6px}#banner-size-options::-webkit-scrollbar-track,#banner-style-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}#banner-size-options::-webkit-scrollbar-thumb,#banner-style-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);border-radius:10px}#banner-size-options::-webkit-scrollbar-thumb:hover,#banner-style-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed 0,#6d28d9 100%)}.story-ratio-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.story-ratio-btn *{pointer-events:none}.story-ratio-btn.story-ratio-selected{background:linear-gradient(135deg,#4f46e5 0,#6366f1 100%)!important;color:#fff!important;border-color:#4f46e5!important;font-weight:700!important;box-shadow:0 4px 12px rgba(79,70,229,.3)!important}.story-ratio-btn:hover:not(.story-ratio-selected){background-color:#e0e7ff!important;border-color:#6366f1!important}.story-ratio-btn:active{transform:scale(.98)}.theme-btn-broll{padding:.5rem .75rem;border-radius:.5rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.25rem;text-align:center;font-weight:500;font-size:.75rem;line-height:1.2;box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-btn-broll *{pointer-events:none}.theme-btn-broll i{font-size:.75rem;flex-shrink:0}.theme-btn-broll.selected{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%);border-color:#06b6d4;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(6,182,212,.3)}.theme-btn-broll:hover:not(.selected){border-color:#06b6d4;background-color:#e0f2fe;transform:translateY(-1px);box-shadow:0 4px 8px rgba(6,182,212,.2)}.theme-btn-broll:active{transform:scale(.98)}@media (max-width:640px){.theme-btn-broll{font-size:.625rem;padding:.375rem .5rem}.theme-btn-broll i{font-size:.625rem}}#broll-theme-options::-webkit-scrollbar{width:6px}#broll-theme-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}#broll-theme-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%);border-radius:10px}#broll-theme-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0891b2 0,#0e7490 100%)}#photo-booth-frame-options::-webkit-scrollbar{width:6px}#photo-booth-frame-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}#photo-booth-frame-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9333ea 0,#ec4899 100%);border-radius:10px}#photo-booth-frame-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ec4899 0,#db2777 100%)}.remove-photo-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}@media (max-width:768px){.remove-photo-btn{opacity:1!important}}@media (min-width:769px){.photo-booth-preview-item:hover .remove-photo-btn{opacity:1}}.upload-box-bgremover{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-bgremover:hover{border-color:#10b981;background:linear-gradient(135deg,#d1fae5 0,#a7f3d0 100%);box-shadow:0 10px 30px rgba(16,185,129,.2);transform:translateY(-2px)}.option-btn-bgremover{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-bgremover *{pointer-events:none}.option-btn-bgremover::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#10b981 0,#059669 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-bgremover.selected{background:linear-gradient(135deg,#d1fae5 0,#a7f3d0 100%);border-color:#10b981;color:#047857;font-weight:700;box-shadow:0 4px 16px rgba(16,185,129,.3);transform:translateY(-2px)}.option-btn-bgremover.selected::before{width:300px;height:300px}.upload-box-mirror{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-mirror:hover{border-color:#06b6d4;background:linear-gradient(135deg,#cffafe 0,#a5f3fc 100%);box-shadow:0 10px 30px rgba(6,182,212,.2);transform:translateY(-2px)}.option-btn-mirror{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-mirror *{pointer-events:none}.option-btn-mirror::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#06b6d4 0,#0284c1 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-mirror:hover{border-color:#06b6d4;color:#0e7490;transform:translateY(-2px)}.option-btn-mirror.selected{background:linear-gradient(135deg,#cffafe 0,#a5f3fc 100%);border-color:#06b6d4;color:#0e7490;font-weight:700;box-shadow:0 4px 16px rgba(6,182,212,.3);transform:translateY(-2px)}.option-btn-mirror.selected::before{width:300px;height:300px}.mirror-count-btn{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.mirror-count-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.mirror-count-btn.mirror-count-selected{background:linear-gradient(135deg,#06b6d4 0,#0284c1 100%)!important;color:#fff!important;border-color:#06b6d4!important;font-weight:700!important;box-shadow:0 4px 12px rgba(6,182,212,.3)!important}.upload-box-sketch{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-sketch:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff 0,#e9d5ff 100%);box-shadow:0 10px 30px rgba(139,92,246,.2);transform:translateY(-2px)}.option-btn-sketch{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-sketch *{pointer-events:none}.option-btn-sketch::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-sketch:hover{border-color:#8b5cf6;color:#7c3aed;transform:translateY(-2px)}.option-btn-sketch.selected{background:linear-gradient(135deg,#ede9fe 0,#ddd6fe 100%);border-color:#8b5cf6;color:#5b21b6;font-weight:700;box-shadow:0 4px 16px rgba(139,92,246,.3);transform:translateY(-2px)}.option-btn-sketch.selected::before{width:300px;height:300px}.sketch-count-btn{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.sketch-count-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.sketch-count-btn.sketch-count-selected{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%)!important;color:#fff!important;border-color:#8b5cf6!important;font-weight:700!important;box-shadow:0 4px 12px rgba(139,92,246,.3)!important}.upload-box-wedding{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-wedding:hover{border-color:#d97706;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);box-shadow:0 10px 30px rgba(217,119,6,.2);transform:translateY(-2px)}.option-btn-wedding{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-wedding *{pointer-events:none}.option-btn-wedding::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#d97706 0,#dc2626 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-wedding:hover{border-color:#d97706;color:#92400e;transform:translateY(-2px)}.option-btn-wedding.selected{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-color:#d97706;color:#92400e;font-weight:700;box-shadow:0 4px 16px rgba(217,119,6,.3);transform:translateY(-2px)}.option-btn-wedding.selected::before{width:300px;height:300px}.wedding-count-btn{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.wedding-count-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.wedding-count-btn.wedding-count-selected{background:linear-gradient(135deg,#d97706 0,#dc2626 100%)!important;color:#fff!important;border-color:#d97706!important;font-weight:700!important;box-shadow:0 4px 12px rgba(217,119,6,.3)!important}.option-btn-bgremover:hover:not(.selected){border-color:#10b981;background-color:#d1fae5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.2)}.option-btn-bgremover:active{transform:scale(.98)}.option-btn-bgremover i,.option-btn-bgremover span{position:relative;z-index:1}.upload-box-birthday{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-birthday:hover{border-color:#ec4899;background:linear-gradient(135deg,#fce7f3 0,#fbcfe8 100%);box-shadow:0 10px 30px rgba(236,72,153,.2);transform:translateY(-2px)}.option-btn-birthday{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-birthday *{pointer-events:none}.option-btn-birthday::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#ec4899 0,#a855f7 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-birthday.selected{background:linear-gradient(135deg,#fce7f3 0,#f3e8ff 100%);border-color:#ec4899;color:#be185d;font-weight:700;box-shadow:0 4px 16px rgba(236,72,153,.3);transform:translateY(-2px)}.option-btn-birthday.selected::before{width:300px;height:300px}.option-btn-birthday:hover:not(.selected){border-color:#ec4899;background-color:#fce7f3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(236,72,153,.2)}.option-btn-birthday:active{transform:scale(.98)}.option-btn-birthday i,.option-btn-birthday span{position:relative;z-index:1}.birthday-count-btn.birthday-count-selected{background:linear-gradient(135deg,#ec4899 0,#a855f7 100%)!important;color:#fff!important;border-color:#ec4899!important;font-weight:700!important;box-shadow:0 4px 12px rgba(236,72,153,.3)!important}.upload-box-analyzer{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-analyzer:hover{border-color:#06b6d4;background:linear-gradient(135deg,#ecfeff 0,#cffafe 100%);box-shadow:0 10px 30px rgba(6,182,212,.25);transform:translateY(-2px)}.option-btn-analyzer{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}.option-btn-analyzer::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(6,182,212,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-analyzer:hover::before{width:300px;height:300px}.option-btn-analyzer:hover{border-color:#06b6d4;color:#0e7490;transform:translateY(-2px);box-shadow:0 8px 20px rgba(6,182,212,.15)}.option-btn-analyzer.selected{background:linear-gradient(135deg,#cffafe 0,#a5f3fc 100%);border-color:#06b6d4;color:#0e7490;font-weight:700;box-shadow:0 4px 16px rgba(6,182,212,.3);transform:translateY(-2px)}.option-btn-analyzer i,.option-btn-analyzer span{pointer-events:none}.upload-box-packaging{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-packaging:hover{border-color:#92400e;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);box-shadow:0 10px 30px rgba(146,64,14,.25);transform:translateY(-2px)}.option-btn-packaging{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}.option-btn-packaging::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(146,64,14,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-packaging:hover::before{width:300px;height:300px}.option-btn-packaging:hover{border-color:#92400e;color:#78350f;transform:translateY(-2px);box-shadow:0 8px 20px rgba(146,64,14,.15)}.option-btn-packaging.selected{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-color:#92400e;color:#78350f;font-weight:700;box-shadow:0 4px 16px rgba(146,64,14,.3);transform:translateY(-2px)}.option-btn-packaging i,.option-btn-packaging span{pointer-events:none}.upload-box-before-after{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-before-after:hover{border-color:#7c3aed;background:linear-gradient(135deg,#f5f3ff 0,#ede9fe 100%);box-shadow:0 10px 30px rgba(124,58,237,.25);transform:translateY(-2px)}.mode-toggle-before-after{background:linear-gradient(135deg,#f5f3ff 0,#ede9fe 100%);border:2px solid #7c3aed;border-radius:12px;padding:4px;display:inline-flex;gap:4px}.mode-toggle-before-after button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s;border:none;background:0 0;color:#6d28d9;cursor:pointer}.mode-toggle-before-after button.active{background:linear-gradient(135deg,#7c3aed 0,#6d28d9 100%);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.4)}.upload-box-extender{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none}.upload-box-extender:hover{border-color:#0ea5e9;background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);box-shadow:0 10px 30px rgba(14,165,233,.2);transform:translateY(-2px)}.option-btn-extender{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-extender *{pointer-events:none}.option-btn-extender::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#0ea5e9 0,#0284c7 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-extender.selected{background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);border-color:#0ea5e9;color:#0c4a6e;font-weight:700;box-shadow:0 4px 16px rgba(14,165,233,.3);transform:translateY(-2px)}.option-btn-extender.selected::before{width:300px;height:300px}.option-btn-extender:hover:not(.selected){border-color:#0ea5e9;background-color:#e0f2fe;transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.2)}.option-btn-extender:active{transform:scale(.98)}.option-btn-extender i,.option-btn-extender span{position:relative;z-index:1}#extender-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#extender-results-grid .action-btn *{pointer-events:none}.upload-box-storyboard{transition:all .3s ease}.upload-box-storyboard:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(139,92,246,.3)}.option-btn-storyboard{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-storyboard::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(139,92,246,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-storyboard:hover::before{width:300px;height:300px}.option-btn-storyboard:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.option-btn-storyboard.selected{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);border-color:#8b5cf6;color:#fff;box-shadow:0 8px 16px rgba(139,92,246,.4)}.option-btn-storyboard:active{transform:scale(.98)}.option-btn-storyboard *{pointer-events:none}.option-btn-storyboard i,.option-btn-storyboard span{position:relative;z-index:1}#storyboard-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#storyboard-results-grid .action-btn *{pointer-events:none}.upload-box-twibon{transition:all .3s ease}.upload-box-twibon:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(244,63,94,.3)}.option-btn-twibon{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-twibon::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(244,63,94,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-twibon:hover::before{width:300px;height:300px}.option-btn-twibon:hover{border-color:#f43f5e;color:#f43f5e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,63,94,.2)}.option-btn-twibon.selected{background:linear-gradient(135deg,#f43f5e 0,#e11d48 100%);border-color:#f43f5e;color:#fff;box-shadow:0 8px 16px rgba(244,63,94,.4)}.option-btn-twibon:active{transform:scale(.98)}.option-btn-twibon *{pointer-events:none}.option-btn-twibon i,.option-btn-twibon span{position:relative;z-index:1}.frame-thumbnail{position:relative;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.frame-thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(244,63,94,.3)}.frame-thumbnail.selected{border-color:#f43f5e;box-shadow:0 8px 20px rgba(244,63,94,.5)}.upload-box-karikatur{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-karikatur:hover{border-color:#f97316;background:linear-gradient(135deg,#fff7ed 0,#fef3c7 100%);box-shadow:0 10px 30px rgba(249,115,22,.2);transform:translateY(-2px)}.option-btn-karikatur{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-karikatur::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f97316 0,#fbbf24 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-karikatur.selected{background:linear-gradient(135deg,#fff7ed 0,#fef3c7 100%);border-color:#f97316;color:#ea580c;font-weight:700;box-shadow:0 4px 16px rgba(249,115,22,.3);transform:translateY(-2px)}.option-btn-karikatur.selected::before{width:300px;height:300px}.option-btn-karikatur:hover:not(.selected){border-color:#f97316;background-color:#fffbeb;transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.2)}.option-btn-karikatur:active{transform:scale(.98)}.option-btn-karikatur *{pointer-events:none}.option-btn-karikatur i,.option-btn-karikatur span{position:relative;z-index:1}#karikatur-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#karikatur-results-grid .action-btn *{pointer-events:none}.upload-box-photoeditor{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-photoeditor:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff 0,#f3e8ff 100%);box-shadow:0 10px 30px rgba(139,92,246,.2);transform:translateY(-2px)}.preset-btn-photoeditor{position:relative;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.preset-btn-photoeditor::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0,#a78bfa 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.preset-btn-photoeditor.selected{background:linear-gradient(135deg,#faf5ff 0,#f3e8ff 100%);border-color:#8b5cf6;color:#7c3aed;font-weight:700;box-shadow:0 4px 16px rgba(139,92,246,.3);transform:translateY(-2px)}.preset-btn-photoeditor.selected::before{width:300px;height:300px}.preset-btn-photoeditor:hover:not(.selected){border-color:#8b5cf6;background-color:#faf5ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.2)}.preset-btn-photoeditor:active{transform:scale(.98)}.preset-btn-photoeditor *{pointer-events:none}.preset-btn-photoeditor i,.preset-btn-photoeditor span{position:relative;z-index:1}.slider-photoeditor{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#e5e7eb 0,#8b5cf6 50%,#e5e7eb 100%);outline:0;transition:all .3s}.slider-photoeditor::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);cursor:pointer;box-shadow:0 2px 8px rgba(139,92,246,.4);transition:all .3s}.slider-photoeditor::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(139,92,246,.6)}.slider-photoeditor::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(139,92,246,.4);transition:all .3s}.slider-photoeditor::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(139,92,246,.6)}#photoeditor-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#photoeditor-results-grid .action-btn *{pointer-events:none}.compare-slider-container{position:relative;overflow:hidden;border-radius:.75rem}.compare-slider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:100%;background:#fff;cursor:ew-resize;z-index:10;box-shadow:0 0 10px rgba(0,0,0,.3)}.compare-slider::before{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.2);font-size:20px}#photoeditor-canvas{display:block;max-width:100%;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.upload-box-beauty{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-beauty:hover{border-color:#ec4899;background:linear-gradient(135deg,#fdf2f8 0,#fce7f3 100%);box-shadow:0 10px 30px rgba(236,72,153,.2);transform:translateY(-2px)}.beauty-option-btn{position:relative;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;font-size:.875rem;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.beauty-option-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#ec4899 0,#f472b6 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.beauty-option-btn.selected{background:linear-gradient(135deg,#fdf2f8 0,#fce7f3 100%);border-color:#ec4899;color:#db2777;font-weight:700;box-shadow:0 4px 16px rgba(236,72,153,.3);transform:translateY(-2px)}.beauty-option-btn.selected::before{width:300px;height:300px}.beauty-option-btn:hover:not(.selected){border-color:#ec4899;background-color:#fef3f9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(236,72,153,.2)}.beauty-option-btn:active{transform:scale(.98)}.beauty-option-btn *{pointer-events:none}.beauty-option-btn i,.beauty-option-btn span{position:relative;z-index:1}.beauty-intensity-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#e5e7eb 0,#ec4899 50%,#e5e7eb 100%);outline:0;transition:all .3s}.beauty-intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ec4899 0,#db2777 100%);cursor:pointer;box-shadow:0 2px 8px rgba(236,72,153,.4);transition:all .3s}.beauty-intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(236,72,153,.6)}.beauty-intensity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ec4899 0,#db2777 100%);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(236,72,153,.4);transition:all .3s}.beauty-intensity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(236,72,153,.6)}#beauty-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#beauty-results-grid .action-btn *{pointer-events:none}.upload-box-desain{transition:all .3s ease}.upload-box-desain:hover{border-color:#0ea5e9;background-color:#e0f2fe}.checkbox-btn-desain,.option-btn-desain{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.checkbox-btn-desain.selected,.option-btn-desain.selected{background-color:#e0f2fe;border-color:#0ea5e9;color:#0284c7;font-weight:600}.checkbox-btn-desain:hover:not(.selected),.option-btn-desain:hover:not(.selected){border-color:#0ea5e9;background-color:#f0f9ff}.upload-box-sketsa{transition:all .3s ease}.upload-box-sketsa:hover{border-color:#8b5cf6;background-color:#f3e8ff}.option-btn-sketsa{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.option-btn-sketsa.selected{background-color:#f3e8ff;border-color:#8b5cf6;color:#7c3aed;font-weight:600}.option-btn-sketsa:hover:not(.selected){border-color:#8b5cf6;background-color:#faf5ff}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#14b8a6}input:checked+.slider:before{transform:translateX(22px)}.carousel-container{position:relative;overflow:hidden;border-radius:.75rem}.carousel-slides{display:flex;transition:transform .5s ease-in-out}.carousel-slide{flex:0 0 100%;width:100%;position:relative}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.4);color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10}.carousel-nav:hover{background-color:rgba(0,0,0,.7)}.carousel-nav.prev{left:8px}.carousel-nav.next{right:8px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.carousel-dot{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.5);transition:background-color .3s;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.carousel-dot.active{background-color:#fff}.crsl-open-download-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;border:none;background:0 0}.crsl-open-download-btn *{pointer-events:none}.crsl-open-download-btn:hover{transform:translateY(-1px)}.crsl-open-download-btn:active{transform:scale(.98)}.crsl-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:#012633;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform-origin:bottom center;scale:0.9}.crsl-tooltip.visible{opacity:1;pointer-events:auto;scale:1}.crsl-tooltip::after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#012633 transparent transparent transparent}#content-bikin-carousel .option-btn{padding:.5rem 1rem;border-radius:.5rem;border:2px solid #d1d5db;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.5rem;text-align:center;font-weight:500;color:#6b7280;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#content-bikin-carousel .option-btn *{pointer-events:none}#content-bikin-carousel .option-btn.flex-col{flex-direction:column;gap:.25rem;padding:.5rem .25rem}#content-bikin-carousel .option-btn:hover{border-color:#ec4899;background-color:#fce7f3;color:#db2777;transform:translateY(-1px);box-shadow:0 2px 4px rgba(236,72,153,.1)}#content-bikin-carousel .option-btn.selected{background:linear-gradient(135deg,#fce7f3 0,#fbcfe8 100%);border-color:#ec4899;color:#db2777;font-weight:600;box-shadow:0 2px 8px rgba(236,72,153,.2)}#content-bikin-carousel .option-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(236,72,153,.1)}#content-bikin-carousel input[type=text],#content-bikin-carousel textarea{border:2px solid #e5e7eb;transition:all .2s ease-in-out}#content-bikin-carousel input[type=text]:focus,#content-bikin-carousel textarea:focus{border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1);outline:0}#content-bikin-carousel input[type=text]:hover,#content-bikin-carousel textarea:hover{border-color:#cbd5e1}#crsl-auto-btn,#crsl-auto-script-btn,#crsl-generate-btn,#crsl-remove-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#crsl-auto-btn *,#crsl-auto-script-btn *,#crsl-generate-btn *,#crsl-remove-btn *{pointer-events:none}#crsl-auto-script-btn:not(:disabled):hover,#crsl-generate-btn:not(:disabled):hover{transform:translateY(-2px)}#crsl-auto-script-btn:not(:disabled):active,#crsl-generate-btn:not(:disabled):active{transform:translateY(0)}#content-bikin-carousel .toggle-switch{cursor:pointer;transition:all .2s ease}#content-bikin-carousel .toggle-switch:hover .slider{box-shadow:0 0 0 4px rgba(20,184,166,.1)}#content-bikin-carousel .slider{transition:all .3s ease}@media (min-width:1024px){.desktop-carousel-frame{max-width:400px;margin:1rem auto;padding:.75rem;background-color:#fff;border-radius:1.5rem;border:1px solid #d1d5db;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden}.desktop-carousel-frame .carousel-container{border-radius:1rem}}:root{--logo-primary:#7C3AED;--logo-secondary:#EC4899;--logo-light:#F3E8FF;--logo-dark:#6D28D9}.upload-box-logo,.upload-box-logo-ref{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-logo-ref:hover,.upload-box-logo:hover{border-color:var(--logo-primary);background:linear-gradient(135deg,#f3e8ff 0,#fce7f3 100%);box-shadow:0 10px 30px rgba(124,58,237,.2);transform:translateY(-2px)}.option-btn-logo{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#fff;color:#374151;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.option-btn-logo:hover{border-color:var(--logo-primary);background-color:var(--logo-light);color:var(--logo-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.15)}.option-btn-logo.selected{background:linear-gradient(135deg,#f3e8ff 0,#fce7f3 100%);border-color:var(--logo-primary);color:var(--logo-dark);font-weight:700;box-shadow:0 4px 16px rgba(124,58,237,.3)}.checkbox-btn-logo{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#fff;color:#374151;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkbox-btn-logo:hover{border-color:var(--logo-primary);background-color:var(--logo-light);color:var(--logo-dark)}.checkbox-btn-logo.active{background:linear-gradient(135deg,var(--logo-primary),var(--logo-secondary));border-color:var(--logo-primary);color:#fff;box-shadow:0 4px 12px rgba(124,58,237,.3)}.checkbox-btn-logo.active i{display:inline-block}.logo-preview-card{position:relative;border-radius:1rem;overflow:hidden;background:#fff;border:2px solid #e5e7eb;transition:all .3s ease}.logo-preview-card:hover{border-color:var(--logo-primary);box-shadow:0 10px 30px rgba(124,58,237,.2);transform:translateY(-4px)}.logo-mockup-tab{padding:.75rem 1.5rem;border:none;background:0 0;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.logo-mockup-tab:hover{color:var(--logo-primary);background:rgba(124,58,237,.05)}.logo-mockup-tab.active{color:var(--logo-primary);border-bottom-color:var(--logo-primary);background:rgba(124,58,237,.1)}.logo-color-chip{width:3rem;height:3rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease;border:3px solid transparent;position:relative}.logo-color-chip:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.logo-color-chip.selected{border-color:#fff;box-shadow:0 0 0 3px var(--logo-primary);transform:scale(1.15)}.logo-color-chip.selected::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pr-intensity-btn,.pr-ratio-btn{padding:.75rem;border:2px solid #d1d5db;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:#6b7280}.pr-intensity-btn:hover,.pr-ratio-btn:hover{border-color:#f59e0b;background:#fffbeb;transform:translateY(-2px)}.pr-intensity-btn.active,.pr-ratio-btn.active{border-color:#f59e0b;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.3)}.pr-intensity-btn i,.pr-ratio-btn i{font-size:1.25rem}#logo-generate-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#logo-generate-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(124,58,237,.3)}#logo-generate-btn:not(:disabled):active{transform:translateY(0)}.logo-info-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f3e8ff 0,#fce7f3 100%);border:2px solid var(--logo-primary);border-radius:9999px;color:var(--logo-dark);font-size:.875rem;font-weight:600}.logo-variation-badge{position:absolute;top:.5rem;left:.5rem;background:linear-gradient(135deg,var(--logo-primary),var(--logo-secondary));color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10}.desc-length-btn,.desc-platform-btn,.story-length-btn,.story-tone-btn,.tiktok-duration-btn,.tiktok-type-btn{padding:.75rem 1rem;border-radius:.5rem;border:2px solid #d1d5db;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;color:#6b7280}.desc-length-btn:hover,.desc-platform-btn:hover,.story-length-btn:hover,.story-tone-btn:hover,.tiktok-duration-btn:hover,.tiktok-type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.desc-length-btn.active,.desc-platform-btn.active{background:linear-gradient(135deg,#fed7aa 0,#fdba74 100%);border-color:#f97316;color:#7c2d12;font-weight:600;box-shadow:0 2px 8px rgba(249,115,22,.3)}.tiktok-duration-btn.active,.tiktok-type-btn.active{background:linear-gradient(135deg,#fbcfe8 0,#f9a8d4 100%);border-color:#ec4899;color:#831843;font-weight:600;box-shadow:0 2px 8px rgba(236,72,153,.3)}.story-length-btn.active,.story-tone-btn.active{background:linear-gradient(135deg,#bfdbfe 0,#93c5fd 100%);border-color:#3b82f6;color:#1e3a8a;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3)}.desc-length-btn:active,.desc-platform-btn:active,.story-length-btn:active,.story-tone-btn:active,.tiktok-duration-btn:active,.tiktok-type-btn:active{transform:translateY(0)}.upload-box-poster{border:3px dashed #d1d5db;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,rgba(139,92,246,.05) 0,rgba(236,72,153,.05) 100%)}.upload-box-poster:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.2)}.poster-color-btn,.poster-count-btn,.poster-size-btn,.poster-style-btn{padding:.75rem;border-radius:.5rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:500;color:#6b7280;position:relative}.poster-color-btn{height:3rem;border:none;position:relative;overflow:hidden}.poster-color-btn::before{content:'';position:absolute;inset:0;border-radius:.5rem;padding:2px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.poster-color-btn.active::after{content:'\2713';position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#8b5cf6;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.2)}.poster-count-btn:hover,.poster-size-btn:hover,.poster-style-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-color:#8b5cf6}.poster-count-btn.active,.poster-size-btn.active,.poster-style-btn.active{background:linear-gradient(135deg,#8b5cf6 0,#ec4899 100%);border-color:#8b5cf6;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(139,92,246,.4)}.poster-color-btn:active,.poster-count-btn:active,.poster-size-btn:active,.poster-style-btn:active{transform:scale(.95)}.upload-box-remover{border:3px dashed #d1d5db;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,rgba(239,68,68,.05) 0,rgba(220,38,38,.05) 100%)}.upload-box-remover:hover{border-color:#ef4444;border-style:solid;transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.15);background:linear-gradient(135deg,rgba(239,68,68,.08) 0,rgba(220,38,38,.08) 100%)}.remover-mode-btn{padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}.remover-mode-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(239,68,68,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.remover-mode-btn:hover::before{width:300px;height:300px}.remover-mode-btn.active{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;border-color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.4)}.remover-mode-btn:active{transform:scale(.95)}#remover-canvas-container{position:relative;display:inline-block;max-width:100%;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}#remover-canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.brush-size-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#fee2e2,#ef4444);outline:0;-webkit-appearance:none}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ef4444;cursor:pointer;box-shadow:0 2px 8px rgba(239,68,68,.4)}.brush-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ef4444;cursor:pointer;box-shadow:0 2px 8px rgba(239,68,68,.4)}.remover-tool-btn{padding:.75rem 1rem;border-radius:.5rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600}.remover-tool-btn:hover{border-color:#ef4444;background-color:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 8px rgba(239,68,68,.15)}.remover-tool-btn:active{transform:translateY(0)}.remover-tool-btn.danger{background:linear-gradient(135deg,#dc2626 0,#b91c1c 100%);color:#fff;border-color:#b91c1c}.remover-tool-btn.danger:hover{background:linear-gradient(135deg,#b91c1c 0,#991b1b 100%);box-shadow:0 4px 12px rgba(220,38,38,.3)}.remover-variation-btn{padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.remover-variation-btn.active{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;border-color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.4)}.remover-variation-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.new-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.125rem .5rem;background:linear-gradient(135deg,#f59e0b 0,#ef4444 100%);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px rgba(239,68,68,.3);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{box-shadow:0 2px 6px rgba(239,68,68,.3);transform:scale(1)}50%{box-shadow:0 2px 12px rgba(239,68,68,.5);transform:scale(1.05)}}.main-tab-btn .new-badge{margin-left:auto}.mobile-tab-btn .new-badge{position:absolute;top:.25rem;right:.25rem;padding:.0625rem .25rem;font-size:.5rem}.logo-action-btn{background:linear-gradient(135deg,var(--logo-primary),var(--logo-secondary));color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.logo-action-btn *{pointer-events:none}.logo-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}.logo-action-btn:active{transform:scale(.98)}.loader-icon-logo{width:40px;height:40px;border:4px solid rgba(124,58,237,.1);border-top-color:var(--logo-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#content-logo-generator input[type=text]:focus,#content-logo-generator textarea:focus{border-color:var(--logo-primary);box-shadow:0 0 0 3px rgba(124,58,237,.1);outline:0}.logo-ai-tooltip{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:.5rem;font-size:.75rem;font-weight:600;color:#92400e;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}:root{--mascot-primary:#F59E0B;--mascot-secondary:#EF4444;--mascot-light:#FEF3C7;--mascot-dark:#D97706}.upload-box-mascot,.upload-box-mascot-ref{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-mascot-ref:hover,.upload-box-mascot:hover{border-color:var(--mascot-primary);background:linear-gradient(135deg,#fef3c7 0,#fee2e2 100%);box-shadow:0 10px 30px rgba(245,158,11,.2);transform:translateY(-2px)}.option-btn-mascot{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#fff;color:#374151;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.option-btn-mascot:hover{border-color:var(--mascot-primary);background-color:var(--mascot-light);color:var(--mascot-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.15)}.option-btn-mascot.selected{background:linear-gradient(135deg,#fef3c7 0,#fee2e2 100%);border-color:var(--mascot-primary);color:var(--mascot-dark);font-weight:700;box-shadow:0 4px 16px rgba(245,158,11,.3)}.checkbox-btn-mascot{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#fff;color:#374151;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkbox-btn-mascot:hover{border-color:var(--mascot-primary);background-color:var(--mascot-light);color:var(--mascot-dark)}.checkbox-btn-mascot.active{background:linear-gradient(135deg,var(--mascot-primary),var(--mascot-secondary));border-color:var(--mascot-primary);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.3)}.checkbox-btn-mascot.active i{display:inline-block}.mascot-preview-card{position:relative;border-radius:1rem;overflow:hidden;background:#fff;border:2px solid #e5e7eb;transition:all .3s ease}.mascot-preview-card:hover{border-color:var(--mascot-primary);box-shadow:0 10px 30px rgba(245,158,11,.2);transform:translateY(-4px)}.mascot-variation-badge{position:absolute;top:.5rem;left:.5rem;background:linear-gradient(135deg,var(--mascot-primary),var(--mascot-secondary));color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:10}.mascot-action-btn{background:linear-gradient(135deg,var(--mascot-primary),var(--mascot-secondary));color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.mascot-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.loader-icon-mascot{width:40px;height:40px;border:4px solid rgba(245,158,11,.1);border-top-color:var(--mascot-primary);border-radius:50%;animation:spin 1s linear infinite}#mascot-generate-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#mascot-generate-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(245,158,11,.3)}#mascot-generate-btn:not(:disabled):active{transform:translateY(0)}.mascot-info-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7 0,#fee2e2 100%);border:2px solid var(--mascot-primary);border-radius:9999px;color:var(--mascot-dark);font-size:.875rem;font-weight:600}#content-mascot-generator input[type=text]:focus,#content-mascot-generator textarea:focus{border-color:var(--mascot-primary);box-shadow:0 0 0 3px rgba(245,158,11,.1);outline:0}.mascot-trait-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:9999px;font-size:.75rem;font-weight:600;color:#92400e;border:1px solid #f59e0b}.mascot-comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:linear-gradient(135deg,#fef3c7 0,#fee2e2 100%);border-radius:1rem;border:2px dashed var(--mascot-primary)}.mascot-comparison-label{text-align:center;font-weight:700;color:var(--mascot-dark);font-size:.875rem;margin-bottom:.5rem}:root{--brandkit-primary:#6366f1;--brandkit-secondary:#8b5cf6;--brandkit-accent:#ec4899;--brandkit-dark:#4338ca}.upload-box-brandkit{position:relative;padding:2.5rem 1.5rem;border-radius:1rem;border:3px dashed #c7d2fe;background:linear-gradient(135deg,#eef2ff 0,#f5f3ff 100%);cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.upload-box-brandkit:hover{border-color:var(--brandkit-primary);border-style:solid;background:linear-gradient(135deg,#e0e7ff 0,#ede9fe 100%);transform:translateY(-2px);box-shadow:0 10px 25px rgba(99,102,241,.15)}.option-btn-brandkit{position:relative;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-brandkit::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(99,102,241,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-brandkit:hover::before{width:300px;height:300px}.option-btn-brandkit:hover{border-color:var(--brandkit-primary);color:var(--brandkit-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.option-btn-brandkit.selected{background:linear-gradient(135deg,var(--brandkit-primary) 0,var(--brandkit-secondary) 100%);border-color:var(--brandkit-primary);color:#fff;box-shadow:0 8px 16px rgba(99,102,241,.4)}.option-btn-brandkit:active{transform:scale(.98)}.option-btn-brandkit *{pointer-events:none}.option-btn-brandkit i,.option-btn-brandkit span{position:relative;z-index:1}.checkbox-btn-brandkit{position:relative;padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.checkbox-btn-brandkit:hover{border-color:var(--brandkit-primary);color:var(--brandkit-primary);transform:translateY(-1px)}.checkbox-btn-brandkit.active{background:linear-gradient(135deg,var(--brandkit-primary),var(--brandkit-secondary));border-color:var(--brandkit-primary);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.checkbox-btn-brandkit.active i{display:inline-block}.checkbox-btn-brandkit *{pointer-events:none}.brandkit-tab-btn{padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.brandkit-tab-btn *{pointer-events:none}.brandkit-tab-btn:hover{border-color:var(--brandkit-primary);color:var(--brandkit-primary)}.brandkit-tab-btn.active{background:linear-gradient(135deg,var(--brandkit-primary),var(--brandkit-secondary));border-color:var(--brandkit-primary);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.color-swatch{width:100%;aspect-ratio:1;border-radius:.75rem;border:3px solid #e2e8f0;transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.color-swatch:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.15)}.color-swatch:active{transform:scale(.98)}.font-preview-card{padding:1.5rem;border-radius:1rem;border:2px solid #e2e8f0;background:#fff;transition:all .3s ease;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.font-preview-card:hover{border-color:var(--brandkit-primary);box-shadow:0 8px 20px rgba(99,102,241,.15);transform:translateY(-2px)}.font-preview-card:active{transform:translateY(0)}.brandkit-logo-card{position:relative;border-radius:1rem;overflow:hidden;background:#fff;border:2px solid #e5e7eb;transition:all .3s ease;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.brandkit-logo-card:hover{border-color:var(--brandkit-primary);box-shadow:0 10px 30px rgba(99,102,241,.2);transform:translateY(-4px)}.brandkit-logo-card:active{transform:translateY(-2px)}#brandkit-download-all-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#brandkit-download-all-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(99,102,241,.3)}#brandkit-download-all-btn:not(:disabled):active{transform:translateY(0)}:root{--calendar-primary:#10b981;--calendar-secondary:#059669;--calendar-accent:#34d399;--calendar-dark:#047857}.upload-box-calendar{position:relative;padding:2.5rem 1.5rem;border-radius:1rem;border:3px dashed #a7f3d0;background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%);cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.upload-box-calendar:hover{border-color:var(--calendar-primary);border-style:solid;background:linear-gradient(135deg,#d1fae5 0,#a7f3d0 100%);transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,185,129,.15)}.option-btn-calendar{position:relative;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-calendar::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(16,185,129,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-calendar:hover::before{width:300px;height:300px}.option-btn-calendar:hover{border-color:var(--calendar-primary);color:var(--calendar-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.option-btn-calendar.selected{background:linear-gradient(135deg,var(--calendar-primary) 0,var(--calendar-secondary) 100%);border-color:var(--calendar-primary);color:#fff;box-shadow:0 8px 16px rgba(16,185,129,.4)}.option-btn-calendar:active{transform:scale(.98)}.option-btn-calendar *{pointer-events:none}.option-btn-calendar i,.option-btn-calendar span{position:relative;z-index:1}.checkbox-btn-calendar{position:relative;padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.checkbox-btn-calendar:hover{border-color:var(--calendar-primary);color:var(--calendar-primary);transform:translateY(-1px)}.checkbox-btn-calendar.active{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));border-color:var(--calendar-primary);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.checkbox-btn-calendar.active i{display:inline-block}.checkbox-btn-calendar *{pointer-events:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}@media (max-width:768px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}.calendar-day{aspect-ratio:1;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.calendar-day:hover{border-color:var(--calendar-primary);box-shadow:0 4px 12px rgba(16,185,129,.2);transform:translateY(-2px)}.calendar-day.has-content{background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%);border-color:var(--calendar-primary)}.calendar-day.selected{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));color:#fff;border-color:var(--calendar-primary);box-shadow:0 6px 16px rgba(16,185,129,.4)}.content-card{border-radius:1rem;border:2px solid #e2e8f0;background:#fff;padding:1rem;transition:all .3s ease}.content-card:hover{border-color:var(--calendar-primary);box-shadow:0 8px 20px rgba(16,185,129,.15);transform:translateY(-2px)}.platform-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1)}.platform-badge.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.platform-badge.tiktok{background:linear-gradient(135deg,#000,#25f4ee);color:#fff}.platform-badge.youtube{background:red;color:#fff}.platform-badge.facebook{background:#1877f2;color:#fff}.platform-badge.linkedin{background:#0a66c2;color:#fff}.platform-badge.twitter{background:#1da1f2;color:#fff}.view-toggle-btn{padding:.5rem 1rem;border-radius:.5rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease}.view-toggle-btn:hover{border-color:var(--calendar-primary);color:var(--calendar-primary)}.view-toggle-btn.active{background:linear-gradient(135deg,var(--calendar-primary),var(--calendar-secondary));border-color:var(--calendar-primary);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}#calendar-download-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#calendar-download-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,185,129,.3)}#calendar-download-btn:not(:disabled):active{transform:translateY(0)}:root{--abtest-primary:#3b82f6;--abtest-secondary:#8b5cf6;--abtest-accent:#06b6d4;--abtest-dark:#1e40af}.upload-box-abtest{position:relative;padding:2.5rem 1.5rem;border-radius:1rem;border:3px dashed #93c5fd;background:linear-gradient(135deg,#eff6ff 0,#f5f3ff 100%);cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.upload-box-abtest:hover{border-color:var(--abtest-primary);border-style:solid;background:linear-gradient(135deg,#dbeafe 0,#ede9fe 100%);transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.15)}.option-btn-abtest{position:relative;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-abtest::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(59,130,246,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-abtest:hover::before{width:300px;height:300px}.option-btn-abtest:hover{border-color:var(--abtest-primary);color:var(--abtest-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.option-btn-abtest.selected{background:linear-gradient(135deg,var(--abtest-primary) 0,var(--abtest-secondary) 100%);border-color:var(--abtest-primary);color:#fff;box-shadow:0 8px 16px rgba(59,130,246,.4)}.option-btn-abtest:active{transform:scale(.98)}.option-btn-abtest *{pointer-events:none}.option-btn-abtest i,.option-btn-abtest span{position:relative;z-index:1}.variant-card{position:relative;border-radius:1rem;border:2px solid #e2e8f0;background:#fff;padding:1rem;transition:all .3s ease}.variant-card:hover{border-color:var(--abtest-primary);box-shadow:0 8px 20px rgba(59,130,246,.15);transform:translateY(-2px)}.variant-card.winner{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%);box-shadow:0 10px 30px rgba(16,185,129,.2)}.variant-card .winner-badge{position:absolute;top:-12px;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(16,185,129,.3);z-index:10}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);position:relative}.score-circle.high{background:linear-gradient(135deg,#10b981,#059669)}.score-circle.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-circle.low{background:linear-gradient(135deg,#ef4444,#dc2626)}.score-bar{width:100%;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative}.score-bar-fill{height:100%;border-radius:9999px;transition:width .5s ease}.score-bar-fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.score-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.score-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}}.analysis-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1)}.analysis-badge.positive{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.analysis-badge.neutral{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.analysis-badge.negative{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.recommendation-card{padding:1rem;border-radius:.75rem;border-left:4px solid var(--abtest-primary);background:linear-gradient(135deg,#eff6ff 0,#f5f3ff 100%);transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px rgba(59,130,246,.2);transform:translateX(4px)}#abtest-analyze-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#abtest-analyze-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.3)}#abtest-analyze-btn:not(:disabled):active{transform:translateY(0)}:root{--roi-primary:#f59e0b;--roi-secondary:#ea580c;--roi-accent:#fbbf24;--roi-dark:#d97706;--roi-light:#fef3c7}.input-box-roi{position:relative;padding:1.5rem;border:2px dashed #cbd5e1;border-radius:1rem;background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);transition:all .3s ease;cursor:pointer;min-height:80px}.input-box-roi:hover{border-color:var(--roi-primary);border-style:solid;transform:translateY(-2px);box-shadow:0 8px 16px rgba(245,158,11,.2)}.input-box-roi.has-value{border-color:var(--roi-primary);border-style:solid;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%)}.option-btn-roi{position:relative;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden;user-select:none}.option-btn-roi::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(245,158,11,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s}.option-btn-roi:hover{border-color:var(--roi-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.2)}.option-btn-roi:active::before{width:300px;height:300px}.option-btn-roi.selected{border-color:var(--roi-primary);background:linear-gradient(135deg,#f59e0b 0,#ea580c 100%);color:#fff;box-shadow:0 4px 16px rgba(245,158,11,.4);transform:translateY(-1px)}.option-btn-roi.selected::before{background:rgba(255,255,255,.2)}.checkbox-btn-roi{position:relative;padding:.625rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#374151;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;user-select:none}.checkbox-btn-roi:hover{border-color:var(--roi-primary);background:#fffbeb}.checkbox-btn-roi.active{border-color:var(--roi-primary);background:linear-gradient(135deg,#f59e0b 0,#ea580c 100%);color:#fff}.checkbox-btn-roi .fas{transition:opacity .2s ease}#roi-form input[type=number],#roi-form input[type=text],#roi-form select,#roi-form textarea{transition:all .3s ease}#roi-form input[type=number]:focus,#roi-form input[type=text]:focus,#roi-form select:focus,#roi-form textarea:focus{border-color:var(--roi-primary);box-shadow:0 0 0 3px rgba(245,158,11,.1)}#roi-calculate-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#roi-calculate-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.4)}#roi-calculate-btn:not(:disabled):active{transform:translateY(0)}.roi-metric-card{padding:1.5rem;border-radius:1rem;background:#fff;border:2px solid #e5e7eb;transition:all .3s ease}.roi-metric-card:hover{border-color:var(--roi-primary);transform:translateY(-2px);box-shadow:0 8px 16px rgba(245,158,11,.15)}.roi-metric-card.positive{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%)}.roi-metric-card.negative{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2 0,#fee2e2 100%)}.roi-metric-card.neutral{border-color:var(--roi-primary);background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%)}.roi-progress-circle{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#f59e0b 0,#ea580c 100%);box-shadow:0 8px 24px rgba(245,158,11,.3)}.roi-progress-circle::before{content:'';position:absolute;inset:8px;background:#fff;border-radius:50%}.roi-progress-inner{position:relative;z-index:1;text-align:center}.roi-chart-bar{height:24px;border-radius:12px;background:linear-gradient(90deg,#f59e0b 0,#ea580c 100%);transition:width .6s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(245,158,11,.3)}.roi-timeline-item{position:relative;padding-left:2rem;padding-bottom:1.5rem}.roi-timeline-item::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#f59e0b 0,#fbbf24 100%)}.roi-timeline-dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#f59e0b 0,#ea580c 100%);box-shadow:0 0 0 4px #fef3c7}.roi-timeline-item:last-child::before{display:none}.roi-insight-card{padding:1rem;border-radius:.75rem;border-left:4px solid var(--roi-primary);background:linear-gradient(90deg,#fffbeb 0,#fff 100%);transition:all .3s ease}.roi-insight-card:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(245,158,11,.15)}.roi-insight-card.warning{border-left-color:#ef4444;background:linear-gradient(90deg,#fef2f2 0,#fff 100%)}.roi-insight-card.success{border-left-color:#10b981;background:linear-gradient(90deg,#ecfdf5 0,#fff 100%)}.roi-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin:.25rem}.roi-tag.high-priority{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff}.roi-tag.medium-priority{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff}.roi-tag.low-priority{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff}:root{--graduation-primary:#a855f7;--graduation-secondary:#ec4899;--graduation-accent:#c084fc;--graduation-dark:#9333ea;--graduation-light:#fae8ff}.upload-box-graduation{position:relative;padding:2rem;border:3px dashed #e9d5ff;border-radius:1.5rem;background:linear-gradient(135deg,#faf5ff 0,#fae8ff 100%);transition:all .3s ease;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-box-graduation:hover{border-color:var(--graduation-primary);border-style:solid;transform:translateY(-4px);box-shadow:0 12px 24px rgba(168,85,247,.2)}.upload-box-graduation.has-image{border-color:var(--graduation-primary);border-style:solid;background:linear-gradient(135deg,#fae8ff 0,#f3e8ff 100%)}.option-btn-graduation{position:relative;padding:.875rem 1.25rem;border:2px solid #e9d5ff;border-radius:1rem;background:#fff;color:#374151;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.option-btn-graduation *{pointer-events:none}.option-btn-graduation::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(168,85,247,.15);transform:translate(-50%,-50%);transition:width .5s,height .5s}.option-btn-graduation:hover{border-color:var(--graduation-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(168,85,247,.2)}.option-btn-graduation:active::before{width:300px;height:300px}.option-btn-graduation.selected{border-color:var(--graduation-primary);background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);color:#fff;font-weight:700;box-shadow:0 6px 20px rgba(168,85,247,.4);transform:translateY(-2px)}.option-btn-graduation.selected::before{background:rgba(255,255,255,.2)}.checkbox-btn-graduation{position:relative;padding:.75rem 1rem;border:2px solid #e9d5ff;border-radius:.875rem;background:#fff;color:#374151;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.checkbox-btn-graduation *{pointer-events:none}.checkbox-btn-graduation:hover{border-color:var(--graduation-primary);background:#faf5ff}.checkbox-btn-graduation.active{border-color:var(--graduation-primary);background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);color:#fff;font-weight:700}.checkbox-btn-graduation .fas{transition:opacity .2s ease}.count-btn-graduation{padding:.75rem 1rem;border:2px solid #e9d5ff;border-radius:.875rem;background:#fff;color:#374151;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.count-btn-graduation *{pointer-events:none}.count-btn-graduation:hover{border-color:var(--graduation-primary);background:#faf5ff}.count-btn-graduation.count-selected{border-color:var(--graduation-primary);background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(168,85,247,.3)}#graduation-generate-btn{transition:all .3s cubic-bezier(.4, 0, .2, 1)}#graduation-generate-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(168,85,247,.4)}#graduation-generate-btn:not(:disabled):active{transform:translateY(-1px)}#graduation-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width:768px){#graduation-results-grid{grid-template-columns:1fr}}.graduation-action-btn{padding:.625rem 1.25rem;border-radius:9999px;font-weight:600;font-size:.875rem;transition:all .2s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto}.graduation-action-btn *{pointer-events:none}.graduation-action-btn:active{transform:scale(.95)}#graduation-background-upload-area,#graduation-certificate-upload-area,#graduation-medal-upload-area{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;min-height:80px}#graduation-background-upload-area label,#graduation-certificate-upload-area label,#graduation-medal-upload-area label{-webkit-tap-highlight-color:transparent;user-select:none}#graduation-remove-background,#graduation-remove-certificate,#graduation-remove-medal{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:32px;min-height:32px}#graduation-preview-container{animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#graduation-file-input-area .file-input-wrapper{position:relative;aspect-ratio:3/4;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#fae8ff 0,#f3e8ff 100%);transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:200px}#graduation-file-input-area .file-input-wrapper:hover{border-color:#a855f7;transform:scale(1.02);box-shadow:0 4px 12px rgba(168,85,247,.2)}#graduation-file-input-area .file-input-wrapper:active{transform:scale(.98)}#graduation-file-input-area .file-input-wrapper.has-photo{border-color:#10b981;background:#fff}#graduation-file-input-area .file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:5}#graduation-file-input-area .file-preview{width:100%;height:100%;object-fit:cover;pointer-events:none}#graduation-file-input-area .file-preview.hidden{display:none}#graduation-file-input-area .delete-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;z-index:20;transition:all .2s;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#graduation-file-input-area .file-input-wrapper:hover .delete-btn{opacity:1}#graduation-file-input-area .file-input-wrapper.has-photo .delete-btn{opacity:.9}#graduation-file-input-area .delete-btn:hover{background:#dc2626;transform:scale(1.1);opacity:1}#graduation-file-input-area .delete-btn:active{transform:scale(.95);opacity:1}@media (max-width:640px){#graduation-file-input-area .file-input-wrapper.has-photo .delete-btn{opacity:1}#graduation-file-input-area .file-input-wrapper{min-height:250px}}.mobile-bottom-nav{display:none}@media (max-width:768px){.sidebar{display:none}.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-top:2px solid #e2e8f0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000;padding:.5rem 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-nav{-ms-overflow-style:none;scrollbar-width:none}.mobile-tabs-container{display:flex;gap:.5rem;padding:0 1rem;min-width:min-content}.mobile-tab-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s ease;min-width:80px;text-decoration:none;color:#64748b}.mobile-tab-btn i{font-size:1.25rem}.mobile-tab-btn span{font-size:.7rem;font-weight:500;white-space:nowrap}.mobile-tab-btn.active{background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);border-color:#0ea5e9;color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.3)}.mobile-tab-btn:not(.active):hover{border-color:#0ea5e9;background-color:#f0f9ff;color:#0284c7}.main-content-wrapper{margin-left:0;width:100%;padding:1rem;padding-bottom:5rem}.toggle-sidebar-btn{display:none}.mobile-header{display:block;position:sticky;top:0;z-index:999;background:linear-gradient(135deg,#0ea5e9 0,#06b6d4 100%);padding:1rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-header h1{color:#fff;font-size:1.25rem;font-weight:700;margin:0}}.mobile-header{display:none}.action-btn{position:relative;overflow:hidden;font-weight:600;letter-spacing:.025em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}.action-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;pointer-events:none}.action-btn:hover::before{width:300px;height:300px}.action-btn svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2));pointer-events:none}.action-btn i{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2));pointer-events:none}.action-btn span{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2);pointer-events:none}.action-btn *{pointer-events:none}.result-card .group:hover{transform:translateY(-2px);transition:transform .2s ease}.result-card img{transition:transform .3s ease}.result-card .group:hover img{transform:scale(1.02)}.action-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.action-btn:active{transform:scale(.95)}.file-input-label{position:relative;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);border:2px dashed #cbd5e1;transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;overflow:hidden}.file-input-label::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.05) 0,rgba(168,85,247,.05) 100%);opacity:0;transition:opacity .3s ease}.file-input-label:hover{border-color:#818cf8;background:linear-gradient(135deg,#fff 0,#f1f5f9 100%);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(99,102,241,.1),0 8px 10px -6px rgba(99,102,241,.1)}.file-input-label:hover::before{opacity:1}.file-input-label svg{transition:all .3s ease}.file-input-label:hover svg{transform:scale(1.1) translateY(-4px);color:#818cf8}input[type=text],textarea{transition:all .3s ease}input[type=text]:focus,textarea:focus{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.15)}.btn-secondary{position:relative;overflow:hidden;transition:all .3s ease}.btn-secondary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-secondary:hover::before{width:300px;height:300px}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,102,241,.2)}.btn-secondary:active{transform:translateY(0)}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.btn-primary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn-primary:hover::after{width:400px;height:400px}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px rgba(99,102,241,.3),0 8px 12px rgba(139,92,246,.2)}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-primary:disabled{background:linear-gradient(135deg,#cbd5e1 0,#94a3b8 100%);cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{transition:all .3s ease;border:1px solid rgba(226,232,240,.8)}.card:hover{box-shadow:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04);border-color:rgba(99,102,241,.2)}.loader{border:3px solid #f3f4f6;border-top:3px solid #6366f1;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#ads-image-preview-container .relative,#review-image-preview-container .relative{transition:all .3s ease}#ads-image-preview-container .relative:hover,#review-image-preview-container .relative:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.15)}#ads-image-preview-container img,#review-image-preview-container img{transition:all .3s ease}.orientation-label{transition:all .3s ease;cursor:pointer}.orientation-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.15);border-color:#818cf8!important}.orientation-label:has(input:checked){background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:#fff;border-color:#6366f1!important;box-shadow:0 4px 12px rgba(99,102,241,.3)}*{-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes professional-pulse{0%,100%{opacity:1}50%{opacity:.6}}.animate-pulse{animation:professional-pulse 2s cubic-bezier(.4,0,.6,1) infinite}#chat-container{scroll-behavior:smooth}#chat-container::-webkit-scrollbar{width:8px}#chat-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#chat-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}#chat-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.chat-message{animation:slideIn .3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quick-question-btn{transition:all .2s ease}.quick-question-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.quick-question-btn:active{transform:translateY(0)}@keyframes bounce{0%,100%,80%{transform:translateY(0)}40%{transform:translateY(-8px)}}.animate-bounce{animation:bounce 1s infinite}.upload-box-maternity{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.upload-box-maternity:hover{border-color:#f43f5e;background:linear-gradient(135deg,#fef2f2 0,#fce7f3 100%);box-shadow:0 10px 30px rgba(244,63,94,.2);transform:translateY(-2px)}.option-btn-maternity{padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden;font-size:.875rem}.option-btn-maternity::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f43f5e 0,#ec4899 100%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;opacity:.1;z-index:0}.option-btn-maternity.selected{background:linear-gradient(135deg,#fef2f2 0,#fce7f3 100%);border-color:#f43f5e;color:#be123c;font-weight:700;box-shadow:0 4px 16px rgba(244,63,94,.3);transform:translateY(-2px)}.option-btn-maternity.selected::before{width:300px;height:300px}.option-btn-maternity:hover:not(.selected){border-color:#f43f5e;background-color:#fff1f2;transform:translateY(-2px);box-shadow:0 6px 20px rgba(244,63,94,.2)}.option-btn-maternity i,.option-btn-maternity span{position:relative;z-index:1}.count-btn-maternity{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-maternity:hover{background-color:#fff1f2;border-color:#fda4af}.count-btn-maternity.count-selected{background:linear-gradient(135deg,#f43f5e 0,#ec4899 100%);border-color:#f43f5e;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(244,63,94,.3)}#maternity-file-input-area .file-input-wrapper{position:relative;aspect-ratio:3/4;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#fff1f2 0,#ffe4e6 100%);transition:all .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:200px}#maternity-file-input-area .file-input-wrapper:hover{border-color:#f43f5e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,63,94,.15)}#maternity-file-input-area .file-input-wrapper.has-photo{background:#fff}#maternity-file-input-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-center:center;height:100%;padding:1rem;text-align:center}#maternity-file-input-area .upload-placeholder i{font-size:2.5rem;color:#f9a8d4;margin-bottom:.5rem}#maternity-file-input-area .upload-placeholder p{font-size:.875rem;color:#e11d48;font-weight:600}#maternity-file-input-area .photo-preview{width:100%;height:100%;object-fit:cover}#maternity-file-input-area .delete-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;border:none;border-radius:9999px;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3)}#maternity-file-input-area .file-input-wrapper:hover .delete-btn{opacity:1}#maternity-file-input-area .delete-btn:hover{background:#dc2626;transform:scale(1.1)}@media (max-width:640px){#maternity-file-input-area .file-input-wrapper.has-photo .delete-btn{opacity:1}#maternity-file-input-area .file-input-wrapper{min-height:250px}}.upload-box-caption{cursor:pointer;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent}.upload-box-caption *{pointer-events:none}.upload-box-caption:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(245,158,11,.3)}.option-btn-caption{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-caption *{pointer-events:none}.option-btn-caption::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(245,158,11,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-caption:hover::before{width:300px;height:300px}.option-btn-caption:hover{border-color:#f59e0b;background-color:#fef3c7;transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.25)}.option-btn-caption.selected{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);border-color:#d97706;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(245,158,11,.4);transform:translateY(-2px)}.option-btn-caption.selected::before{width:300px;height:300px}.option-btn-caption:active{transform:scale(.98)}#caption-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#caption-results-grid .action-btn *{pointer-events:none}.upload-box-comparison{transition:all .3s ease}.upload-box-comparison:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(59,130,246,.3)}.option-btn-comparison{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-comparison *{pointer-events:none}.option-btn-comparison::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(59,130,246,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-comparison:hover::before{width:300px;height:300px}.option-btn-comparison:hover{border-color:#3b82f6;background-color:#dbeafe;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.25)}.option-btn-comparison.selected{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);border-color:#2563eb;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(59,130,246,.4);transform:translateY(-2px)}.option-btn-comparison.selected::before{width:300px;height:300px}.option-btn-comparison:active{transform:scale(.98)}#comparison-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#comparison-results-grid .action-btn *{pointer-events:none}.product-upload-slot{position:relative;border:2px dashed #cbd5e1;border-radius:1rem;padding:1.5rem;transition:all .3s ease;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);user-select:none;-webkit-tap-highlight-color:transparent}.product-upload-slot *{pointer-events:none}.product-upload-slot:hover{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.2)}.product-upload-slot.has-image{border-style:solid;border-color:#3b82f6;background:#fff}.count-btn-comparison{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-comparison:hover{background-color:#dbeafe;border-color:#93c5fd}.count-btn-comparison.count-selected{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);border-color:#3b82f6;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(59,130,246,.3)}.platform-btn-caption,.tone-btn-caption{position:relative;padding:.75rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.platform-btn-caption:hover,.tone-btn-caption:hover{border-color:#a855f7;background-color:#fae8ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.25)}.platform-btn-caption.selected,.tone-btn-caption.selected{background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);border-color:#a855f7;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(168,85,247,.4);transform:translateY(-2px)}.count-btn-caption{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-caption:hover{background-color:#fae8ff;border-color:#d8b4fe}.count-btn-caption.count-selected{background:linear-gradient(135deg,#a855f7 0,#ec4899 100%);border-color:#a855f7;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(168,85,247,.3)}.upload-box-tattoo{cursor:pointer;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent}.upload-box-tattoo *{pointer-events:none}.upload-box-tattoo:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(139,92,246,.3)}.option-btn-tattoo{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-tattoo *{pointer-events:none}.option-btn-tattoo::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(139,92,246,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-tattoo:hover::before{width:300px;height:300px}.option-btn-tattoo:hover{border-color:#8b5cf6;background-color:#ede9fe;transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.25)}.option-btn-tattoo.selected{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);border-color:#7c3aed;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(139,92,246,.4);transform:translateY(-2px)}.option-btn-tattoo.selected::before{width:300px;height:300px}.option-btn-tattoo:active{transform:scale(.98)}.count-btn-tattoo{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-tattoo:hover{background-color:#ede9fe;border-color:#c4b5fd}.count-btn-tattoo.count-selected{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);border-color:#8b5cf6;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(139,92,246,.3)}#tattoo-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#tattoo-results-grid .action-btn *{pointer-events:none}.upload-box-unboxing{transition:all .3s ease}.upload-box-unboxing:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(251,146,60,.3)}.option-btn-unboxing{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-unboxing *{pointer-events:none}.option-btn-unboxing::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(251,146,60,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-unboxing:hover::before{width:300px;height:300px}.option-btn-unboxing:hover{border-color:#fb923c;background-color:#ffedd5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,146,60,.25)}.option-btn-unboxing.selected{background:linear-gradient(135deg,#fb923c 0,#f97316 100%);border-color:#f97316;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(251,146,60,.4);transform:translateY(-2px)}.option-btn-unboxing.selected::before{width:300px;height:300px}.option-btn-unboxing:active{transform:scale(.98)}#unboxing-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#unboxing-results-grid .action-btn *{pointer-events:none}.count-btn-unboxing{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-unboxing:hover{background-color:#ffedd5;border-color:#fdba74}.count-btn-unboxing.count-selected{background:linear-gradient(135deg,#fb923c 0,#f97316 100%);border-color:#fb923c;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(251,146,60,.3)}.upload-box-beforeafter{transition:all .3s ease}.upload-box-beforeafter:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(16,185,129,.3)}.option-btn-beforeafter{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-beforeafter *{pointer-events:none}.option-btn-beforeafter::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(16,185,129,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-beforeafter:hover::before{width:300px;height:300px}.option-btn-beforeafter:hover{border-color:#10b981;background-color:#d1fae5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.25)}.option-btn-beforeafter.selected{background:linear-gradient(135deg,#10b981 0,#059669 100%);border-color:#059669;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(16,185,129,.4);transform:translateY(-2px)}.option-btn-beforeafter.selected::before{width:300px;height:300px}.option-btn-beforeafter:active{transform:scale(.98)}#beforeafter-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#beforeafter-results-grid .action-btn *{pointer-events:none}.count-btn-beforeafter{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-beforeafter:hover{background-color:#d1fae5;border-color:#6ee7b7}.count-btn-beforeafter.count-selected{background:linear-gradient(135deg,#10b981 0,#059669 100%);border-color:#10b981;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(16,185,129,.3)}.upload-box-mockup{cursor:pointer;transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent}.upload-box-mockup *{pointer-events:none}.upload-box-mockup:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(99,102,241,.3)}.option-btn-mockup{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-mockup *{pointer-events:none}.option-btn-mockup::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(99,102,241,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-mockup:hover::before{width:300px;height:300px}.option-btn-mockup:hover{border-color:#6366f1;background-color:#e0e7ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.25)}.option-btn-mockup.selected{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%);border-color:#4f46e5;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(99,102,241,.4);transform:translateY(-2px)}.option-btn-mockup.selected::before{width:300px;height:300px}.option-btn-mockup:active{transform:scale(.98)}#mockup-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#mockup-results-grid .action-btn *{pointer-events:none}.count-btn-mockup{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-mockup:hover{background-color:#e0e7ff;border-color:#a5b4fc}.count-btn-mockup.count-selected{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%);border-color:#6366f1;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(99,102,241,.3)}.upload-box-testimonial{transition:all .3s ease}.upload-box-testimonial:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(6,182,212,.3)}.option-btn-testimonial{position:relative;padding:.75rem 1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.option-btn-testimonial *{pointer-events:none}.option-btn-testimonial::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(6,182,212,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-testimonial:hover::before{width:300px;height:300px}.option-btn-testimonial:hover{border-color:#06b6d4;background-color:#cffafe;transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,.25)}.option-btn-testimonial.selected{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%);border-color:#0891b2;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(6,182,212,.4);transform:translateY(-2px)}.option-btn-testimonial.selected::before{width:300px;height:300px}.option-btn-testimonial:active{transform:scale(.98)}#testimonial-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#testimonial-results-grid .action-btn *{pointer-events:none}.count-btn-testimonial{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-testimonial:hover{background-color:#cffafe;border-color:#67e8f9}.count-btn-testimonial.count-selected{background:linear-gradient(135deg,#06b6d4 0,#0891b2 100%);border-color:#06b6d4;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(6,182,212,.3)}.upload-box-sizeguide{background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);border:3px dashed #fb923c;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(251,146,60,.1)}.upload-box-sizeguide:hover{background:linear-gradient(135deg,#ffedd5 0,#fed7aa 100%);border-color:#f97316;transform:translateY(-2px);box-shadow:0 8px 20px rgba(251,146,60,.2)}.option-btn-sizeguide{padding:.875rem 1.25rem;border-radius:.75rem;border:2px solid #fed7aa;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;position:relative;overflow:hidden}.option-btn-sizeguide::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(251,146,60,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-sizeguide:hover{border-color:#fb923c;background-color:#fff7ed;transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,146,60,.25)}.option-btn-sizeguide.selected{background:linear-gradient(135deg,#fb923c 0,#f97316 100%);border-color:#f97316;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(251,146,60,.4);transform:translateY(-2px)}.option-btn-sizeguide.selected::before{width:300px;height:300px}.option-btn-sizeguide:active{transform:scale(.98)}#sizeguide-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#sizeguide-results-grid .action-btn *{pointer-events:none}.count-btn-sizeguide{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-sizeguide:hover{background-color:#fff7ed;border-color:#fdba74}.count-btn-sizeguide.count-selected{background:linear-gradient(135deg,#fb923c 0,#f97316 100%);border-color:#fb923c;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(251,146,60,.3)}.upload-box-videoframes{background:linear-gradient(135deg,#faf5ff 0,#f3e8ff 100%);border:3px dashed #a855f7;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(168,85,247,.1)}.upload-box-videoframes:hover{background:linear-gradient(135deg,#f3e8ff 0,#e9d5ff 100%);border-color:#9333ea;transform:translateY(-2px);box-shadow:0 8px 20px rgba(168,85,247,.2)}.option-btn-videoframes{padding:.875rem 1.25rem;border-radius:.75rem;border:2px solid #e9d5ff;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;position:relative;overflow:hidden}.option-btn-videoframes::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(168,85,247,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-videoframes:hover{border-color:#a855f7;background-color:#faf5ff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.25)}.option-btn-videoframes.selected{background:linear-gradient(135deg,#a855f7 0,#9333ea 100%);border-color:#9333ea;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(168,85,247,.4);transform:translateY(-2px)}.option-btn-videoframes.selected::before{width:300px;height:300px}.option-btn-videoframes:active{transform:scale(.98)}#videoframes-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#videoframes-results-grid .action-btn *{pointer-events:none}.count-btn-videoframes{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-videoframes:hover{background-color:#faf5ff;border-color:#c084fc}.count-btn-videoframes.count-selected{background:linear-gradient(135deg,#a855f7 0,#9333ea 100%);border-color:#a855f7;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(168,85,247,.3)}.upload-box-vehicle{background:linear-gradient(135deg,#fef2f2 0,#fee2e2 100%);border:3px dashed #ef4444;border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 12px rgba(239,68,68,.1)}.upload-box-vehicle:hover{background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%);border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px rgba(239,68,68,.2)}.option-btn-vehicle{padding:.875rem 1.25rem;border-radius:.75rem;border:2px solid #fecaca;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;position:relative;overflow:hidden}.option-btn-vehicle::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(239,68,68,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.option-btn-vehicle:hover{border-color:#ef4444;background-color:#fef2f2;transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.25)}.option-btn-vehicle.selected{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);border-color:#dc2626;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(239,68,68,.4);transform:translateY(-2px)}.option-btn-vehicle.selected::before{width:300px;height:300px}.option-btn-vehicle:active{transform:scale(.98)}#vehicle-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#vehicle-results-grid .action-btn *{pointer-events:none}.count-btn-vehicle{padding:.625rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background-color:#f9fafb;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;font-size:.875rem;color:#374151}.count-btn-vehicle:hover{background-color:#fef2f2;border-color:#fca5a5}.count-btn-vehicle.count-selected{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);border-color:#ef4444;color:#fff;font-weight:700;box-shadow:0 4px 12px rgba(239,68,68,.3)}#login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:99999;color:#fff}.login-box{background:rgba(255,255,255,.15);padding:40px;border-radius:20px;backdrop-filter:blur(15px);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);border:1px solid rgba(255,255,255,.18);text-align:center;width:90%;max-width:400px}.login-box h2{font-size:2rem;margin-bottom:.5rem;font-weight:700}.login-box p{opacity:.9;margin-bottom:1.5rem}.login-input{padding:14px 18px;border-radius:10px;border:2px solid rgba(255,255,255,.3);margin-bottom:15px;width:100%;box-sizing:border-box;font-size:16px;background:rgba(255,255,255,.9);color:#333;transition:all .3s ease}.login-input:focus{outline:0;border-color:#00d2ff;background:#fff;box-shadow:0 0 15px rgba(0,210,255,.3)}.login-btn{padding:14px 0;width:100%;background:linear-gradient(135deg,#00d2ff 0,#3a7bd5 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,210,255,.4)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,210,255,.6)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ff6b6b;margin-top:15px;font-size:.9em;min-height:20px;font-weight:500;background:rgba(255,107,107,.1);padding:8px;border-radius:8px}.login-loading{display:none;color:gold;margin-top:15px;font-weight:700;font-size:.95em}.login-loading i{animation:spin 1s linear infinite}#main-app{display:none}#main-app.unlocked{display:block}.user-info-badge{position:fixed;top:10px;right:10px;background:rgba(255,255,255,.95);padding:8px 15px;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1001;display:none;align-items:center;gap:10px}.user-info-badge.active{display:flex}.logout-btn-small{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;border:none;padding:5px 12px;border-radius:15px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease}.logout-btn-small:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(239,68,68,.4)}.count-btn-model,.gender-btn-model,.ratio-btn-model,.type-btn-model{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.count-btn-model *,.gender-btn-model *,.ratio-btn-model *,.type-btn-model *{pointer-events:none}#buat-model-results-grid .action-btn{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}#buat-model-results-grid .action-btn *{pointer-events:none}#buat-model-upload-area label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#buat-model-upload-area.drag-over{border-color:#7c3aed!important;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(99,102,241,.1))!important}</style>
