*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:liquidBlob1 20s ease-in-out infinite;background:radial-gradient(circle,#7877c62e 0,#6366f11f 40%,#0000 70%);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;filter:blur(80px);height:800px;left:-200px;top:-200px;width:800px}body:after,body:before{content:"";position:fixed;will-change:transform,border-radius;z-index:0}body:after{animation:liquidBlob2 18s ease-in-out infinite;background:radial-gradient(circle,#a855f729 0,#6366f11a 50%,#0000 70%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:-150px;filter:blur(70px);height:600px;right:-150px;width:600px}@keyframes liquidBlob1{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:translate(0) rotate(0deg) scale(1)}25%{border-radius:60% 40% 50% 50%/70% 30% 50% 50%;transform:translate(100px,150px) rotate(90deg) scale(1.1)}50%{border-radius:50% 50% 30% 70%/50% 60% 40% 50%;transform:translate(250px,100px) rotate(180deg) scale(.95)}75%{border-radius:30% 70% 60% 40%/50% 50% 30% 70%;transform:translate(150px,50px) rotate(270deg) scale(1.05)}}@keyframes liquidBlob2{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0) rotate(0deg) scale(1)}33%{border-radius:40% 60% 70% 30%/30% 70% 40% 60%;transform:translate(-180px,-120px) rotate(-120deg) scale(1.08)}66%{border-radius:70% 30% 40% 60%/40% 60% 30% 70%;transform:translate(-100px,-80px) rotate(-240deg) scale(.92)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#a855f7;--accent-color:#ec4899;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-card:#11111180;--bg-card-hover:#18181899;--glass-bg:#11111140;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--border-color:#ffffff1a;--border-hover:#fff3;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-md:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-lg:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--shadow-xl:0 25px 50px -12px #00000080;--glow-primary:0 0 20px #6366f180,0 0 40px #6366f133;--glow-secondary:0 0 20px #a855f780,0 0 40px #a855f733}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--border-hover)}.app-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;justify-content:space-between;min-height:60px;padding:clamp(.75rem,1.5vh,1rem) clamp(1.5rem,3vw,2rem);position:relative}.app-header:after{background:linear-gradient(90deg,#0000,var(--primary-color),var(--secondary-color),#0000);bottom:0;content:"";height:1px;left:0;opacity:.6;position:absolute;right:0}.header-content{flex:1 1}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,2vw,1.125rem);font-weight:700;margin-bottom:clamp(.15rem,.5vh,.25rem)}.header-subtitle{color:var(--text-secondary);font-weight:400}.header-subtitle,.reset-button{font-size:clamp(.75rem,1.5vw,.875rem)}.reset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:clamp(.5rem,1vh,.625rem) clamp(1rem,2vw,1.25rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-button:hover{border-color:var(--primary-color);box-shadow:0 0 20px #6366f14d;transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}.header-actions{align-items:center;display:flex;gap:clamp(.75rem,1.5vw,1rem);position:absolute;right:clamp(1.5rem,3vw,2rem);top:clamp(.75rem,1.5vh,1rem)}.login-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 0 20px #6366f14d;color:#fff;cursor:pointer;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;padding:clamp(.5rem,1vh,.625rem) clamp(1rem,2vw,1.5rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.login-button:hover{box-shadow:0 0 25px #6366f180;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.user-menu-container{position:relative}.user-menu-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;gap:.5rem;padding:clamp(.5rem,1vh,.625rem) clamp(.75rem,1.5vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-menu-button:hover{border-color:var(--primary-color);box-shadow:0 0 20px #6366f133}.chevron-icon,.menu-icon,.user-icon{flex-shrink:0;height:18px;width:18px}.chevron-icon{height:16px;transition:transform .3s ease;width:16px}.user-menu-button:hover .chevron-icon{transform:rotate(180deg)}.user-menu-dropdown{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding:.75rem}.user-menu-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.user-menu-role{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.user-menu-item:hover{background:var(--bg-card-hover)}.user-menu-item.logout{border-top:1px solid var(--border-color);color:var(--error-color);margin-top:.25rem;padding-top:.75rem}.user-menu-item.logout:hover{background:#ef44441a}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.header-title{font-size:1.5rem}.header-subtitle{font-size:.875rem}.header-actions{justify-content:center;width:100%}.login-button,.reset-button{flex:1 1;min-width:120px}.user-menu-dropdown{left:50%;right:auto;transform:translateX(-50%)}}.step-indicator{background:var(--bg-gray);border-bottom:1px solid var(--border-color);justify-content:center;padding:clamp(.75rem,1.5vh,1rem) clamp(1.5rem,3vw,2rem)}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:clamp(.25rem,.75vh,.375rem)}.step-number{align-items:center;border-radius:50%;display:flex;font-size:clamp(.6875rem,1.3vw,.8125rem);font-weight:600;height:clamp(30px,6vw,36px);justify-content:center;transition:all .3s ease;width:clamp(30px,6vw,36px)}.step.pending .step-number{background:var(--bg-white);border:2px solid var(--border-color);color:var(--text-secondary)}.step.active .step-number{background:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 0 0 clamp(2px,.5vw,3px) #667eea1a;color:#fff}.step.completed .step-number{background:var(--success-color);border:2px solid var(--success-color);color:#fff}.step-label{color:var(--text-secondary);font-size:clamp(.625rem,1.2vw,.6875rem);font-weight:500;white-space:nowrap}.step.active .step-label{color:var(--text-primary);font-weight:600}.step-connector{background:var(--border-color);height:2px;margin:0 clamp(.25rem,.75vw,.375rem) clamp(.75rem,2vh,1rem);transition:all .3s ease;width:clamp(40px,8vw,50px)}.step-connector.completed{background:var(--success-color)}@media (max-width:768px){.step-indicator{overflow-x:auto;padding:1.5rem 1rem}.step-number{font-size:.75rem;height:32px;width:32px}.step-label{font-size:.625rem}.step-connector{width:30px}}.page{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,.75rem);height:100%;min-height:0;overflow:hidden}.page-header{flex-shrink:0;text-align:center}.page-header,.page-title{margin-bottom:clamp(.2rem,.5vh,.375rem)}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(.875rem,2vw,1.125rem);font-weight:700;line-height:1.2}.page-description{color:var(--text-secondary);font-size:clamp(.625rem,1.2vw,.75rem);line-height:1.5;margin:0 auto;max-width:600px}.page-content{flex:1 1;flex-direction:column;gap:clamp(1rem,2.5vh,1.5rem)}.page-content,.page-content-horizontal{align-items:center;display:flex;min-height:0;overflow:hidden;width:100%}.page-content-horizontal{flex:1 1;flex-direction:row;gap:clamp(1.5rem,3vw,2.5rem)}.page-header-left{display:flex;flex:0 0 auto;flex-direction:column;gap:clamp(.3rem,1vh,.5rem);justify-content:center;max-width:40%}.page-header-left .page-title{font-size:clamp(1rem,2.5vw,1.375rem);text-align:left}.page-header-left .page-description{font-size:clamp(.75rem,1.5vw,.875rem);margin:0;max-width:100%;text-align:left}.page-content-right{align-items:center;flex:1 1;min-height:0;overflow:hidden}.page-actions,.page-content-right{display:flex;justify-content:center}.page-actions{flex-shrink:0;flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(.75rem,2vh,1.25rem)}.page-header-compact{margin-bottom:clamp(.3rem,.75vh,.5rem)}.page-title-compact{font-size:clamp(.875rem,2vw,1.125rem);line-height:1.2}.page-actions-compact{flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.625rem);margin-top:clamp(.5rem,1.25vh,.75rem)}.button{border-radius:10px;font-size:clamp(.875rem,1.5vw,.9375rem);outline:none;overflow:hidden;padding:clamp(.625rem,1.5vh,.875rem) clamp(1.25rem,3vw,1.875rem);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.button:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.button:hover:before{height:300px;width:300px}.button:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.button:disabled:before{display:none}.button-primary{box-shadow:0 0 20px #6366f14d;position:relative;z-index:1}.button-primary:hover:not(:disabled){box-shadow:var(--glow-primary);transform:translateY(-2px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card)}.button-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary-color);box-shadow:0 0 20px #6366f133}.validation-warnings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b1a;border:1px solid var(--warning-color);border-radius:12px;max-width:600px;padding:1.5rem;width:100%}.validation-warnings h4{color:var(--warning-color);font-size:1rem;font-weight:600;margin-bottom:.75rem}.validation-warnings ul{list-style:none;margin:0;padding:0}.validation-warnings li{color:var(--text-secondary);font-size:.9375rem;padding:.5rem 0 .5rem 2rem;position:relative}.validation-warnings li:before{content:"⚠️";font-size:1.125rem;left:0;position:absolute}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 0 20px #6366f14d;height:48px;width:48px}.help-text{color:var(--text-tertiary);font-size:.9375rem;line-height:1.6;margin-top:.75rem}@media (max-width:1024px){.page-title{font-size:2rem}.page-description{font-size:1rem}.page-content-horizontal{flex-direction:column;gap:clamp(.75rem,2vh,1rem)}.page-header-left{max-width:100%;text-align:center}.page-header-left .page-description,.page-header-left .page-title{text-align:center}.page-content-right{width:100%}}@media (max-width:768px){.page{gap:2rem}.page-title{font-size:1.75rem}.page-description{font-size:.9375rem}.page-actions{flex-direction:column;gap:.75rem;width:100%}.button{padding:.875rem 2rem;width:100%}.page-content-horizontal{gap:clamp(.5rem,1.5vh,.75rem)}}.page-header-compact{flex-shrink:0;margin-bottom:.5rem;text-align:center}.page-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;margin:0}.page-content-split{gap:1rem;margin:0 auto;max-width:1260px;overflow:hidden;width:100%}.page-content-split,.templates-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.templates-section{gap:.5rem}.section-title{color:var(--text-primary);flex-shrink:0;font-size:clamp(.875rem,2vw,1rem);font-weight:600;margin:0;text-align:center}.presets-grid-4x4{grid-gap:clamp(.75rem,1.5vw,1rem);flex:1 1;gap:clamp(.75rem,1.5vw,1rem);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);min-height:0}.preset-card-compact{border-radius:12px;min-height:0}.preset-image-container-compact{align-items:center;background:var(--bg-tertiary);display:flex;flex:1 1;justify-content:center;min-height:0}.preset-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:1}.preset-image-placeholder{color:var(--text-muted);font-size:2.5rem;font-weight:700;letter-spacing:.3rem;opacity:.5;position:absolute;text-transform:uppercase;z-index:0}.preset-image-placeholder.image-loaded{display:none}.preset-card-compact:hover .preset-image{transform:scale(1.05)}.preset-selected-badge{animation:scaleIn .3s ease;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 15px #6366f199;font-size:.75rem;right:.5rem}.delete-preset-btn,.preset-selected-badge{height:24px;top:.5rem;width:24px;z-index:2}.delete-preset-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;left:.5rem;line-height:1;padding:0;position:absolute;transition:all .3s ease}.delete-preset-btn:hover{background:#ef4444;box-shadow:0 0 12px #ef444480;transform:scale(1.1)}.preset-info-compact{background:var(--bg-card);gap:.25rem;padding:.75rem;text-align:center}.preset-name-compact{font-size:.875rem}.preset-name-input{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:600;padding:.25rem;text-align:center;transition:all .2s ease;width:100%}.preset-name-input:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.preset-name-input:focus{background:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a;outline:none}.replace-template-btn{align-items:center;background:#6366f1e6;border:none;border-radius:50%;bottom:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:.5rem;transition:all .3s ease;width:24px;z-index:2}.preset-card-compact:hover .replace-template-btn{opacity:1}.replace-template-btn:hover{background:#6366f1;box-shadow:0 0 12px #6366f180;transform:scale(1.1)}.add-preset-card{background:#6366f10d}.add-preset-card:hover{background:#6366f11a}.add-preset-icon{font-size:3rem;font-weight:300;line-height:1}.add-preset-card:hover .add-preset-icon{transform:scale(1.1)}.manual-upload-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.manual-upload-card:hover{background:#6366f10d;border-color:var(--primary-color);box-shadow:0 0 25px #6366f14d;transform:translateY(-2px)}.manual-upload-card.has-file{border-color:var(--primary-color);border-style:solid;box-shadow:0 0 25px #6366f180}.upload-placeholder{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-height:0;padding:1rem}.upload-icon{flex-shrink:0;font-size:clamp(1.5rem,3vw,2.5rem);opacity:.6;transition:all .3s ease}.manual-upload-card:hover .upload-icon{opacity:1;transform:scale(1.1)}.upload-text{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600}.upload-subtext,.upload-text{flex-shrink:0;text-align:center}.upload-subtext{color:var(--text-secondary);font-size:clamp(.625rem,1.2vw,.75rem)}.upload-preview-container{align-items:center;background:var(--bg-tertiary);display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative;width:100%}.upload-preview-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.upload-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.manual-upload-card:hover .upload-overlay{opacity:1}.upload-overlay .upload-text{color:#fff;font-size:clamp(.75rem,1.5vw,.875rem)}.page-actions-compact{display:flex;flex-shrink:0;justify-content:center;margin-top:.75rem;width:100%}@media (max-width:1024px){.presets-grid-4x4{gap:.75rem}.manual-upload-card,.preset-card-compact{border-radius:10px}}@media (max-width:768px){.page-header-compact{margin-bottom:1rem}.page-title-compact{font-size:1.5rem}.page-content-split{gap:1rem}.presets-grid-4x4{gap:.75rem;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.manual-upload-card,.preset-card-compact{border-radius:8px}.preset-info-compact{padding:.5rem}.preset-name-compact{font-size:.75rem}.section-title{font-size:.9375rem}.add-preset-icon{font-size:2rem}.upload-icon{font-size:1.5rem}.delete-preset-btn,.preset-selected-badge{font-size:.625rem;height:20px;width:20px}.delete-preset-btn{font-size:1rem}.page-actions-compact{margin-top:1rem}}@media (max-width:480px){.page-content-split{gap:.75rem}.presets-grid-4x4{gap:.625rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.upload-placeholder{gap:.5rem;padding:.75rem}.preset-info-compact{padding:.375rem}.preset-name-compact{font-size:.625rem}}.file-upload-container{flex-shrink:0;margin:0 auto;max-width:580px;width:100%}.dropzone{background:var(--bg-white);border:3px dashed var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;padding:clamp(1.5rem,3vh,2.5rem) clamp(1rem,2vw,1.5rem);position:relative;text-align:center;transition:all .3s ease}.dropzone:hover{background:var(--bg-gray)}.dropzone.active,.dropzone:hover{border-color:var(--primary-color)}.dropzone.active{background:#667eea0d}.dropzone.has-preview{border:none;padding:0}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,.75rem)}.upload-icon{font-size:clamp(2rem,4vh,2.5rem)}.upload-text{color:var(--text-primary);font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:500}.help-text{color:var(--text-secondary);font-size:clamp(.75rem,1.2vw,.8125rem);margin-top:clamp(.25rem,.5vh,.375rem)}.preview-container{border-radius:12px;height:clamp(200px,28vh,260px);overflow:hidden;position:relative;width:100%}.preview-image{height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.preview-overlay p{color:#fff;font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:500}.templates-section{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.presets-grid-4x4{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem;max-width:100%;width:100%}@media (min-width:1400px){.presets-grid-4x4{grid-template-columns:repeat(6,1fr)}}.preset-card-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;max-width:100%;min-height:140px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.preset-card-compact:hover{border-color:var(--primary-color);box-shadow:0 0 25px #6366f14d;transform:translateY(-2px)}.preset-card-compact.selected{border-color:var(--primary-color);box-shadow:0 0 25px #6366f180,inset 0 0 0 1px #6366f133}.preset-selected-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 8px #10b98166;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:.4rem;top:.4rem;width:22px;z-index:3}.preset-image-container-compact{flex-shrink:0;height:90px;overflow:hidden;position:relative;width:100%}.preset-info-compact{display:flex;flex:0 0 auto;flex-direction:column;gap:.1rem;min-height:0;padding:.4rem .5rem}.preset-name-compact{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-preset-card{background:#6366f108;border-style:dashed}.add-preset-card:hover{background:#6366f114;border-color:var(--primary-color)}.add-preset-icon{align-items:center;color:var(--primary-color);display:flex;font-size:2.5rem;height:100%;justify-content:center;opacity:.6;transition:all .3s ease}.add-preset-card:hover .add-preset-icon{opacity:1;transform:scale(1.15)}.variants-selector-row{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;justify-content:center;margin-top:.5rem;padding:.4rem .75rem}.variants-label-inline{color:var(--text-primary);font-size:.8125rem;font-weight:600;white-space:nowrap}.variants-label-inline strong{color:var(--primary-color);font-size:.9375rem;margin-left:.4rem}.variants-slider-container{align-items:center;display:flex;flex:1 1;gap:1rem;max-width:400px}.variants-slider-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:1.25rem;text-align:center}.variants-slider-compact{-webkit-appearance:none;background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 0,var(--border-color) 0,var(--border-color) 100%);background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) calc(14.28571%*(var(--value, 1) - 1)),var(--border-color) calc(14.28571%*(var(--value, 1) - 1)),var(--border-color) 100%);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.variants-slider-compact::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 0 0 2px #6366f133,0 2px 4px #0000004d;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.variants-slider-compact::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #6366f14d,0 4px 8px #0006;transform:scale(1.15)}.variants-slider-compact::-moz-range-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;box-shadow:0 0 0 2px #6366f133,0 2px 4px #0000004d;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.variants-slider-compact::-moz-range-thumb:hover{box-shadow:0 0 0 4px #6366f14d,0 4px 8px #0006;transform:scale(1.15)}.prompt-card-visual{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);display:flex;justify-content:center;overflow:hidden;position:relative}.prompt-card-visual:before{background:radial-gradient(circle at 30% 30%,#6366f126,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.preset-card-compact:hover .prompt-card-visual:before{opacity:1}.prompt-type-indicator{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));font-size:2.25rem;opacity:.6;transition:all .3s ease}.preset-card-compact:hover .prompt-type-indicator{opacity:1;transform:scale(1.1)}.popular-badge-overlay{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;box-shadow:0 2px 8px #fbbf2466;color:#fff;font-size:.55rem;font-weight:700;left:.4rem;letter-spacing:.3px;padding:.15rem .35rem;position:absolute;top:.4rem;z-index:2}.prompt-preview-btn{align-items:center;background:#6366f1e6;border:none;border-radius:50%;bottom:.4rem;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:.4rem;transform:scale(.8);transition:all .3s ease;width:24px;z-index:2}.preset-card-compact:hover .prompt-preview-btn{opacity:1;transform:scale(1)}.prompt-preview-btn:hover{background:#6366f1;box-shadow:0 0 12px #6366f180;transform:scale(1.1)}.prompt-preview-btn svg{height:14px;width:14px}.template-actions{display:flex;gap:.3rem;left:.4rem;opacity:0;position:absolute;top:.4rem;transform:translateX(-5px);transition:all .3s ease;z-index:2}.preset-card-compact:hover .template-actions{opacity:1;transform:translateX(0)}.template-action-btn{align-items:center;background:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.template-action-btn svg{height:13px;width:13px}.template-action-btn.edit-btn:hover{background:#3b82f6e6;box-shadow:0 2px 8px #3b82f666;transform:scale(1.1)}.template-action-btn.delete-btn:hover{background:#ef4444e6;box-shadow:0 2px 8px #ef444466;transform:scale(1.1)}.preset-description-tiny{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.625rem;line-height:1.2;margin:.15rem 0 0;overflow:hidden;text-overflow:ellipsis}.disabled-card{cursor:not-allowed;opacity:.4;pointer-events:none}.custom-prompt-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;max-width:100%;min-height:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-prompt-card:hover{background:#6366f10d;border-color:var(--primary-color);box-shadow:0 0 25px #6366f14d;transform:translateY(-2px)}.custom-prompt-card.selected{border-color:var(--primary-color);border-style:solid;box-shadow:0 0 25px #6366f180,inset 0 0 0 1px #6366f133}.custom-prompt-placeholder{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.35rem;justify-content:center;min-height:0;padding:.75rem .5rem}.custom-prompt-icon-large{flex-shrink:0;font-size:clamp(1.75rem,3.5vw,2.25rem);opacity:.6;transition:all .3s ease}.custom-prompt-card:hover .custom-prompt-icon-large{opacity:1;transform:scale(1.1)}.custom-prompt-placeholder-text{color:var(--text-primary);flex-shrink:0;font-size:clamp(.75rem,1.3vw,.85rem);font-weight:600;text-align:center}.custom-prompt-placeholder-subtext{color:var(--text-secondary);flex-shrink:0;font-size:clamp(.625rem,1vw,.7rem);text-align:center}.custom-prompt-preview-container{align-items:center;background:linear-gradient(135deg,#6366f10d,#a855f70d);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow:hidden;padding:.5rem;position:relative;width:100%}.custom-prompt-icon{font-size:1.25rem;margin-bottom:.35rem;opacity:.7}.custom-prompt-preview-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.65rem;line-height:1.3;overflow:hidden;text-align:center}.custom-prompt-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.custom-prompt-card:hover .custom-prompt-overlay{opacity:1}.custom-prompt-overlay-text{color:#fff;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:1000}.modal-content-large{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;margin:auto;max-height:75vh;max-width:700px;width:100%}.modal-header{flex-shrink:0;padding:1rem 1.25rem}.modal-title{font-size:1.125rem;margin:0}.modal-close{align-items:center;border-radius:8px;display:flex;font-size:1.5rem;justify-content:center;line-height:1}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem}.modal-footer{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem}.modal-footer .button{flex:1 1}.custom-prompt-editor{display:flex;flex-direction:column;gap:.875rem}.custom-prompt-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.custom-prompt-textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;line-height:1.5;max-height:250px;min-height:100px;overflow-y:auto;padding:.875rem;resize:vertical;transition:border-color .2s ease;width:100%}.custom-prompt-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}input.custom-prompt-textarea,select.custom-prompt-textarea{cursor:text;resize:none}select.custom-prompt-textarea{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.custom-prompt-tips{background:#6366f10d;border-left:3px solid var(--primary-color);border-radius:6px;padding:.875rem}.tip-title{color:var(--text-primary);font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.tip-list{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin:0;padding-left:1.25rem}.tip-list li{margin-bottom:.25rem}.prompt-preview-container{display:flex;flex-direction:column;gap:.875rem}.prompt-preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.prompt-category-tag{background:#6366f11a;color:var(--primary-color);font-weight:600;text-transform:uppercase}.prompt-category-tag,.prompt-popular-tag{border-radius:6px;font-size:.75rem;letter-spacing:.5px;padding:.25rem .75rem}.prompt-popular-tag{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:700}.prompt-preview-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.prompt-preview-divider{background:var(--border-color);height:1px;margin:.5rem 0}.prompt-preview-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.prompt-preview-text{word-wrap:break-word;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.8125rem;line-height:1.6;max-height:300px;overflow-y:auto;padding:.875rem;white-space:pre-wrap}@media (max-width:1200px){.presets-grid-4x4{gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (max-width:900px){.presets-grid-4x4{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preset-card-compact{min-height:130px}.preset-image-container-compact{height:85px}}@media (max-width:768px){.presets-grid-4x4{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.preset-card-compact{min-height:120px}.preset-image-container-compact{height:75px}.preset-name-compact{font-size:.6875rem}.preset-description-tiny{font-size:.5625rem}.variants-selector-row{flex-direction:column;gap:.65rem;padding:.5rem}.variants-slider-container{max-width:none;width:100%}.variants-label-inline{font-size:.75rem}.variants-label-inline strong{font-size:.875rem}.modal-content-large{border-radius:12px;margin:.5rem;max-height:90vh;max-width:none}.modal-header{padding:.875rem 1rem}.modal-body{padding:1rem}.modal-footer{padding:.875rem 1rem}.modal-title{font-size:1rem}.custom-prompt-textarea{font-size:.8125rem;max-height:250px;min-height:100px}}@media (max-width:600px){.presets-grid-4x4{gap:.45rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.preset-card-compact{border-width:1.5px;min-height:110px}.preset-image-container-compact{height:70px}.preset-name-compact{font-size:.6875rem}.preset-description-tiny{font-size:.5625rem}.preset-info-compact{padding:.35rem .4rem}.custom-prompt-icon-large{font-size:1.75rem}.custom-prompt-placeholder-text{font-size:.6875rem}.custom-prompt-placeholder-subtext{font-size:.5625rem}}@media (max-width:480px){.presets-grid-4x4{gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.preset-card-compact{border-radius:8px;border-width:1px;min-height:100px}.custom-prompt-card{border-width:1px}.preset-image-container-compact{height:60px}.preset-info-compact{padding:.3rem .35rem}.preset-name-compact{font-size:.625rem}.preset-description-tiny{font-size:.5rem;line-height:1.1}.prompt-type-indicator{font-size:1.75rem}.add-preset-icon{font-size:2rem}.preset-selected-badge{font-size:.7rem;height:18px;right:.3rem;top:.3rem;width:18px}.popular-badge-overlay{font-size:.5rem;left:.3rem;padding:.1rem .25rem;top:.3rem}.prompt-preview-btn{bottom:.3rem;height:20px;right:.3rem;width:20px}.prompt-preview-btn svg{height:12px;width:12px}.variants-label-inline{font-size:.75rem}.variants-label-inline strong{font-size:.8125rem}.variants-slider-compact{height:3px}.variants-slider-compact::-webkit-slider-thumb{height:14px;width:14px}.variants-slider-compact::-moz-range-thumb{height:14px;width:14px}}@media (max-width:360px){.presets-grid-4x4{gap:.35rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.preset-card-compact{min-height:90px}.custom-prompt-card,.preset-card-compact{border-radius:6px;border-width:1px}.preset-image-container-compact{height:55px}.preset-name-compact{font-size:.5625rem}.preset-description-tiny{display:none}.prompt-type-indicator{font-size:1.5rem}.add-preset-icon{font-size:1.75rem}.custom-prompt-icon-large{font-size:1.5rem}.custom-prompt-placeholder-text{font-size:.625rem}.custom-prompt-placeholder-subtext{font-size:.5625rem}.custom-prompt-placeholder{padding:.5rem .35rem}}.generation-page-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(.5rem,1.25vh,.75rem);margin:0 auto;max-width:1400px;min-height:0;overflow:hidden;width:100%}.generation-top-section{grid-gap:clamp(.5rem,1.5vw,.75rem);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;display:grid;flex-shrink:0;gap:clamp(.5rem,1.5vw,.75rem);grid-template-columns:auto 1fr;justify-content:center;padding:clamp(.4rem,1vh,.625rem)}.progress-circle{flex-shrink:0;height:clamp(70px,12vw,90px);position:relative;width:clamp(70px,12vw,90px)}.progress-circle svg{height:100%;width:100%}.progress-circle-fill{transition:stroke-dasharray .5s ease}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:var(--primary-color);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;line-height:1}.generation-info-compact{grid-gap:clamp(.3rem,1vw,.5rem);display:grid;flex:1 1;gap:clamp(.3rem,1vw,.5rem);grid-template-columns:repeat(2,1fr)}.info-item-compact{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:.125rem;padding:clamp(.3rem,1vh,.5rem);transition:all .2s ease}.info-item-compact[title]:hover{background:var(--bg-card-hover);border-color:var(--primary-color);cursor:help;transform:translateY(-1px)}.info-label-compact{color:var(--text-tertiary);font-size:clamp(.5625rem,1vw,.6875rem);font-weight:600;letter-spacing:.4px;text-transform:uppercase}.info-value-compact{color:var(--text-primary);font-size:clamp(.6875rem,1.3vw,.8125rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatars-grid-compact{grid-gap:12px!important;align-content:start!important;display:grid!important;flex-direction:row!important;gap:12px!important;grid-auto-rows:130px!important;grid-template-columns:repeat(4,130px)!important;justify-content:center!important;margin:0 auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important;width:100%!important}.avatar-card-preview{display:flex;flex-direction:column;position:relative}.avatar-image-container-preview{aspect-ratio:1;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.avatar-image-container-preview:hover{border-color:var(--primary-color);box-shadow:0 0 20px #6366f14d;transform:translateY(-2px)}.avatar-preview-image{display:block;height:100%;object-fit:cover;width:100%}.generation-bottom-bar{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;gap:clamp(.5rem,1.25vw,.625rem);justify-content:center;margin-top:clamp(.4rem,1vh,.625rem);padding-top:clamp(.4rem,1vh,.625rem)}.generation-bottom-bar .button{font-size:clamp(.75rem,1.5vw,.875rem);padding:clamp(.5rem,1.25vh,.625rem) clamp(1rem,2.5vw,1.25rem);white-space:nowrap}@media (max-width:1024px){.avatars-grid-compact{gap:10px;grid-auto-rows:115px;grid-template-columns:repeat(4,115px);padding:12px}.avatar-slot-card{height:115px;width:115px}}@media (max-width:768px){.generation-top-section{gap:clamp(.5rem,2vw,.75rem);grid-template-columns:1fr}.progress-circle{margin:0 auto}.generation-info-compact{grid-template-columns:1fr}.generation-bottom-bar{flex-direction:column;width:100%}.generation-bottom-bar .button{width:100%}.avatars-grid-compact{gap:8px;grid-auto-rows:105px;grid-template-columns:repeat(3,105px);padding:10px}.avatar-slot-card{height:105px;width:105px}}@media (max-width:480px){.avatars-grid-compact{gap:8px;grid-auto-rows:90px;grid-template-columns:repeat(2,90px);padding:8px}.avatar-slot-card{height:90px;width:90px}}.lightbox-overlay{animation:fadeIn .2s ease;background:#000000e6;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:10000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-image{animation:scaleIn .3s ease;border-radius:8px;box-shadow:0 10px 50px #00000080;cursor:default;height:auto;max-height:90vh;max-width:100%;width:auto}.lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:-40px;top:-40px;transition:all .2s ease;width:40px}.lightbox-close:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.lightbox-close{font-size:24px;height:36px;right:10px;top:10px;width:36px}.lightbox-image{max-height:85vh}}.save-template-modal{animation:modalSlideIn .3s ease;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0006;cursor:default;max-width:clamp(400px,90vw,500px);padding:clamp(1.25rem,3vh,1.875rem);width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{color:var(--text-primary);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;margin:0 0 clamp(.375rem,1vh,.5rem);text-align:center}.modal-subtitle{color:var(--text-secondary);font-size:clamp(.8125rem,1.6vw,.9375rem);line-height:1.5;margin:0 0 clamp(1rem,2.5vh,1.5rem);text-align:center}.modal-form{display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1rem)}.form-group{gap:clamp(.25rem,.6vh,.375rem)}.form-label{font-size:clamp(.75rem,1.5vw,.875rem)}.form-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:clamp(.8125rem,1.6vw,.9375rem);padding:clamp(.5rem,1.2vh,.625rem)}.form-input:focus{background:var(--bg-card-hover);box-shadow:0 0 15px #6366f133;outline:none}.modal-actions{display:flex;gap:clamp(.5rem,1.25vw,.625rem);justify-content:center;margin-top:clamp(.5rem,1.5vh,.75rem)}.modal-actions .button{flex:1 1;font-size:clamp(.8125rem,1.6vw,.9375rem);padding:clamp(.5rem,1.25vh,.625rem) clamp(1rem,2.5vw,1.25rem);white-space:nowrap}@media (max-width:768px){.save-template-modal{max-width:95vw;padding:1.25rem}.modal-title{font-size:1.125rem}.form-input,.modal-subtitle{font-size:.875rem}.form-input{padding:.625rem}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}}.avatar-slot-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;height:130px;overflow:hidden;position:relative;transition:all .3s ease;width:130px}.avatar-slot-card:hover{border-color:var(--primary-color);box-shadow:0 0 15px #6366f140;transform:translateY(-2px)}.slot-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.6}.slot-placeholder-icon{animation:pulse 2s ease-in-out infinite;font-size:2rem;margin-bottom:.375rem}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.slot-placeholder-text{color:var(--text-tertiary);font-size:.75rem;font-weight:500;text-align:center}.slot-processing{align-items:center;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;padding:1rem}.slot-progress-container{background:var(--bg-tertiary);height:8px;width:100%}.slot-progress-bar,.slot-progress-container{border-radius:4px;overflow:hidden;position:relative}.slot-progress-bar{background:linear-gradient(90deg,var(--primary-color),#818cf8);height:100%;transition:width .3s ease}.slot-progress-bar:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.slot-progress-text{color:var(--primary-color);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}.slot-completed{height:100%;position:relative}.slot-completed .avatar-image-container-preview{cursor:pointer;height:100%}.slot-completed .avatar-image-container-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.slot-completed .avatar-image-container-preview:hover img{transform:scale(1.05)}.slot-regenerate-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.125rem,2vw,1.375rem);height:clamp(28px,5vw,36px);justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:clamp(28px,5vw,36px)}.slot-completed:hover .slot-regenerate-btn{opacity:1}.slot-regenerate-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 15px #6366f180;transform:rotate(180deg) scale(1.1)}.slot-failed{align-items:center;background:#dc35450d;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem}.slot-error-icon{font-size:clamp(2rem,4vw,3rem)}.slot-error-icon,.slot-error-text{color:var(--error-color);margin-bottom:.25rem}.slot-error-text{font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.slot-error-details{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:clamp(.625rem,1.2vw,.75rem);max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis}.slot-retry-btn{background:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:clamp(.75rem,1.4vw,.875rem);font-weight:600;margin-top:.5rem;padding:clamp(.375rem,1vh,.5rem) clamp(.75rem,2vw,1rem);transition:all .3s ease}.slot-retry-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}@media (max-width:768px){.slot-placeholder-icon{font-size:1.25rem}.slot-progress-text{font-size:1.125rem}.slot-regenerate-btn{font-size:1.125rem;height:32px;width:32px}.slot-error-icon{font-size:2rem}.slot-retry-btn{font-size:.8125rem;padding:.5rem .875rem}}@media (max-width:480px){.avatar-slot-card{border-width:1.5px}.slot-placeholder-icon{font-size:1rem;margin-bottom:.375rem}.slot-placeholder-text{font-size:.6875rem}.slot-progress-container{height:6px}.slot-progress-text{font-size:1rem}.slot-regenerate-btn{font-size:1rem;height:28px;right:.375rem;top:.375rem;width:28px}.slot-error-icon{font-size:1.75rem}.slot-error-text{font-size:.8125rem}.slot-error-details{font-size:.625rem}.slot-retry-btn{font-size:.75rem;padding:.4375rem .75rem}}.download-page-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;min-height:0;overflow:hidden;width:100%}.avatars-grid-compact{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:center;justify-items:center;margin:-3px;max-width:100%;min-height:0;overflow-y:auto;padding:3px;width:100%}.avatar-card{display:flex;flex-direction:column;gap:.5rem;max-width:140px;position:relative;width:100%}.avatar-image-container{aspect-ratio:1;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.avatar-image-container:hover{border-color:var(--primary-color);box-shadow:0 0 20px #6366f14d;transform:translateY(-2px)}.avatar-image-container.selected{border-color:var(--primary-color);box-shadow:0 0 20px #6366f180}.avatar-image{display:block;height:100%;object-fit:cover;width:100%}.selection-overlay{animation:fadeIn .2s ease;background:#6366f14d;bottom:0;left:0;position:absolute;right:0;top:0}.checkmark,.selection-overlay{align-items:center;display:flex;justify-content:center}.checkmark{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 0 15px #6366f199;color:#fff;font-size:1.25rem;font-weight:700;height:32px;width:32px}.download-single-button-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;line-height:1;padding:.375rem;transition:all .3s ease}.download-single-button-compact:hover{background:var(--bg-card-hover);border-color:var(--primary-color);box-shadow:0 0 15px #6366f133;color:var(--primary-color)}.download-bottom-bar{border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;margin-top:.75rem;padding-top:.75rem}.download-actions-row,.download-bottom-bar{align-items:center;display:flex;gap:.625rem;justify-content:center}.download-actions-row{flex-wrap:wrap}.download-bottom-bar .button{font-size:clamp(.8125rem,2vw,.875rem);min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1.25rem;white-space:nowrap}.avatars-grid-compact::-webkit-scrollbar{width:8px}.avatars-grid-compact::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.avatars-grid-compact::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.avatars-grid-compact::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (max-width:1024px){.avatars-grid-compact{gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.avatar-card{gap:.375rem;max-width:120px}.checkmark{font-size:1.125rem;height:28px;width:28px}}@media (max-width:768px){.avatars-grid-compact{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.avatar-card{max-width:100px}.avatar-image-container{border-radius:8px}.checkmark{font-size:1rem;height:24px;width:24px}.download-single-button-compact{font-size:1rem;padding:.3125rem}.download-bottom-bar{gap:.5rem}.download-actions-row{flex-direction:column;gap:.5rem;width:100%}.download-bottom-bar .button{padding:.75rem 1rem;width:100%}}@media (max-width:480px){.avatars-grid-compact{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.avatar-card{max-width:80px}}.main-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;height:80.5vh;max-height:80.5vh;max-width:1260px;overflow:hidden;position:relative;width:90%}.main-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f180,#a855f780,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.content-area{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:clamp(.75rem,2vh,1.25rem) clamp(1rem,3vw,1.75rem)}@media (max-width:1024px){.main-container{height:86.25vh;max-height:86.25vh;max-width:90%;width:90%}}@media (max-width:768px){.main-container{border-radius:16px;height:92vh;max-height:92vh;max-width:95%;width:95%}}@media (max-width:480px){.main-container{border-radius:12px;height:97.75vh;max-height:97.75vh;max-width:100%;width:100%}}.login-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:clamp(2rem,5vw,3rem);width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:clamp(.875rem,2vw,1rem)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{align-items:center;animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid var(--error-color);border-radius:10px;color:var(--error-color);display:flex;font-size:.875rem;gap:.75rem;padding:1rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.form-label{font-size:.875rem;font-weight:600}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{cursor:not-allowed;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:color .2s ease}.password-toggle:hover:not(:disabled){color:var(--text-primary)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle .icon{height:20px;width:20px}.login-button{font-size:1rem;margin-top:.5rem;padding:1rem;width:100%}.button-loading{align-items:center;display:flex;gap:.75rem;justify-content:center}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;text-align:center}.footer-text{color:var(--text-secondary);font-size:.875rem}.footer-hint{background:#6366f10d;border:1px solid #6366f11a;border-radius:8px;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:.75rem;padding:.75rem}@media (max-width:768px){.login-page{padding:1rem}.login-container{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.form-input{font-size:16px}}@media (max-width:480px){.login-container{padding:1.5rem 1rem}.login-form{gap:1.25rem}.login-footer{gap:.5rem}}.user-management{margin:0 auto;max-width:1400px;padding:2rem}.user-management-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.user-management-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.button-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.button-primary:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.button-secondary{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-primary)}.button-secondary:hover{background:var(--bg-elevated);border-color:var(--primary-color)}.button .icon{height:20px;width:20px}.error-banner{align-items:center;background:#ef44441a;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-icon{flex-shrink:0;height:20px;width:20px}.users-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.users-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.users-table td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:1rem}.users-table tbody tr{transition:background-color .2s ease}.users-table tbody tr:hover{background:var(--bg-card-hover)}.username-cell{font-weight:600;gap:.75rem}.user-avatar,.username-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.role-badge{font-size:.75rem;font-weight:600}.role-badge.role-admin{background:#6366f11a;border:1px solid var(--primary-color);color:var(--primary-color)}.role-badge.role-user{background:#a855f71a;border:1px solid var(--secondary-color);color:var(--secondary-color)}.status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-badge.status-active{background:#10b9811a;border:1px solid #10b981;color:#10b981}.status-badge.status-inactive{background:#ef44441a;border:1px solid var(--error-color);color:var(--error-color)}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn svg{height:16px;width:16px}.edit-btn{background:#6366f11a;color:var(--primary-color)}.edit-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.delete-btn{background:#ef44441a;color:var(--error-color)}.delete-btn:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.empty-state{color:var(--text-secondary);font-style:italic;padding:3rem!important;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;height:32px;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-close svg{height:20px;width:20px}.user-form{padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-group input,.form-group select{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:var(--text-primary);font-size:.9375rem}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}@media (max-width:1024px){.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:768px){.user-management{padding:1rem}.user-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.user-management-header .button{justify-content:center;width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.modal-header,.user-form{padding:1.5rem}}.admin-dashboard{background:var(--bg-primary);min-height:100vh;padding:2rem}.admin-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.admin-header-content{flex:1 1}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:.5rem}.admin-subtitle{color:var(--text-secondary);font-size:clamp(.875rem,1.5vw,1rem)}.admin-header-actions{display:flex;gap:1rem}.admin-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px}.admin-welcome-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center}.welcome-icon{color:var(--primary-color);height:64px;margin:0 auto 1rem;width:64px}.welcome-icon svg{height:100%;width:100%}.welcome-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.welcome-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.admin-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 0 30px #6366f133;transform:translateY(-2px)}.feature-icon{color:var(--primary-color);height:48px;margin-bottom:1rem;width:48px}.feature-icon svg{height:100%;width:100%}.feature-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.feature-status{background:#6366f11a;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.feature-status-active{background:#10b9811a;border-color:#10b981;color:#10b981}.admin-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.info-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.role-badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:6px;color:#fff;display:inline-block;font-size:.875rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-active{color:#10b981}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-header-actions{flex-direction:column;width:100%}.admin-header-actions .button{width:100%}.admin-features-grid,.info-grid{grid-template-columns:1fr}}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ef2;border-top:1px solid #ffffff1a;bottom:0;left:0;padding:.5rem 1rem;position:fixed;right:0;z-index:1000}.footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-copyright{color:#fff9;font-size:.75rem;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.footer-version{color:#fff6;font-family:Courier New,monospace;font-size:.7rem}@media (max-width:768px){.footer-content{flex-direction:column;gap:.25rem;text-align:center}.footer-copyright,.footer-version{font-size:.65rem}}body{padding-bottom:3rem}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:3vh 2rem;position:relative;z-index:1}.App:before{animation:liquidBlob3 16s ease-in-out infinite;background:radial-gradient(circle,#6366f124 0,#a855f714 50%,#0000 70%);border-radius:50% 50% 40% 60%/60% 40% 50% 50%;filter:blur(90px);height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}.App:after,.App:before{content:"";pointer-events:none;position:fixed;will-change:transform,border-radius;z-index:0}.App:after{animation:liquidBlob4 14s ease-in-out infinite;background:radial-gradient(circle,#a855f71f 0,#ec48990f 60%,#0000 70%);border-radius:70% 30% 50% 50%/40% 60% 50% 50%;filter:blur(75px);height:400px;right:10%;top:20%;width:400px}@keyframes liquidBlob3{0%,to{border-radius:50% 50% 40% 60%/60% 40% 50% 50%;transform:translate(-50%,-50%) rotate(0deg) scale(1)}33%{border-radius:40% 60% 60% 40%/50% 50% 40% 60%;transform:translate(-30%,-60%) rotate(120deg) scale(1.15)}66%{border-radius:60% 40% 50% 50%/40% 60% 60% 40%;transform:translate(-70%,-40%) rotate(240deg) scale(.9)}}@keyframes liquidBlob4{0%,to{border-radius:70% 30% 50% 50%/40% 60% 50% 50%;transform:translate(0) rotate(0deg) scale(1)}50%{border-radius:30% 70% 40% 60%/60% 40% 50% 50%;transform:translate(-120px,80px) rotate(180deg) scale(1.1)}}@media (max-width:768px){.App{padding:2vh 1rem}.App:before{height:350px;width:350px}.App:after{height:300px;width:300px}}
/*# sourceMappingURL=main.6add14ca.css.map*/