*{margin:0;padding:0;box-sizing:border-box}* ::selection{background:#fff;color:#111}:root{background:#000;color:#fff;font-family:Space Mono,Google Sans Display,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}li{list-style:none}input,textarea{font-family:Space Mono,Google Sans Display,sans-serif;background:none;color:#fff;border:none;outline:none;font-size:18px;resize:none;-webkit-user-select:text;user-select:text}input::placeholder,textarea::placeholder{-webkit-user-select:none;user-select:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:10px;background:#111;color:#fff;border-radius:4px;font-size:16px;cursor:pointer}button{font-family:Space Mono,Google Sans Display,sans-serif;background:none;color:#fff;border:none;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}button:focus{outline:none}button[disabled]{opacity:.5;cursor:not-allowed}button .icon{display:block}.button{display:inline-flex;padding:10px;border-radius:8px;gap:4px;align-items:center;justify-content:center;color:#fffc}@media (max-width: 768px){.button{font-size:13px;padding:8px 16px}}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1}main{width:100vw;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.video{overflow:hidden;position:relative;flex:1;background-image:linear-gradient(to bottom,#000,#111)}.video video{display:block;margin:0 auto;height:100%;max-width:100%;object-fit:cover;transition:filter .2s;transform:rotateY(180deg);aspect-ratio:1}.video:has(.focusedPhoto) video{filter:blur(10px) brightness(.1)}.video:has(.focusedPhoto) .shutter{opacity:0;pointer-events:none}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:1;animation:flash .3s ease-out forwards}.customPrompt{position:absolute;top:50%;left:50%;translate:-50% -50%;background:#000c;z-index:100;padding:20px;width:90%;max-width:420px;border-radius:5px}.customPrompt textarea{font-size:14px;width:100%}@keyframes flash{0%{opacity:1}to{opacity:0}}.videoControls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.videoControls .icon{font-size:42px}.modeSelector{display:flex;gap:8px;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:100%;padding:12px;border-top:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;box-shadow:0 -4px 12px #00000080}.modeSelector::-webkit-scrollbar{height:6px}.modeSelector::-webkit-scrollbar-track{background:transparent}.modeSelector::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.modeSelector li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.modeSelector li.favoritesLabel{flex-direction:row;align-self:center;padding:6px 12px;background:linear-gradient(135deg,#ffd70026,#ffc10726);border-radius:8px;border:1px solid rgba(255,215,0,.4);margin:0 4px}.modeSelector li.favoritesLabel .labelText{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:gold;font-weight:600;white-space:nowrap}.modeSelector li.isFavorite{order:-1}.modeSelector button{text-transform:uppercase;font-size:13px;font-weight:500;letter-spacing:.3px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;gap:6px;position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);min-width:90px;opacity:.7}.modeSelector button span{font-size:24px;filter:grayscale(.7);transition:filter .25s ease}.modeSelector button p{font-size:11px;margin:0;color:#ffffffb3;transition:color .25s ease}.modeSelector button:hover{opacity:1;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.modeSelector button:hover span{filter:grayscale(0)}.modeSelector button:hover p{color:#fffffff2}.modeSelector button.active{opacity:1;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d;box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.modeSelector button.active span{filter:grayscale(0);transform:scale(1.1)}.modeSelector button.active p{color:#fff;font-weight:600}.modeSelector .favoriteBtn{position:absolute;top:2px;right:2px;padding:4px;opacity:0;transition:opacity .2s,transform .2s;filter:none;font-size:12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;border:1px solid rgba(255,215,0,.3);z-index:10}.modeSelector .favoriteBtn .icon{font-size:14px;color:gold}.modeSelector li:hover .favoriteBtn,.modeSelector li.isFavorite .favoriteBtn{opacity:1}.modeSelector li.isFavorite button:not(.favoriteBtn){border:2px solid rgba(255,215,0,.5);background:#ffd70014}.modeSelector li.isFavorite button:not(.favoriteBtn):hover{border-color:#ffd700b3;background:#ffd7001f}.favoriteBtn:hover{transform:scale(1.15);background:#ffd70033}.favoriteBtn:active{transform:scale(.95)}@media (max-width: 768px){.modeSelector{padding:8px;gap:6px}.modeSelector button{font-size:11px;padding:8px 10px;min-width:75px}.modeSelector button span{font-size:20px}.modeSelector button p{font-size:10px}.modeSelector .favoriteBtn{opacity:1}.modeSelector li.favoritesLabel{padding:4px 8px}.modeSelector li.favoritesLabel .labelText{font-size:10px}}.startButton{position:absolute;display:block;top:0;right:0;bottom:0;left:0;text-align:center;font-size:18px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.shutter{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;padding:10px;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));transition:all .2s}.shutter .icon{font-size:42px;color:#ddd;transition:color .2s}.shutter:hover{scale:1.1}.shutter:hover .icon{color:#fff}.shutter:active{scale:.8;rotate:10deg}.focusedPhoto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;max-width:85%;height:80%;aspect-ratio:1;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}@media (max-width: 768px){.focusedPhoto{height:unset;width:90%}.focusedPhoto .circleBtn{left:0;right:unset;translate:-50% -50%}}.focusedPhoto img{width:100%;height:100%;object-fit:cover;border-radius:5px}.circleBtn{position:absolute;translate:50% -50%;top:0;right:0;background:#000000b3;z-index:1;font-size:23px;padding:5px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));transition:all .2s;border:1px solid rgba(255,255,255,.3);transition:scale .2s}.deleteBtn{scale:0;translate:25% -25%}.results{display:flex;position:relative;height:clamp(200px,25dvh,300px);border-top:1px solid #333;padding:15px;overflow:auto;background:#111}@media (max-width: 768px){.results{height:clamp(100px,15dvh,200px);padding:10px}}.results ul{display:flex;gap:10px}.results ul:has(li:hover) li{opacity:.7}.results li{aspect-ratio:1;height:100%;transition:opacity .3s;position:relative}.results li .emoji{position:absolute;bottom:5px;right:5px;z-index:1;font-size:24px}.results li .photo{border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.3);width:100%;height:100%}.results li:hover{opacity:1!important}.results li:hover .deleteBtn{scale:1}.results li.empty{border:1px dashed #555;border-radius:5px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:10px;font-size:14px}.results li.empty p{font-size:24px}.results li.empty .icon{color:#aaa}@media (max-width: 768px){.results li.empty{padding:8px;font-size:11px}.results li.empty p{display:none}}.results li img{width:100%;height:100%;object-fit:cover}.results li.isBusy{position:relative}.results li.isBusy img{filter:brightness(.4)}.results li.isBusy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 75%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite ease-in-out;z-index:1;pointer-events:none}.button{border:2px solid #fff;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));text-transform:uppercase;padding:10px 20px;border-radius:5px;background:#1e88e5;transition:all .2s}.button:hover{scale:1.1}.button:active{scale:.8}.downloadButton{position:absolute;bottom:0;left:50%;translate:-50% 50%}.makeGif{position:sticky;right:15px;align-self:center;background:#e64a19;border:2px solid #fff;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));text-transform:uppercase;padding:10px 20px;border-radius:5px;white-space:nowrap;margin-left:auto;z-index:99}.batchUploadBtn{position:sticky;left:15px;align-self:center;background:#9c27b0;border:2px solid #fff;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));text-transform:uppercase;padding:10px 20px;border-radius:5px;white-space:nowrap;margin-right:auto;z-index:99}@media (max-width: 768px){.makeGif{right:0}.batchUploadBtn{left:0;font-size:13px;padding:8px 16px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(calc(-100% - 15px))}to{opacity:1;transform:translate(-50%) translateY(calc(-100% - 5px))}}.tooltip{position:fixed;background:#000000e6;padding:8px 12px;border-radius:6px;font-size:12px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000080;pointer-events:none;width:250px;white-space:normal;animation:tooltipFadeIn .2s ease-out forwards;color:#ccc}@media (max-width: 768px){.tooltip{display:none}}.tooltip.isFirst{margin-left:80px}.tooltip h4{text-transform:uppercase;font-size:10px;color:#777;margin-top:5px}.authContainer{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#000;padding:20px}.authBox{background:#111;border-radius:16px;padding:40px;max-width:400px;width:100%;text-align:center}.authBox h1{font-size:48px;margin-bottom:10px}.authSubtitle{color:#999;margin-bottom:30px;font-size:16px}.authBox form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.authBox input{background:#222;border:1px solid #333;border-radius:8px;padding:14px;font-size:16px;color:#fff;transition:border-color .2s}.authBox input:focus{border-color:#fff}.authButton{background:#fff;color:#000;padding:14px;border-radius:8px;font-weight:600;transition:opacity .2s;justify-content:center}.authButton:hover:not(:disabled){opacity:.9}.switchButton{color:#999;font-size:14px;text-decoration:underline;justify-content:center}.switchButton:hover:not(:disabled){color:#fff}.authMessage{color:#ff6b6b;font-size:14px;margin-top:10px}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loadingContainer h1{font-size:48px}.loadingContainer p{color:#999}.signOutButton{background:#222;padding:8px 16px;border-radius:5px;transition:background .2s}.signOutButton:hover{background:#333}@media (max-width: 768px){.authBox{padding:30px 20px}.authBox h1{font-size:36px}.signOutButton{padding:6px 12px;font-size:14px}}.appNav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.navBrand a{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.navLinks{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.navLinks a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:5px;transition:all .2s;font-size:14px;white-space:nowrap}.navLinks a:hover,.navLinks a.active{background:#ffffff1a}.userMenu{position:relative}.userMenuButton{background:#ffffff14;border:2px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.userMenuButton:hover{background:#ffffff26;border-color:#ffffff4d}.userMenuButton .icon{font-size:24px;color:#fff}.userMenuDropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;box-shadow:0 10px 40px #00000080;animation:slideDown .2s ease}.userMenuDropdown a,.userMenuDropdown button{display:block;width:100%;text-align:left;padding:10px 14px;color:#fff;text-decoration:none;border-radius:8px;transition:all .2s;font-size:14px;background:none;border:none;cursor:pointer}.userMenuDropdown a:hover,.userMenuDropdown button:hover{background:#ffffff1a}.menuDivider{height:1px;background:#ffffff1a;margin:8px 0}.usageLimitBanner{position:fixed;top:60px;left:0;right:0;z-index:999;padding:12px 30px;display:flex;align-items:center;gap:15px;font-size:14px}.usageLimitBanner.warning{background:#ffc10733;border-bottom:2px solid #ffc107}.usageLimitBanner.error{background:#f4433633;border-bottom:2px solid #f44336}.bannerIcon{font-size:18px}.bannerMessage{flex:1}.bannerLink{color:#fff;text-decoration:underline;font-weight:700}.bannerClose{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.pricingPage{padding:80px 30px 50px;max-width:1200px;margin:0 auto}.pricingHeader{text-align:center;margin-bottom:50px}.pricingHeader h1{font-size:48px;margin-bottom:15px}.pricingHeader p{font-size:20px;opacity:.8}.billingToggle{display:flex;justify-content:center;gap:10px;margin-bottom:40px;background:#ffffff0d;padding:5px;border-radius:10px;width:fit-content;margin-left:auto;margin-right:auto}.billingToggle button{padding:10px 25px;border-radius:8px;background:none;border:none;color:#fff;cursor:pointer;transition:all .2s;font-size:16px}.billingToggle button.active{background:#fff;color:#000}.billingToggle .badge{background:#4caf50;padding:2px 8px;border-radius:12px;font-size:12px;margin-left:5px}.cardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.pricingCard{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;display:flex;flex-direction:column;gap:25px;position:relative;transition:all .3s}.pricingCard.popular{border-color:#4caf50;transform:scale(1.05)}.pricingCard.current{border-color:#2196f3}.popularBadge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:5px 20px;border-radius:20px;font-size:14px;font-weight:700}.cardHeader h3{font-size:28px;margin-bottom:10px}.priceDisplay{display:flex;align-items:baseline;gap:5px}.priceDisplay .currency{font-size:24px}.priceDisplay .amount{font-size:48px;font-weight:700}.priceDisplay .period{font-size:16px;opacity:.7}.featuresList{flex:1;display:flex;flex-direction:column;gap:12px}.featuresList li{display:flex;align-items:center;gap:10px;font-size:16px}.checkmark{color:#4caf50;font-weight:700}.subscribeButton{width:100%;padding:15px;font-size:18px;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:all .2s;background:#fff;color:#000}.subscribeButton.primary{background:#4caf50;color:#fff}.subscribeButton.disabled{opacity:.5;cursor:not-allowed}.subscribeButton:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}.guaranteeText{text-align:center;opacity:.7;font-size:14px}.faqSection{margin-top:80px;padding-top:50px;border-top:1px solid rgba(255,255,255,.1)}.faqSection h2{text-align:center;font-size:36px;margin-bottom:40px}.faqGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.faqItem h3{font-size:20px;margin-bottom:10px}.faqItem p{opacity:.8;line-height:1.6}.subscriptionPage{padding:80px 30px 50px;max-width:800px;margin:0 auto}.pageHeader{text-align:center;margin-bottom:40px}.pageHeader h1{font-size:42px;margin-bottom:10px}.pageHeader p{font-size:18px;opacity:.8}.subscriptionManager{display:flex;flex-direction:column;gap:20px}.subscriptionCard{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;display:flex;flex-direction:column;gap:25px}.tierInfo h2{font-size:32px;margin-bottom:10px}.tierInfo .price{font-size:24px;opacity:.8;margin-bottom:10px}.status{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700}.status.active{background:#4caf5033;color:#4caf50}.usageStats{display:flex;flex-direction:column;gap:20px}.usageStat{display:flex;flex-direction:column;gap:8px}.statHeader{display:flex;justify-content:space-between;font-size:16px}.progressBar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}.features h3{font-size:20px;margin-bottom:15px}.features ul{display:flex;flex-direction:column;gap:10px}.features li{opacity:.9}.manageButton{width:100%;padding:15px;font-size:16px;font-weight:700;border-radius:10px;border:2px solid #fff;background:none;color:#fff;cursor:pointer;transition:all .2s}.manageButton:hover{background:#fff;color:#000}.cancelNotice{background:#ffc10733;border:2px solid #ffc107;border-radius:10px;padding:15px;text-align:center}.notAuthenticated{text-align:center;padding:50px 20px}.notAuthenticated h2{font-size:32px;margin-bottom:15px}.successPage,.cancelPage{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px)}.successMessage,.cancelMessage{text-align:center;max-width:600px}.successMessage h1,.cancelMessage h1{font-size:42px;margin-bottom:20px}.successMessage p,.cancelMessage p{font-size:18px;opacity:.8;margin-bottom:30px}.actionButtons{display:flex;gap:15px;justify-content:center}.actionButtons .button{padding:15px 30px;font-size:16px;font-weight:700;border-radius:10px;text-decoration:none;transition:all .2s}.actionButtons .button.primary{background:#4caf50;color:#fff}.actionButtons .button:not(.primary){background:#ffffff1a;color:#fff}.actionButtons .button:hover{transform:translateY(-2px)}.loadingMessage{text-align:center;padding:50px;font-size:20px}@media (max-width: 768px){.appNav{padding:10px 15px}.navBrand a{font-size:18px}.navLinks{gap:8px;overflow-x:auto;overflow-y:hidden;max-width:calc(100vw - 150px);scrollbar-width:none;-ms-overflow-style:none}.navLinks::-webkit-scrollbar{display:none}.navLinks a{padding:6px 10px;font-size:12px}.userMenuButton .icon{font-size:20px}.userMenuDropdown{right:-10px}.usageLimitBanner{top:50px;padding:10px 15px;font-size:12px}.pricingPage,.subscriptionPage{padding:70px 20px 30px}.pricingHeader h1{font-size:36px}.cardsGrid{grid-template-columns:1fr}.pricingCard.popular{transform:none}.actionButtons{flex-direction:column}}.emptyState{min-width:250px;width:100%;max-width:500px;aspect-ratio:auto;height:auto;padding:12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1!important;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emptyStateContent{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center}.emptyState.initial .emptyStateHeader{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:5px}.welcomeIcon{font-size:36px;color:#1e88e5;animation:bounce 2s ease-in-out infinite}.welcomeIcon .icon{font-size:36px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.emptyStateHeader h3{font-size:16px;margin:0;color:#fff}.emptyStateHeader .subtitle{font-size:11px;color:#999;margin:0}.emptyStateSteps{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin:5px 0}.emptyStep{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:8px;flex:1;max-width:120px;transition:all .3s ease;opacity:.5}.emptyStep.active{opacity:1;border-color:#1e88e5;background:#1e88e51a;transform:scale(1.05);box-shadow:0 4px 12px #1e88e54d}.emptyStep.completed{opacity:.7;border-color:#4caf50}.stepNumber{width:22px;height:22px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.emptyStep.active .stepNumber{background:#1e88e5;color:#fff}.emptyStep.completed .stepNumber{background:#4caf50}.stepIcon{font-size:24px;line-height:1}.stepContent h4{font-size:12px;margin:0;font-weight:600}.stepContent p{font-size:9px;color:#999;margin:0;line-height:1.2}.stepArrow{color:#666;flex-shrink:0}.stepArrow .icon{font-size:16px}.emptyStatePointer{margin-top:8px;display:flex;flex-direction:column;align-items:center}.pointerAnimation{display:flex;flex-direction:column;align-items:center;gap:4px;color:#1e88e5}.pointerAnimation.pulse{animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pointingHand{font-size:28px;animation:pointDown 1.5s ease-in-out infinite}@keyframes pointDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.pointerText{font-size:11px;font-weight:600;margin:0}.pointerArrow{width:45px;height:45px;color:#1e88e5}.arrowPath{stroke-dasharray:100;stroke-dashoffset:100;animation:drawArrow 2s ease-in-out infinite}@keyframes drawArrow{0%,20%{stroke-dashoffset:100}80%,to{stroke-dashoffset:0}}.emptyStateTips{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.tip{display:flex;align-items:center;gap:4px;font-size:10px;color:#999;padding:4px 8px;background:#ffffff08;border-radius:4px}.tipIcon{font-size:14px}.emptyState.minimal{min-width:auto;max-width:400px;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.emptyState.minimal .emptyStateHeader{gap:8px;margin-bottom:12px}.emptyState.minimal .welcomeIcon,.emptyState.minimal .welcomeIcon .icon{font-size:42px}.emptyState.minimal .emptyStateHeader h3{font-size:18px}.emptyState.minimal .emptyStateHeader .subtitle{font-size:13px}.emptyState.minimal .emptyStateTips.compact{display:flex;gap:12px;margin-top:0}.emptyState.minimal .emptyStateTips.compact .tip{flex-direction:column;gap:6px;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:11px;transition:all .2s ease}.emptyState.minimal .emptyStateTips.compact .tip:hover{background:#ffffff1f;transform:translateY(-2px)}.emptyState.minimal .emptyStateTips.compact .tipIcon{font-size:20px}.emptyState.minimal .emptyStateTips.compact .tip p{margin:0;font-weight:500}.emptyState.error{border-color:#f4433680;background:#f443360d}.errorIcon{width:64px;height:64px;background:#f4433633;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:shake .5s ease-in-out}.errorIcon .icon{font-size:42px;color:#f44336}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.emptyState.error h3{color:#f44336;font-size:18px;margin:0}.errorMessage{font-size:14px;color:#ccc;margin:0;line-height:1.5}.retryButton{margin-top:10px;background:#f44336;border:none;padding:10px 20px;border-radius:6px;font-weight:600;transition:all .2s}.retryButton:hover{background:#d32f2f;transform:translateY(-2px)}.errorTips{background:#ffffff08;padding:12px;border-radius:6px;text-align:left;width:100%;max-width:400px}.tipTitle{font-size:13px;font-weight:600;margin-bottom:8px;color:#fff}.errorTips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.errorTips li{font-size:12px;color:#999;padding-left:16px;position:relative}.errorTips li:before{content:"•";position:absolute;left:4px;color:#f44336}.emptyState.processing{border-color:#1e88e580;background:#1e88e50d}.processingAnimation{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinnerRing{position:absolute;width:80px;height:80px;border:3px solid rgba(255,255,255,.1);border-top-color:#1e88e5;border-radius:50%;animation:spin 1s linear infinite}.processingIcon{font-size:36px;color:#1e88e5;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.emptyState.processing h3{font-size:18px;color:#1e88e5;margin:0}.emptyState.processing>.emptyStateContent>p{font-size:13px;color:#999;margin:0}.processingSteps{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;margin-top:10px}.processingStep{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;padding:8px;background:#ffffff05;border-radius:6px;transition:all .3s}.processingStep.active{color:#fff;background:#1e88e51a}.stepCheck{color:#4caf50;font-size:16px;font-weight:700}.stepDot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.processingStep.active .stepDot{background:#1e88e5;animation:pulse 1s ease-in-out infinite}.emptyState.no-mode{border-color:#ffc10780;background:#ffc1070d}.noModeIcon{width:64px;height:64px;background:#ffc10733;border-radius:50%;display:flex;align-items:center;justify-content:center}.noModeIcon .icon{font-size:36px;color:#ffc107}.emptyState.no-mode h3{font-size:18px;color:#ffc107;margin:0}.emptyState.no-mode>.emptyStateContent>p{font-size:14px;color:#ccc;margin:0}.modeExamples{display:flex;gap:12px;margin:10px 0}.exampleMode{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:80px;transition:all .2s}.exampleMode:hover{transform:translateY(-2px);border-color:#ffc107}.modeEmoji{font-size:28px}.modeName{font-size:11px;color:#999}.pointerDown{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffc107;margin-top:10px}.pointerDown .icon{font-size:32px;animation:pointDown 1.5s ease-in-out infinite}.pointerDown p{font-size:13px;font-weight:600;margin:0}@media (max-width: 768px){.emptyState{min-width:200px;padding:10px}.emptyStateSteps{flex-direction:column;gap:6px}.emptyStep{max-width:none;width:100%;flex-direction:row;padding:6px}.stepArrow{display:none}.stepContent h4{font-size:11px}.stepContent p{font-size:9px}.welcomeIcon .icon{font-size:28px}.emptyStateHeader h3{font-size:14px}.emptyStateTips{flex-direction:column;gap:6px;width:100%}.tip{width:100%;justify-content:center;font-size:9px}.pointerArrow{width:35px;height:35px}.pointerText{font-size:10px}.modeExamples{gap:8px}.exampleMode{min-width:70px;padding:10px}.modeEmoji{font-size:24px}.processingSteps{max-width:none}}.demoBanner{position:fixed;top:0;left:0;right:0;z-index:1001;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid rgba(255,255,255,.2);padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 2px 10px #0000004d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.demoBannerContent{display:flex;align-items:center;gap:12px;flex:1}.demoBannerContent .bannerIcon{font-size:24px}.demoBannerContent p{margin:0;font-size:14px;color:#fff}.demoBannerContent strong{font-weight:700}.demoBannerLink{background:#ffffffe6;color:#667eea;padding:8px 20px;border-radius:20px;font-weight:600;font-size:14px;text-decoration:none;transition:all .2s;border:none;cursor:pointer;white-space:nowrap}.demoBannerLink:hover{background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.bannerClose{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.bannerClose:hover{background:#ffffff4d}.signUpPromptOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.signUpPromptModal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;max-width:500px;width:100%;position:relative;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modalClose{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modalClose:hover{background:#fff3;transform:rotate(90deg)}.promptIcon{font-size:64px;text-align:center;margin-bottom:20px}.signUpPromptModal h2{font-size:28px;margin-bottom:15px;text-align:center;color:#fff}.signUpPromptModal>p{font-size:16px;color:#ccc;text-align:center;margin-bottom:25px;line-height:1.5}.promptFeatures{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px}.promptFeatures li{display:flex;align-items:center;gap:12px;font-size:15px;color:#fff}.promptFeatures .checkmark{color:#4caf50;font-size:20px;font-weight:700;flex-shrink:0}.promptActions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.button.large{padding:16px 32px;font-size:18px;width:100%}.button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:700}.button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.button.secondary{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff}.button.secondary:hover{background:#ffffff1a}.promptFooter{text-align:center;font-size:14px;color:#999;margin:0}.linkButton{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;display:inline}.linkButton:hover{color:#764ba2}.demoLimitOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.demoLimitMessage{text-align:center;padding:40px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid rgba(255,255,255,.1);border-radius:20px;max-width:400px;animation:slideUp .3s ease-out}.demoLimitMessage h3{font-size:32px;margin-bottom:15px;color:#fff}.demoLimitMessage p{font-size:18px;color:#ccc;margin-bottom:30px}.divider{display:flex;align-items:center;gap:15px;margin:25px 0;color:#666;font-size:14px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#333}.demoButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px;border-radius:8px;font-weight:600;border:none;transition:all .2s;justify-content:center;width:100%}.demoButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.demoHint{font-size:13px;color:#999;text-align:center;margin-top:10px;line-height:1.4}@media (max-width: 768px){.demoBanner{padding:10px 15px;flex-direction:column;gap:10px}.demoBannerContent{flex-direction:column;text-align:center;gap:8px}.demoBannerContent p{font-size:13px}.demoBannerLink{padding:10px 24px}.signUpPromptModal{padding:30px 20px}.signUpPromptModal h2{font-size:24px}.promptIcon{font-size:48px}.button.large{padding:14px 24px;font-size:16px}.demoLimitMessage{padding:30px 20px}.demoLimitMessage h3{font-size:24px}}.batchUploadModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.batchUpload{background:#111;border:2px solid rgba(255,255,255,.2);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 50px #00000080;animation:slideUp .3s ease-out}.batchUpload__header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.batchUpload__header h2{font-size:28px;margin:0}.batchUpload__content{padding:30px;overflow-y:auto;flex:1}.batchUpload__instructions{text-align:center;margin-bottom:25px}.batchUpload__instructions p{color:#ccc;font-size:16px;margin:10px 0;line-height:1.5}.batchUpload__proFeature{display:inline-flex;align-items:center;gap:8px;background:#ffd70026;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3);color:gold;font-weight:600;font-size:14px;margin-top:15px}.batchUpload__proFeature .icon{font-size:18px}.batchUpload__fileInput{display:flex;justify-content:center;margin-bottom:30px}.batchUpload__selectBtn{background:#1e88e5;border:2px solid #fff;color:#fff;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.batchUpload__selectBtn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #1e88e566}.batchUpload__modeSelector{margin-bottom:30px}.batchUpload__modeSelector h3{font-size:20px;margin-bottom:15px;text-align:center}.batchUpload__modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.batchUpload__modeBtn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;transition:all .2s;cursor:pointer}.batchUpload__modeBtn:hover{transform:translateY(-2px);border-color:#ffffff4d}.batchUpload__modeBtn.active{border-color:#1e88e5;background:#1e88e526}.batchUpload__modeBtn span{font-size:32px}.batchUpload__modeBtn p{margin:0;font-size:13px;text-align:center;color:#ccc}.batchUpload__previews{margin-bottom:25px}.batchUpload__previews h3{font-size:18px;margin-bottom:15px;text-align:center}.batchUpload__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.batchUpload__previewItem{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:all .2s}.batchUpload__previewItem:hover{transform:translateY(-2px);border-color:#ffffff4d}.batchUpload__previewItem img{width:100%;height:100%;object-fit:cover}.batchUpload__removeBtn{position:absolute;top:5px;right:5px;background:#000c;border:1px solid rgba(255,255,255,.3);color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.batchUpload__removeBtn:hover{background:#f44336;transform:scale(1.1)}.batchUpload__removeBtn .icon{font-size:18px}.batchUpload__fileName{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:6px 8px;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc}.batchUpload__uploadBtn{width:100%;background:#e64a19;border:2px solid #fff;color:#fff;padding:16px;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.batchUpload__uploadBtn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e64a1966}.batchUpload__uploadBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.batchUpload__progress{text-align:center;padding:40px 20px}.batchUpload__progressIcon{font-size:64px;margin-bottom:20px;color:#1e88e5}.batchUpload__progressIcon .icon.rotating{animation:spin 1s linear infinite}.batchUpload__progress h3{font-size:24px;margin-bottom:25px}.batchUpload__progressBar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:15px}.batchUpload__progressFill{height:100%;background:linear-gradient(90deg,#1e88e5,#4caf50);transition:width .3s ease;border-radius:6px}.batchUpload__progressText{font-size:18px;font-weight:600;margin-bottom:10px}.batchUpload__currentFile{font-size:14px;color:#999;margin-bottom:20px}.batchUpload__progressNote{font-size:13px;color:#666;font-style:italic}.batchUpload__results{text-align:center}.batchUpload__resultsSummary{margin-bottom:25px}.batchUpload__resultsSummary h3{font-size:28px;margin-bottom:10px;color:#4caf50}.batchUpload__resultsSummary p{font-size:16px;color:#ccc}.batchUpload__errors{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;padding:20px;margin-bottom:25px;text-align:left}.batchUpload__errors h4{color:#f44336;font-size:16px;margin-bottom:12px}.batchUpload__errors ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.batchUpload__errors li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#ccc}.batchUpload__errors .icon{color:#f44336;font-size:18px;flex-shrink:0}.batchUpload__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.batchUpload__zipBtn{background:#4caf50;border:2px solid #fff;color:#fff;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.batchUpload__zipBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #4caf5066}.batchUpload__resetBtn{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s}.batchUpload__resetBtn:hover{background:#ffffff1a}.batchUpload__closeBtn{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s}.batchUpload__closeBtn:hover{background:#ffffff1a}.batchUpload__note{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:#1e88e51a;border:1px solid rgba(30,136,229,.3);border-radius:10px;font-size:14px;color:#ccc}.batchUpload__note .icon{color:#1e88e5;font-size:20px}@media (max-width: 768px){.batchUpload{max-height:95vh}.batchUpload__header{padding:15px 20px}.batchUpload__header h2{font-size:22px}.batchUpload__content{padding:20px}.batchUpload__modes{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.batchUpload__modeBtn span{font-size:28px}.batchUpload__modeBtn p{font-size:11px}.batchUpload__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.batchUpload__progressIcon{font-size:48px}.batchUpload__progress h3{font-size:20px}}.settingsBtn{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.settingsBtn:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg)}.settingsBtn:active{transform:rotate(90deg) scale(.95)}.settingsBtn .icon{font-size:24px}@media (max-width: 768px){.settingsBtn{width:44px;height:44px;top:15px;right:15px}.settingsBtn .icon{font-size:20px}}.cameraSettingsOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.cameraSettingsModal{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 10px 40px #00000080}.cameraSettingsHeader{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.cameraSettingsHeader h2{font-size:24px;font-weight:500;color:#fff}.cameraSettingsContent{padding:24px;display:flex;flex-direction:column;gap:32px}.settingSection{display:flex;flex-direction:column;gap:16px}.settingSection h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.settingSection h3 .icon{font-size:20px;color:#667eea}.settingOptions{display:flex;flex-direction:column;gap:10px}.settingOptions.timerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.settingOption{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease;cursor:pointer;width:100%}.settingOption:hover{background:#ffffff14;border-color:#fff3}.settingOption.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea;box-shadow:0 0 20px #667eea4d}.settingOption .icon{font-size:28px;color:#ffffffb3;flex-shrink:0}.settingOption.active .icon{color:#667eea}.settingOption div{display:flex;flex-direction:column;gap:4px;text-align:left}.optionLabel{font-size:15px;font-weight:500;color:#fff}.optionDesc{font-size:12px;color:#fff9}.timerLabel{font-size:32px;font-weight:600;color:#fffc;display:block}.settingOption.active .timerLabel{color:#667eea}.settingOptions.timerGrid .settingOption{flex-direction:column;text-align:center;padding:20px 16px;gap:8px}.settingOptions.timerGrid .optionDesc{font-size:11px}@media (max-width: 768px){.cameraSettingsModal{max-width:95%;border-radius:16px}.cameraSettingsHeader{padding:20px}.cameraSettingsHeader h2{font-size:20px}.cameraSettingsContent{padding:20px;gap:24px}.settingSection h3{font-size:14px}.settingOption{padding:14px;gap:12px}.settingOption .icon{font-size:24px}.optionLabel{font-size:14px}.timerLabel{font-size:28px}.settingOptions.timerGrid{grid-template-columns:repeat(2,1fr);gap:8px}}.countdownOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease}.countdownNumber{font-size:180px;font-weight:700;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.5);animation:countdownPulse 1s ease-in-out;line-height:1}@keyframes countdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.countdownText{font-size:24px;color:#fffc;margin-top:20px;text-transform:uppercase;letter-spacing:2px}@media (max-width: 768px){.countdownNumber{font-size:120px}.countdownText{font-size:18px;margin-top:15px}}.burstOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;animation:fadeIn .2s ease}.burstProgress{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 10px 40px #00000080}.burstProgress .icon{font-size:48px;color:#667eea;animation:burstPulse .8s ease-in-out infinite}@keyframes burstPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.burstText{font-size:20px;font-weight:500;color:#fff;text-align:center;white-space:nowrap}@media (max-width: 768px){.burstProgress{padding:20px 28px}.burstProgress .icon{font-size:40px}.burstText{font-size:16px}}.shutter:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tutorialOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}.tutorialModal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00ff88;border-radius:20px;padding:40px;max-width:500px;width:100%;position:relative;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #0f83}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorialClose{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tutorialClose:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.tutorialContent{text-align:center;margin-bottom:30px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorialEmoji{font-size:64px;margin-bottom:20px;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tutorialContent h2{color:#0f8;font-size:28px;margin:0 0 15px;font-weight:700}.tutorialContent p{color:#ccc;font-size:16px;line-height:1.6;margin:0}.tutorialProgress{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.tutorialDot{width:10px;height:10px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s;padding:0}.tutorialDot.active{background:#0f8;width:30px;border-radius:5px}.tutorialDot.completed{background:#0f86}.tutorialActions{display:flex;justify-content:space-between;align-items:center;gap:15px}.tutorialNav{display:flex;gap:10px}.tutorialBtn{padding:12px 24px;border-radius:10px;border:2px solid transparent;background:#ffffff1a;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tutorialBtn:hover{background:#fff3;transform:translateY(-2px)}.tutorialBtn.primary{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;border-color:#0f8}.tutorialBtn.primary:hover{background:linear-gradient(135deg,#00cc6a,#0f8);box-shadow:0 5px 20px #0f86}.tutorialBtn.secondary{background:transparent;color:#888}@media (max-width: 600px){.tutorialModal{padding:30px 20px}.tutorialContent h2{font-size:24px}.tutorialContent p{font-size:14px}.tutorialEmoji{font-size:48px}.tutorialActions{flex-direction:column-reverse}.tutorialNav{width:100%}.tutorialBtn{flex:1;padding:10px 20px;font-size:14px}}.pricingPage{min-height:100vh;background:#000;padding:80px 2rem 4rem}.pricingHeader{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.pricingHeader h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricingHeader p{font-size:1.25rem;color:#ffffffb3}.pricingCards{max-width:1200px;margin:0 auto}.billingToggle{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.billingToggle button{padding:.75rem 2rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.billingToggle button:hover{background:#ffffff14;border-color:#ffffff4d}.billingToggle button.active{background:#667eea33;border-color:#667eea;color:#fff}.billingToggle .badge{padding:.25rem .5rem;border-radius:4px;background:#10b981;color:#fff;font-size:.75rem;font-weight:600}.cardsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.pricingCard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 12px #0006}.pricingCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#fff3}.pricingCard.popular{border-color:#667eea;box-shadow:0 4px 20px #667eea4d}.pricingCard.current{background:#667eea1a;border-color:#667eea}.popularBadge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 10px #667eea66}.cardHeader{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.cardHeader h3{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:1rem}.priceDisplay{display:flex;align-items:baseline;gap:.25rem}.priceDisplay .currency{color:#ffffffb3;font-size:1.5rem}.priceDisplay .amount{color:#fff;font-size:3rem;font-weight:700}.priceDisplay .period{color:#fff9;font-size:1rem}.featuresList{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.featuresList li{color:#ffffffe6;padding:.75rem 0;display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5}.featuresList .checkmark{color:#10b981;font-weight:700;font-size:1.25rem;flex-shrink:0}.subscribeButton{width:100%;padding:1rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff}.subscribeButton:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.subscribeButton.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.subscribeButton.primary:hover:not(:disabled){box-shadow:0 4px 20px #667eea66}.subscribeButton:disabled{opacity:.5;cursor:not-allowed}.guaranteeText{text-align:center;margin-top:2rem;padding:1.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;max-width:800px;margin-left:auto;margin-right:auto}.guaranteeText p{color:#ffffffe6;margin:0;font-size:1rem}.faqSection{max-width:1000px;margin:4rem auto 0;padding:3rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.faqSection h2{color:#fff;font-size:2rem;text-align:center;margin-bottom:2rem}.faqGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.faqItem{padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.faqItem:hover{background:#ffffff14;transform:translateY(-2px)}.faqItem h3{color:#fff;font-size:1.125rem;margin-bottom:.75rem}.faqItem p{color:#ffffffb3;line-height:1.6;margin:0}@media (max-width: 768px){.pricingPage{padding:80px 1rem 2rem}.pricingHeader h1{font-size:2rem}.pricingHeader p{font-size:1rem}.cardsGrid{grid-template-columns:1fr;gap:1.5rem}.faqGrid{grid-template-columns:1fr;gap:1rem}.billingToggle{flex-direction:column;align-items:stretch}.billingToggle button{justify-content:center}}@media (max-width: 1200px){.cardsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.cardsGrid{grid-template-columns:1fr;gap:1.5rem}}.socialMediaPortal{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin:2rem 0}.socialHeader{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.socialHeader h2{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.socialHeader p{color:#ffffffb3;font-size:1rem;margin:0}.socialGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.socialCard{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.socialCard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--social-color);opacity:0;transition:opacity .2s ease}.socialCard:hover:before{opacity:.1}.socialCard:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.socialCard:active{transform:translateY(0)}.socialIcon{font-size:2.5rem;flex-shrink:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.socialContent{flex:1;position:relative;z-index:1}.socialContent h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.socialContent p{color:#ffffffb3;font-size:.875rem;margin:0}.socialArrow{color:#ffffff80;font-size:1.5rem;flex-shrink:0;transition:all .2s ease;position:relative;z-index:1}.socialCard:hover .socialArrow{color:#ffffffe6;transform:translate(4px)}.socialFooter{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.socialFooter p{color:#ffffffb3;font-size:.9375rem;margin:0}.socialFooter strong{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media (max-width: 768px){.socialMediaPortal{padding:1.5rem}.socialHeader h2{font-size:1.5rem}.socialGrid{grid-template-columns:1fr;gap:.75rem}.socialCard{padding:1rem}.socialIcon{font-size:2rem;width:45px;height:45px}.socialContent h3{font-size:1rem}.socialContent p{font-size:.8125rem}}@media (max-width: 480px){.socialHeader h2{font-size:1.25rem}.socialHeader p,.socialFooter p{font-size:.875rem}}.settingsPage{min-height:100vh;padding:80px 20px 20px;max-width:800px;margin:0 auto}.settingsPage .pageHeader{margin-bottom:30px;text-align:center}.settingsPage .pageHeader h1{font-size:2.5rem;margin-bottom:10px}.settingsPage .pageHeader p{color:#999;font-size:1.1rem}.settingsPage .notAuthenticated,.settingsPage .loadingContainer{text-align:center;padding:60px 20px}.settingsPage .message{padding:15px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.settingsPage .message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.settingsPage .message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.settingsTabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:0}.settingsTabs button{padding:12px 24px;background:none;color:#999;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;transition:all .2s}.settingsTabs button:hover{color:#fff}.settingsTabs button.active{color:#fff;border-bottom-color:#fff}.settingsContent{background:#111;border-radius:12px;padding:30px;border:1px solid #222}.settingsSection h2{font-size:1.8rem;margin-bottom:25px}.settingsSection h3{font-size:1.3rem;margin-bottom:15px;margin-top:25px}.settingsSection h3:first-of-type{margin-top:0}.formGroup{margin-bottom:25px}.formGroup label{display:block;margin-bottom:8px;color:#ccc;font-weight:500}.formGroup input,.formGroup textarea{width:100%;padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s}.formGroup input:focus,.formGroup textarea:focus{outline:none;border-color:#666}.formGroup textarea{resize:vertical;min-height:100px}.formGroup small{display:block;margin-top:6px;color:#666;font-size:.85rem}.infoGroup{margin-bottom:25px}.emailDisplay{padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;margin:10px 0}.divider{height:1px;background:#333;margin:30px 0}.button.primary{background:#fff;color:#000;padding:12px 30px;border-radius:8px;font-weight:600;transition:transform .2s,opacity .2s;margin-top:10px}.button.primary:hover:not(:disabled){transform:scale(1.02)}.button.primary:disabled{opacity:.5;cursor:not-allowed}.dangerZone{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:20px;margin-top:30px}.dangerZone h3{color:#ef4444;margin-top:0;margin-bottom:10px}.dangerZone p{color:#999;margin-bottom:15px}.dangerZone .dangerNote{font-size:.9rem;color:#aaa;font-style:italic}.button.danger{background:#ef4444;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:background .2s}.button.danger:hover:not(:disabled){background:#dc2626}.privacyList{list-style:none;padding:0;margin:15px 0}.privacyList li{padding:8px 0;color:#ccc;font-size:.95rem}@media (max-width: 768px){.settingsPage{padding:15px}.settingsPage .pageHeader h1{font-size:2rem}.settingsContent{padding:20px}.settingsTabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settingsTabs button{white-space:nowrap;padding:10px 16px;font-size:.9rem}.settingsSection h2{font-size:1.5rem}.settingsSection h3{font-size:1.2rem}}.galleryPage{min-height:100vh;background:#000;padding:80px 1rem 2rem}.galleryContainer{max-width:1200px;margin:0 auto}.galleryContainer h1{color:#fff;text-align:center;font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.loadingMessage{text-align:center;color:#fff;font-size:1.2rem;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin:2rem auto;max-width:400px;border:1px solid rgba(255,255,255,.1)}.emptyGallery{text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4rem 2rem;max-width:500px;margin:2rem auto;border:1px solid rgba(255,255,255,.1)}.emptyIcon{font-size:5rem;margin-bottom:1rem}.emptyGallery h2{color:#fff;margin-bottom:.5rem}.emptyGallery p{color:#fffc;margin-bottom:2rem;font-size:1.1rem}.galleryTabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.tabButton{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tabButton:hover{background:#ffffff1f;transform:translateY(-2px)}.tabButton.active{background:#ffffff26;color:#fff;border-color:#fff6;box-shadow:0 4px 12px #ffffff1a}.viewModeSelector{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;padding:1rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.08)}.viewModeLabel{color:#ffffffb3;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.viewModeButtons{display:flex;gap:.5rem;background:#0000004d;padding:.25rem;border-radius:8px}.viewModeButton{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#fff9;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.viewModeButton:hover{background:#ffffff14;color:#ffffffe6}.viewModeButton.active{background:#667eea33;color:#fff;border:1px solid rgba(102,126,234,.3)}.viewModeIcon{font-size:1.1rem}.galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:2rem}.galleryGrid.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.galleryGrid.compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.galleryGrid.list{grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.galleryGrid.list .galleryItem{display:grid;grid-template-columns:300px 1fr auto;gap:1.5rem;align-items:center}.galleryGrid.list .galleryItemImage{aspect-ratio:1;width:300px;height:300px}.galleryGrid.list .galleryItemInfo{flex:1;padding:0}.galleryGrid.list .galleryItemMode{font-size:1.2rem;margin-bottom:.5rem}.galleryGrid.list .galleryItemDate{font-size:1rem}.galleryGrid.list .galleryItemActions{flex-direction:column;padding:0;gap:.75rem}.galleryGrid.list .iconButton{min-width:120px}.galleryItem{background:#ffffff0d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.galleryItem:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000080;border-color:#fff3}.galleryItemImage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer;background:#ffffff08}.galleryItemImage img{width:100%;height:100%;object-fit:cover;display:block}.galleryItemOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.galleryItemImage:hover .galleryItemOverlay{opacity:1}.viewLabel{color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.galleryItemInfo{padding:1rem}.galleryItemMode{font-weight:600;color:#fff;margin-bottom:.25rem}.galleryItemDate{font-size:.875rem;color:#fff9}.galleryItemActions{display:flex;gap:.5rem;padding:0 1rem 1rem}.iconButton{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.75rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.iconButton:hover{background:#ffffff26;transform:scale(1.05)}.iconButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.deleteButton{background:#f443;border-color:#ff44444d}.deleteButton:hover:not(:disabled){background:#ff44444d}.galleryModal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.galleryModalContent{background:#1a1a1a;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.galleryModalClose{position:absolute;top:1rem;right:1rem;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.galleryModalClose:hover{background:#000000b3;transform:scale(1.1)}.galleryModalImage{padding:2rem;background:#ffffff0d}.galleryModalImage img{width:100%;height:auto;border-radius:12px;display:block}.modalPhotoComparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.modalComparisonItem h3{text-align:center;color:#fff;margin-bottom:1rem;font-size:1.2rem}.modalComparisonItem img{width:100%;height:auto;border-radius:12px}.galleryModalInfo{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.modalInfoRow{display:flex;gap:1rem;margin-bottom:.75rem}.modalLabel{font-weight:600;color:#fff9;min-width:80px}.modalValue{color:#fff;flex:1}.galleryModalActions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.galleryModalActions .button{flex:1;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:#667eea;color:#fff}.galleryModalActions .button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.galleryModalActions .deleteButton{background:#f44}.galleryModalActions .deleteButton:hover:not(:disabled){background:#c00;box-shadow:0 4px 12px #f446}.galleryModalActions .button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.galleryContainer h1{font-size:2rem}.viewModeSelector{flex-direction:column;gap:.75rem;padding:.75rem}.viewModeButtons{width:100%;justify-content:space-between}.viewModeButton{flex:1;padding:.5rem}.viewModeText{display:none}.viewModeIcon{font-size:1.3rem}.galleryGrid,.galleryGrid.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.galleryGrid.compact{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.5rem}.galleryGrid.list{grid-template-columns:1fr}.galleryGrid.list .galleryItem{grid-template-columns:100px 1fr;grid-template-rows:auto auto;gap:1rem}.galleryGrid.list .galleryItemImage{width:100px;height:100px;grid-row:1 / 3}.galleryGrid.list .galleryItemInfo{grid-column:2;grid-row:1}.galleryGrid.list .galleryItemActions{grid-column:1 / 3;grid-row:3;flex-direction:row;padding:.75rem}.galleryGrid.list .iconButton{min-width:auto;flex:1}.tabButton{font-size:.9rem;padding:.6rem 1.2rem}.modalPhotoComparison{grid-template-columns:1fr;gap:1rem}.galleryModal{padding:1rem}.galleryModalContent{max-height:95vh}.galleryModalImage{padding:1rem}.galleryModalActions{flex-direction:column}}.imageGenerationPage{min-height:100vh;padding:100px 2rem 2rem;background:#000}.pageHeader{text-align:center;margin-bottom:3rem}.pageHeader h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.pageHeader p{font-size:1.1rem;color:#ffffffe6}.generationForm{max-width:600px;margin:0 auto 3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.formGroup{margin-bottom:1.5rem}.formGroup label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;font-size:1rem}.formGroup textarea{width:100%;padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.formGroup textarea:focus{outline:none;border-color:#fff6;background:#ffffff1f}.formGroup textarea::placeholder{color:#fff9}.formGroup textarea:disabled{opacity:.6;cursor:not-allowed}.numberInputWrapper{display:flex;gap:1rem;align-items:center}.numberInputWrapper input[type=number]{width:80px;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1rem;font-weight:600;text-align:center}.numberInputWrapper input[type=number]:focus{outline:none;border-color:#fff6;background:#ffffff1f}.numberInputWrapper input[type=number]:disabled{opacity:.6;cursor:not-allowed}.rangeSlider{flex:1;height:8px;border-radius:5px;background:#fff3;outline:none;-webkit-appearance:none}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;transition:all .3s ease}.rangeSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.rangeSlider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:all .3s ease}.rangeSlider::-moz-range-thumb:hover{transform:scale(1.2)}.rangeSlider:disabled{opacity:.6;cursor:not-allowed}.errorMessage{padding:1rem;background:#f003;border:1px solid rgba(255,0,0,.4);border-radius:10px;color:#fff;margin-bottom:1rem;text-align:center}.successMessage{padding:1rem;background:#0f03;border:1px solid rgba(0,255,0,.4);border-radius:10px;color:#fff;margin-bottom:1.5rem;text-align:center;font-weight:600}.generateButton{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.generateButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.generateButton:active:not(:disabled){transform:translateY(0)}.generateButton:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.progressBar{margin-top:1rem;height:8px;background:#fff3;border-radius:10px;overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}.generatedResults{max-width:1200px;margin:0 auto}.generatedResults h2{text-align:center;color:#fff;margin-bottom:1rem;font-size:2rem}.imageGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.generatedImageCard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.generatedImageCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.generatedImageCard img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover}.imageActions{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.generatedImageCard:hover .imageActions{opacity:1}.downloadBtn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.downloadBtn:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width: 768px){.imageGenerationPage{padding:80px 1rem 1rem}.pageHeader h1{font-size:2rem}.pageHeader p{font-size:1rem}.generationForm{padding:1.5rem}.imageGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.generatedResults h2{font-size:1.5rem}.numberInputWrapper{flex-direction:column;align-items:stretch}.numberInputWrapper input[type=number]{width:100%}}.whiteboard-container{display:flex;flex-direction:column;height:100vh;background:#000;overflow:hidden;padding-top:80px}.whiteboard-tabs{display:flex;gap:8px;padding:12px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.whiteboard-tabs::-webkit-scrollbar{height:6px}.whiteboard-tabs::-webkit-scrollbar-track{background:transparent}.whiteboard-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.whiteboard-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px 8px 0 0;color:#ffffffb3;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:120px;justify-content:space-between}.whiteboard-tab:hover{background:#ffffff1f;color:#ffffffe6}.whiteboard-tab.active{background:#ffffff26;color:#fff;border-color:#ffffff4d;border-bottom:2px solid #667eea;box-shadow:0 -2px 10px #667eea33}.tab-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.tab-close:hover{background:#0000001a}.whiteboard-tab.active .tab-close:hover{background:#0000000d}.add-tab-btn{padding:10px 20px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.3);border-radius:8px 8px 0 0;color:#ffffffb3;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:14px}.add-tab-btn:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.whiteboard-toolbar{display:flex;gap:16px;padding:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;box-shadow:0 2px 10px #0000004d}.whiteboard-toolbar::-webkit-scrollbar{height:6px}.whiteboard-toolbar::-webkit-scrollbar-track{background:transparent}.whiteboard-toolbar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.toolbar-section{display:flex;flex-direction:column;gap:8px;min-width:fit-content}.toolbar-section h4{margin:0;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.tool-buttons{display:flex;gap:6px;flex-wrap:wrap}.tool-btn{width:40px;height:40px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#fff}.tool-btn:hover{border-color:#667eea;background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.tool-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.color-palette{display:flex;gap:6px;flex-wrap:wrap;max-width:280px}.color-btn{width:32px;height:32px;border:3px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.color-btn.active{border-color:#667eea;transform:scale(1.15);box-shadow:0 4px 12px #667eea66}.color-picker{width:32px;height:32px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;background:linear-gradient(135deg,red,#0f0,#00f)}.canvas-size-display{padding:8px 16px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-align:center;min-width:100px;letter-spacing:.5px}.width-slider{width:150px;height:6px;border-radius:3px;background:linear-gradient(to right,#e0e0e0,#667eea);outline:none;-webkit-appearance:none}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#667eea;cursor:pointer;border-radius:50%;box-shadow:0 2px 6px #0003;transition:all .2s ease}.width-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #667eea66}.width-slider::-moz-range-thumb{width:18px;height:18px;background:#667eea;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 6px #0003;transition:all .2s ease}.width-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #667eea66}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons button{padding:8px 16px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.action-buttons button:hover:not(:disabled){border-color:#667eea;background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.action-buttons button:disabled{opacity:.4;cursor:not-allowed}.action-buttons button.danger{color:#ff6b6b;border-color:#ff6b6b4d}.action-buttons button.danger:hover:not(:disabled){border-color:#ff6b6b;background:#ff6b6b26;box-shadow:0 4px 8px #ff6b6b4d}.action-buttons button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.action-buttons button.primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8e);border-color:#5568d3;box-shadow:0 4px 12px #667eea66}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:auto}.canvas-container{position:relative;margin:auto;transition:width .05s ease,height .05s ease}.whiteboard-canvas{width:100%;height:100%;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;cursor:crosshair;display:block;touch-action:none}.resize-handles{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.resize-handle{pointer-events:auto;position:absolute;background:#667eea80;border:2px solid #667eea;transition:all .2s ease;z-index:10}.resize-handle:hover{background:#667eeacc;box-shadow:0 0 10px #667eea80}.resize-handle.corner{width:16px;height:16px;border-radius:50%}.resize-handle.corner.nw{top:-8px;left:-8px;cursor:nw-resize}.resize-handle.corner.ne{top:-8px;right:-8px;cursor:ne-resize}.resize-handle.corner.sw{bottom:-8px;left:-8px;cursor:sw-resize}.resize-handle.corner.se{bottom:-8px;right:-8px;cursor:se-resize}.resize-handle.edge{background:#667eea4d;border:1px solid #667eea}.resize-handle.edge:hover{background:#667eea99}.resize-handle.edge.n{top:-4px;left:50%;transform:translate(-50%);width:60px;height:8px;border-radius:4px;cursor:n-resize}.resize-handle.edge.s{bottom:-4px;left:50%;transform:translate(-50%);width:60px;height:8px;border-radius:4px;cursor:s-resize}.resize-handle.edge.w{left:-4px;top:50%;transform:translateY(-50%);width:8px;height:60px;border-radius:4px;cursor:w-resize}.resize-handle.edge.e{right:-4px;top:50%;transform:translateY(-50%);width:8px;height:60px;border-radius:4px;cursor:e-resize}.text-input-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:24px;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:12px;min-width:300px;z-index:1000}.text-input-modal input{padding:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s ease}.text-input-modal input:focus{border-color:#667eea;background:#ffffff1f}.text-input-modal button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.text-input-modal button:first-of-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.text-input-modal button:first-of-type:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.text-input-modal button:last-of-type{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.text-input-modal button:last-of-type:hover{background:#ffffff26}@media (max-width: 768px){.whiteboard-toolbar{flex-wrap:nowrap;padding:12px;gap:12px}.toolbar-section{min-width:auto}.tool-buttons{flex-wrap:nowrap}.tool-btn{width:36px;height:36px;font-size:16px}.color-palette{max-width:200px}.color-btn{width:28px;height:28px}.width-slider{width:100px}.canvas-size-display{padding:6px 12px;font-size:12px;min-width:80px}.action-buttons{flex-direction:column}.action-buttons button{padding:6px 12px;font-size:12px}.canvas-wrapper{padding:10px}.canvas-container{max-width:100%;max-height:100%}.resize-handle.edge{display:none}.resize-handle.corner{width:20px;height:20px}.whiteboard-tabs{padding:6px;gap:2px}.whiteboard-tab{min-width:100px;padding:6px 12px;font-size:13px}.add-tab-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.toolbar-section h4{font-size:10px}.tool-btn{width:32px;height:32px;font-size:14px}.color-btn{width:24px;height:24px}.text-input-modal{min-width:250px;padding:16px}}.customModeManager{min-height:100vh;background:#000;padding:6rem 2rem 2rem;color:#fff}.customModeManager .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.customModeManager h2{font-size:2rem;margin:0;color:#fff}.customModeManager .createButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:600}.customModeManager .createButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.customModeManager .createForm{max-width:600px;margin:0 auto 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.customModeManager .createForm h3{margin:0 0 1.5rem;color:#fff;font-size:1.5rem}.customModeManager .formGroup{margin-bottom:1.5rem}.customModeManager .formGroup label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500}.customModeManager .formGroup .hint{display:block;font-size:.85rem;color:#fff9;font-weight:400;margin-top:.25rem}.customModeManager .formGroup input,.customModeManager .formGroup textarea{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.customModeManager .formGroup input:focus,.customModeManager .formGroup textarea:focus{outline:none;background:#ffffff1f;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.customModeManager .formGroup input::placeholder,.customModeManager .formGroup textarea::placeholder{color:#fff6}.customModeManager .charCount{text-align:right;font-size:.85rem;color:#ffffff80;margin-top:.25rem}.customModeManager .formActions{display:flex;gap:1rem;margin-top:2rem}.customModeManager .submitButton{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:600}.customModeManager .submitButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.customModeManager .cancelButton{flex:1;background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease}.customModeManager .cancelButton:hover{background:#ffffff1f}.customModeManager .modesList{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.customModeManager .modeCard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .2s ease}.customModeManager .modeCard:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.customModeManager .modeHeader{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.customModeManager .modeEmoji{font-size:2rem;line-height:1}.customModeManager .modeName{flex:1;margin:0;font-size:1.25rem;color:#fff}.customModeManager .favoriteButton{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#fff9;transition:all .2s ease}.customModeManager .favoriteButton:hover{background:#ffffff1f;color:#ffffffe6}.customModeManager .favoriteButton.active{background:#ffd70026;border-color:#ffd7004d;color:gold}.customModeManager .modePrompt{color:#fffc;line-height:1.6;margin:0 0 1rem;font-size:.95rem}.customModeManager .modeActions{display:flex;gap:.75rem;margin-bottom:1rem}.customModeManager .editButton,.customModeManager .deleteButton{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem 1rem;color:#ffffffe6;font-size:.9rem;cursor:pointer;transition:all .2s ease}.customModeManager .editButton:hover{background:#667eea26;border-color:#667eea4d;color:#667eea}.customModeManager .deleteButton:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b}.customModeManager .modeFooter{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.customModeManager .modeDate{font-size:.85rem;color:#ffffff80}.customModeManager .emptyState{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto;color:#ffffffb3}.customModeManager .emptyState p{margin:.5rem 0;font-size:1.1rem}.customModeManager .premiumRequired{max-width:600px;margin:4rem auto;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem}.customModeManager .premiumRequired h2{margin:0 0 1rem;font-size:2rem;color:#fff}.customModeManager .premiumRequired p{margin:.75rem 0;color:#fffc;font-size:1.1rem}.customModeManager .upgradeButton{display:inline-block;margin-top:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s ease}.customModeManager .upgradeButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.customModeManager .loadingSpinner{text-align:center;padding:4rem 2rem;color:#ffffffb3;font-size:1.2rem}@media (max-width: 768px){.customModeManager{padding:5rem 1rem 1rem}.customModeManager .header{flex-direction:column;align-items:stretch;gap:1rem}.customModeManager h2{font-size:1.5rem;text-align:center}.customModeManager .createForm{padding:1.5rem}.customModeManager .modesList{grid-template-columns:1fr}.customModeManager .formActions{flex-direction:column}.customModeManager .premiumRequired{padding:2rem 1.5rem}.customModeManager .premiumRequired h2{font-size:1.5rem}}.fitCheckPage{min-height:100vh;background:#000;color:#fff;position:relative;overflow-x:hidden}.fitCheckPageHeader{position:sticky;top:60px;z-index:50;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem}.fitCheckPageHeaderContent{max-width:1600px;margin:0 auto;text-align:center}.fitCheckPageTitle{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fitCheckPageSubtitle{font-size:1rem;color:#ffffffb3;max-width:600px;margin:0 auto}.fitCheckPageContent{min-height:calc(100vh - 180px);padding:2rem}.fitCheckCenteredContainer{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 240px)}.fitCheckMainLayout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:2rem;min-height:calc(100vh - 240px);align-items:start}.fitCheckCanvasSection{position:relative}.fitCheckCanvasWrapper{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;min-height:600px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d}.fitCheckSidebarSection{position:sticky;top:180px;max-height:calc(100vh - 200px);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.fitCheckMobileToggle{display:none}.fitCheckSidebarContent{padding:1.5rem;max-height:calc(100vh - 200px);overflow:hidden;display:flex;flex-direction:column}.fitCheckSidebarScroll{overflow-y:auto;flex:1;padding-right:.5rem;display:flex;flex-direction:column;gap:1.5rem}.fitCheckMobileLoading{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.fitCheckMobileLoading .fitCheckLoadingText{margin-top:1.5rem;font-size:1.1rem;color:#ffffffe6;text-align:center;padding:0 2rem}.fitCheckStartScreen{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.fitCheckStartLeft{display:flex;flex-direction:column;justify-content:center}.fitCheckStartContent{max-width:540px}.fitCheckStartBadge{display:inline-block;padding:.5rem 1rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:1.5rem}.fitCheckStartHeading{font-size:3rem;font-weight:700;line-height:1.2;color:#fff;margin-bottom:1rem}.fitCheckStartDescription{font-size:1.125rem;line-height:1.7;color:#ffffffb3;margin-bottom:0}.fitCheckStartDivider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent);margin:2rem 0}.fitCheckStartUploadSection{display:flex;flex-direction:column;gap:1rem}.fitCheckUploadButton{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.fitCheckUploadButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.fitCheckUploadButton:active{transform:translateY(0)}.fitCheckStartHints{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.fitCheckStartHint{font-size:.875rem;color:#fff9;padding-left:.5rem}.fitCheckStartDisclaimer{font-size:.75rem;color:#fff6;line-height:1.5;margin-top:.5rem}.fitCheckStartError{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff6b6b;font-size:.875rem;margin-top:.5rem}.fitCheckStartErrorIcon{font-size:1.25rem}.fitCheckStartRight{display:flex;align-items:center;justify-content:center}.fitCheckStartDemo{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.fitCheckCompareImage{width:100%;max-width:400px;aspect-ratio:2/3;border-radius:20px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1)}.fitCheckStartDemoCaption{font-size:.875rem;color:#ffffff80;text-align:center}@media (max-width: 1024px){.fitCheckStartScreen{grid-template-columns:1fr;gap:3rem;padding:2rem 1rem}.fitCheckStartLeft{text-align:center}.fitCheckStartContent{margin:0 auto}.fitCheckStartBadge{margin-left:auto;margin-right:auto}.fitCheckStartHeading{font-size:2.5rem}.fitCheckCompareImage{max-width:320px}}@media (max-width: 768px){.fitCheckStartHeading{font-size:2rem}.fitCheckStartDescription{font-size:1rem}.fitCheckStartHints{align-items:center}.fitCheckCompareImage{max-width:280px}}.fitCheckCanvas{max-width:1200px;margin:0 auto;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 4px 12px #0006}.fitCheckCanvasInner{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.fitCheckCanvasImage{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 40px #00000080}.fitCheckWardrobe{position:fixed;bottom:0;left:0;right:0;max-height:60vh;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000080;z-index:1000;overflow-y:auto;padding:1.5rem}.fitCheckWardrobeHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.fitCheckWardrobeTitle{font-size:1.5rem;font-weight:600;color:#fff}.fitCheckWardrobeClose{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.fitCheckWardrobeClose:hover{background:#ffffff26;border-color:#ffffff4d}.fitCheckWardrobeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.fitCheckWardrobeItem{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s ease;text-align:center}.fitCheckWardrobeItem:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.fitCheckWardrobeItem.active{background:#ffffff26;border-color:#667eea;box-shadow:0 4px 12px #667eea80}.fitCheckWardrobeItemImage{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.fitCheckWardrobeItemLabel{color:#ffffffe6;font-size:.9rem}.fitCheckButton{background:#ffffff14;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.fitCheckButton:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.fitCheckButton:disabled{opacity:.4;cursor:not-allowed;background:#ffffff08;border-color:#ffffff1a}.fitCheckPrimaryButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.fitCheckPrimaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.fitCheckPrimaryButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.fitCheckDangerButton{background:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);color:#ff6b6b}.fitCheckDangerButton:hover:not(:disabled){background:#ff6b6b26;border-color:#ff6b6b80}.fitCheckButtonGroup{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.fitCheckToolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:60px;z-index:100}.fitCheckToolbarLeft,.fitCheckToolbarRight{display:flex;gap:1rem;align-items:center}.fitCheckToolbarTitle{font-size:1.25rem;font-weight:600;color:#fff}.fitCheckLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3}.fitCheckSpinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.fitCheckLoadingText{font-size:1rem;color:#ffffffe6}.fitCheckError{background:#ff6b6b1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:600px;color:#ff6b6b;text-align:center}.fitCheckErrorIcon{font-size:3rem;margin-bottom:1rem}.fitCheckErrorTitle{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#ff6b6b}.fitCheckErrorMessage{font-size:1rem;color:#ff6b6be6;margin-bottom:1rem}.fitCheckEmpty{text-align:center;padding:4rem 2rem;color:#ffffffb3}.fitCheckEmptyIcon{font-size:4rem;margin-bottom:1rem;opacity:.5}.fitCheckEmptyTitle{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.fitCheckEmptyMessage{font-size:1rem;color:#ffffffb3;margin-bottom:2rem}.fitCheckUpload{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease}.fitCheckUpload:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.fitCheckUpload.dragOver{background:#667eea1a;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.fitCheckUploadIcon{font-size:3rem;margin-bottom:1rem;color:#ffffffb3}.fitCheckUploadLabel{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.fitCheckUploadHint{font-size:.9rem;color:#fff9}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}@keyframes zoom-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-zoom-in{animation:zoom-in .7s cubic-bezier(.25,1,.5,1) forwards}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slide-up .6s cubic-bezier(.25,1,.5,1) forwards}.fitCheckWardrobe::-webkit-scrollbar,.fitCheckCanvas::-webkit-scrollbar{width:6px;height:6px}.fitCheckWardrobe::-webkit-scrollbar-track,.fitCheckCanvas::-webkit-scrollbar-track{background:transparent}.fitCheckWardrobe::-webkit-scrollbar-thumb,.fitCheckCanvas::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.fitCheckWardrobe::-webkit-scrollbar-thumb:hover,.fitCheckCanvas::-webkit-scrollbar-thumb:hover{background:#ffffff80}.fitCheckHeader{text-align:center;margin-bottom:3rem}.fitCheckHeaderTitle{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fitCheckHeaderSubtitle{font-size:1.1rem;color:#ffffffb3}.fitCheckInstructions{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.fitCheckInstructionsTitle{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.fitCheckInstructionsList{list-style:none;padding:0;margin:0}.fitCheckInstructionsList li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#ffffffe6}.fitCheckInstructionsList li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}@media (max-width: 1024px){.fitCheckMainLayout{grid-template-columns:1fr;gap:0}.fitCheckSidebarSection{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:60vh;border-radius:20px 20px 0 0;z-index:60;transition:transform .3s ease}.fitCheckSidebarContent.collapsed{transform:translateY(calc(100% - 3rem))}.fitCheckMobileToggle{display:flex;width:100%;height:3rem;align-items:center;justify-content:center;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s ease}.fitCheckMobileToggle:hover{background:#ffffff14}.fitCheckCanvasWrapper{min-height:500px}}@media (max-width: 768px){.fitCheckPageHeader{padding:1rem}.fitCheckPageTitle{font-size:1.5rem}.fitCheckPageSubtitle{font-size:.9rem}.fitCheckPageContent{padding:1rem}.fitCheckCenteredContainer{min-height:calc(100vh - 200px)}.fitCheckCanvasWrapper{padding:1rem;min-height:400px;border-radius:12px}.fitCheckCanvas{padding:1rem;border-radius:12px}.fitCheckWardrobe{max-height:50vh;padding:1rem}.fitCheckWardrobeGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.fitCheckWardrobeItemImage{height:120px}.fitCheckHeaderTitle{font-size:2rem}.fitCheckHeaderSubtitle{font-size:1rem}.fitCheckButtonGroup{flex-direction:column;width:100%}.fitCheckButton,.fitCheckPrimaryButton{width:100%;justify-content:center}.fitCheckToolbar{flex-direction:column;gap:1rem;padding:1rem}.fitCheckToolbarLeft,.fitCheckToolbarRight{width:100%;justify-content:center}.fitCheckSidebarSection{max-height:55vh}.fitCheckSidebarContent{padding:1rem}}@media (max-width: 480px){.fitCheckHeaderTitle{font-size:1.75rem}.fitCheckWardrobeGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fitCheckWardrobeItemImage{height:100px}}.fitCheckButton:focus-visible,.fitCheckPrimaryButton:focus-visible,.fitCheckDangerButton:focus-visible{outline:2px solid #667eea;outline-offset:2px}.fitCheckWardrobeItem:focus-visible{outline:2px solid #667eea;outline-offset:2px}.fitCheckHidden{display:none!important}.fitCheckVisible{display:block!important}.fitCheckTextCenter{text-align:center}.fitCheckTextMuted{color:#ffffffb3}.fitCheckMarginTop{margin-top:2rem}.fitCheckMarginBottom{margin-bottom:2rem}.coDrawingPage{min-height:100vh;background:#000;padding-top:80px;padding-bottom:2rem}.coDrawingHeader{max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.coDrawingTitle{font-size:3rem;font-weight:700;margin-bottom:.5rem;color:#fff}.coDrawingTitleGradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coDrawingSubtitle{font-size:1.125rem;color:#ffffffb3}.coDrawingMain{max-width:1200px;margin:0 auto;padding:0 2rem}.coDrawingContainer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.coDrawingToolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:12px}.coDrawingToolbarLeft,.coDrawingToolbarRight{display:flex;align-items:center;gap:.75rem}.coDrawingModelSelect{position:relative}.coDrawingSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem 2.5rem .5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.coDrawingSelect:hover{background:#ffffff1f;border-color:#ffffff4d}.coDrawingSelect:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.coDrawingSelectIcon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#fff9;pointer-events:none}.coDrawingColorButton{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.coDrawingColorButton:hover{transform:scale(1.1);border-color:#ffffff80}.coDrawingColorInput{position:absolute;opacity:0;width:1px;height:1px}.coDrawingToolButton{width:2.5rem;height:2.5rem;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.coDrawingToolButton:hover{background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05)}.coDrawingToolButton:disabled{opacity:.5;cursor:not-allowed}.coDrawingToolIcon{width:1.25rem;height:1.25rem;color:#fff}.coDrawingCanvasContainer{width:100%;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.coDrawingCanvas{width:100%;height:auto;display:block;cursor:crosshair;background:#fff;touch-action:none}.coDrawingForm{width:100%}.coDrawingInputContainer{position:relative;width:100%}.coDrawingInput{width:100%;padding:1rem 4rem 1rem 1.5rem;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s ease}.coDrawingInput::placeholder{color:#ffffff80}.coDrawingInput:focus{outline:none;border-color:#667eea;background:#ffffff1f;box-shadow:0 0 0 3px #667eea33}.coDrawingSubmitButton{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.coDrawingSubmitButton:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #667eea4d}.coDrawingSubmitButton:disabled{opacity:.6;cursor:not-allowed}.coDrawingSubmitIcon,.coDrawingLoadingIcon{width:1.25rem;height:1.25rem;color:#fff}.coDrawingLoadingIcon{animation:spin 1s linear infinite}.coDrawingModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.coDrawingModalContent{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 10px 40px #00000080}.coDrawingModalHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.coDrawingModalTitle{font-size:1.5rem;font-weight:700;color:#fff}.coDrawingModalClose{background:transparent;border:none;color:#ffffffb3;cursor:pointer;transition:color .2s ease}.coDrawingModalClose:hover{color:#fff}.coDrawingModalCloseIcon{width:1.5rem;height:1.5rem}.coDrawingModalMessage{color:#ffffffe6;font-size:1rem;line-height:1.6}@media (max-width: 768px){.coDrawingPage{padding-top:60px}.coDrawingTitle{font-size:2rem}.coDrawingSubtitle{font-size:1rem}.coDrawingContainer{padding:1rem}.coDrawingToolbar{flex-direction:column;gap:1rem;align-items:stretch}.coDrawingToolbarLeft,.coDrawingToolbarRight{justify-content:center}.coDrawingInput{padding:.875rem 3.5rem .875rem 1rem;font-size:.875rem}.coDrawingSubmitButton{width:2rem;height:2rem}.coDrawingSubmitIcon,.coDrawingLoadingIcon{width:1rem;height:1rem}}.pastForwardPage{min-height:100vh;background:#000;padding-top:80px;padding-bottom:4rem;position:relative}.pastForwardHeader{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;text-align:center}.pastForwardTitle{font-size:4rem;font-weight:700;margin-bottom:.5rem;color:#fff}.pastForwardTitleGradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pastForwardSubtitle{font-size:1.25rem;color:#ffffffb3;max-width:600px;margin:0 auto}.pastForwardMain{max-width:1400px;margin:0 auto;padding:0 2rem}.pastForwardUpload{display:flex;align-items:center;justify-content:center;min-height:60vh}.pastForwardUploadCard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4rem 3rem;text-align:center;max-width:500px}.pastForwardUploadIcon{width:4rem;height:4rem;color:#667eea;margin:0 auto 1.5rem}.pastForwardUploadTitle{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.pastForwardUploadText{font-size:1.125rem;color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.pastForwardUploadButton{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2.5rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.pastForwardUploadButton:hover{transform:scale(1.05);box-shadow:0 8px 20px #667eea66}.pastForwardUploadInput{display:none}.pastForwardPreview{display:flex;flex-direction:column;align-items:center;gap:2rem}.pastForwardPreviewCard{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;max-width:500px}.pastForwardPreviewImage{width:100%;height:auto;border-radius:12px;margin-bottom:1rem}.pastForwardPreviewCaption{text-align:center;font-size:1.25rem;font-weight:600;color:#fff}.pastForwardPreviewActions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.pastForwardButtonPrimary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.pastForwardButtonPrimary:hover{transform:scale(1.05);box-shadow:0 8px 20px #667eea66}.pastForwardButtonPrimary:disabled{opacity:.6;cursor:not-allowed;transform:none}.pastForwardButtonSecondary{background:#ffffff14;border:2px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pastForwardButtonSecondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05)}.polaroidCard{width:20rem;background:linear-gradient(to bottom,#f5f5f5,#e8e8e8);border-radius:8px;padding:1rem 1rem 4rem;box-shadow:0 10px 40px #00000080;position:relative}.polaroidImageContainer{width:100%;aspect-ratio:1;background:#1a1a1a;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.polaroidImage{width:100%;height:100%;object-fit:cover;opacity:.8;filter:sepia(1) contrast(.8) brightness(.8);transition:all 4s ease-in-out}.polaroidImageDeveloped{opacity:1;filter:none}.polaroidDevelopOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a322c;z-index:10;transition:opacity 3.5s ease-out;opacity:1}.polaroidDevelopOverlayDone{opacity:0}.polaroidControls{position:absolute;top:.5rem;right:.5rem;z-index:20;display:flex;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .3s ease}.polaroidCard:hover .polaroidControls{opacity:1}.polaroidControlButton{width:2rem;height:2rem;background:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.polaroidControlButton:hover{background:#000c;transform:scale(1.1)}.polaroidControlIcon{width:1rem;height:1rem;color:#fff}.polaroidCaption{position:absolute;bottom:1rem;left:1rem;right:1rem;text-align:center}.polaroidCaption p{font-size:1.125rem;font-weight:600;color:#000;margin:0}.polaroidLoading{display:flex;align-items:center;justify-content:center;height:100%}.polaroidSpinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.2);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}.polaroidError{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;padding:1rem}.polaroidErrorIcon{width:2.5rem;height:2.5rem;color:#ff6b6b}.polaroidErrorText{font-size:.875rem;color:#ffffffb3;text-align:center}.polaroidPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;color:#ffffff80}.polaroidPlaceholderIcon{width:4rem;height:4rem}.polaroidPlaceholder span{font-size:1.125rem;font-weight:600}.pastForwardMobileGrid{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-bottom:2rem}.polaroidWrapper{display:flex;justify-content:center}.pastForwardDesktopGrid{position:relative;width:100%;height:700px;margin-bottom:4rem}.polaroidWrapperDesktop{position:absolute;cursor:grab;transition:transform .3s ease}.polaroidWrapperDesktop:active{cursor:grabbing}.polaroidWrapperDesktop:hover{z-index:10;transform:scale(1.05)!important}.pastForwardResultsActions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.pastForwardDesktopGrid{height:900px}}@media (max-width: 768px){.pastForwardPage{padding-top:60px}.pastForwardTitle{font-size:2.5rem}.pastForwardSubtitle{font-size:1rem}.pastForwardUploadCard{padding:3rem 2rem}.pastForwardUploadTitle{font-size:1.5rem}.pastForwardUploadText{font-size:1rem}.polaroidCard{width:100%;max-width:20rem}.polaroidControls{opacity:1}.pastForwardButtonPrimary,.pastForwardButtonSecondary{font-size:1rem;padding:.875rem 1.5rem}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.pixshopContainer{min-height:100vh;background:#000;color:#ffffffe6;display:flex;flex-direction:column;padding-top:6rem}.pixshopMain{flex-grow:1;width:100%;max-width:1600px;margin:0 auto;padding:1rem;display:flex;justify-content:center}.pixshopMain.hasImage{align-items:flex-start}.pixshopMain.noImage{align-items:center}.pixshopHeader{width:100%;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.pixshopHeaderContent{display:flex;align-items:center;justify-content:center;gap:.75rem}.pixshopHeaderIcon{width:1.5rem;height:1.5rem;color:#667eea}.pixshopHeaderTitle{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:#fffffff2}.pixshopStartScreen{width:100%;max-width:80rem;margin:0 auto;text-align:center;padding:2rem;transition:all .3s;border-radius:1rem;border:2px solid transparent}.pixshopStartScreen.dragging{background:#667eea1a;border:2px dashed #667eea}.pixshopStartContent{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .5s ease-in}.pixshopStartTitle{font-size:3rem;font-weight:800;letter-spacing:-.025em;color:#fffffff2}.pixshopStartTitleAccent{color:#667eea}.pixshopStartDescription{max-width:42rem;font-size:1.125rem;color:#ffffffb3}.pixshopStartUploadArea{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pixshopUploadButton{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;cursor:pointer;transition:all .2s}.pixshopUploadButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.pixshopUploadIcon{width:1.5rem;height:1.5rem;margin-right:.75rem;transition:transform .5s ease-in-out}.pixshopUploadButton:hover .pixshopUploadIcon{transform:rotate(360deg) scale(1.1)}.pixshopStartHint{font-size:.875rem;color:#ffffff80}.pixshopStartFeatures{margin-top:4rem;width:100%;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.pixshopStartFeatures{grid-template-columns:repeat(3,1fr)}}.pixshopFeatureCard{background:#0003;padding:1.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;text-align:center}.pixshopFeatureIcon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#ffffff1a;border-radius:9999px;margin-bottom:1rem}.pixshopFeatureIcon svg{width:1.5rem;height:1.5rem;color:#667eea}.pixshopFeatureTitle{font-size:1.25rem;font-weight:700;color:#fffffff2}.pixshopFeatureDescription{margin-top:.5rem;color:#ffffffb3}.pixshopEditorContent{width:100%;max-width:64rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .5s ease-in}.pixshopImageContainer{position:relative;width:100%;box-shadow:0 20px 40px #00000080;border-radius:.75rem;overflow:hidden;background:#0003}.pixshopImageWrapper{position:relative}.pixshopImage{width:100%;height:auto;object-fit:contain;max-height:60vh;border-radius:.75rem}.pixshopImageClickable{cursor:crosshair}.pixshopImageOriginal{pointer-events:none}.pixshopImageCurrent{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;max-height:60vh;border-radius:.75rem;transition:opacity .2s ease-in-out}.pixshopImageCurrent.comparing{opacity:0}.pixshopImageCurrent.normal{opacity:1}.pixshopLoadingOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:flex;flex-direction:column;align-items:center;justify-center;gap:1rem;animation:fadeIn .3s ease-in}.pixshopLoadingText{color:#fffc}.pixshopHotspot{position:absolute;border-radius:9999px;width:1.5rem;height:1.5rem;background:#667eea80;border:2px solid white;pointer-events:none;transform:translate(-50%,-50%);z-index:10}.pixshopHotspotPing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;width:1.5rem;height:1.5rem;background:#667eeab3;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.pixshopTabs{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pixshopTab{width:100%;text-transform:capitalize;font-weight:600;padding:.75rem 1.25rem;border-radius:.375rem;transition:all .2s;font-size:1rem;background:transparent;border:1px solid transparent;color:#ffffffb3;cursor:pointer}.pixshopTab:hover{color:#fff;background:#ffffff1a}.pixshopTab.active{background:linear-gradient(135deg,#667eea,#667eea);color:#fff;box-shadow:0 4px 12px #667eea66}.pixshopPanel{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .3s ease-in}.pixshopPanelTitle{font-size:1.125rem;font-weight:600;text-align:center;color:#fffc}.pixshopRetouchHint{font-size:1rem;color:#ffffffb3;text-align:center}.pixshopRetouchForm{width:100%;display:flex;align-items:center;gap:.5rem}.pixshopRetouchInput{flex-grow:1;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;border-radius:.5rem;padding:1.25rem;font-size:1.125rem;transition:all .2s}.pixshopRetouchInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.pixshopRetouchInput:disabled{cursor:not-allowed;opacity:.6}.pixshopRetouchButton{background:linear-gradient(135deg,#667eea,#667eea);color:#fff;font-weight:700;padding:1.25rem 2rem;font-size:1.125rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 12px #667eea33}.pixshopRetouchButton:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-1px)}.pixshopRetouchButton:active:not(:disabled){transform:scale(.95)}.pixshopRetouchButton:disabled{background:linear-gradient(135deg,#555,#333);box-shadow:none;cursor:not-allowed;transform:none}.pixshopPresetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 768px){.pixshopPresetGrid{grid-template-columns:repeat(4,1fr)}}.pixshopPresetButton{width:100%;text-align:center;background:#ffffff1a;border:1px solid transparent;color:#ffffffe6;font-weight:600;padding:.75rem 1rem;border-radius:.375rem;transition:all .2s;font-size:1rem;cursor:pointer}.pixshopPresetButton:hover:not(:disabled){background:#fff3;border-color:#fff3}.pixshopPresetButton:active:not(:disabled){transform:scale(.95)}.pixshopPresetButton:disabled{opacity:.5;cursor:not-allowed}.pixshopPresetButton.selected{border:2px solid #667eea;background:#667eea33}.pixshopCustomInput{flex-grow:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;border-radius:.5rem;padding:1rem;font-size:1rem;transition:all .2s}.pixshopCustomInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.pixshopCustomInput:disabled{cursor:not-allowed;opacity:.6}.pixshopApplyButton{width:100%;background:linear-gradient(135deg,#667eea,#667eea);color:#fff;font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 12px #667eea33;font-size:1rem}.pixshopApplyButton:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-1px)}.pixshopApplyButton:active:not(:disabled){transform:scale(.95)}.pixshopApplyButton:disabled{background:linear-gradient(135deg,#555,#333);box-shadow:none;cursor:not-allowed;transform:none}.pixshopCropControls{display:flex;flex-wrap:wrap;gap:.5rem}.pixshopCropAspectButton{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-weight:600;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.pixshopCropAspectButton:hover{background:#fff3;border-color:#ffffff4d}.pixshopCropAspectButton:active{transform:scale(.95)}.pixshopActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem}.pixshopActionButton{display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-weight:600;padding:.75rem 1.25rem;border-radius:.375rem;transition:all .2s;font-size:1rem;cursor:pointer}.pixshopActionButton:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.pixshopActionButton:active:not(:disabled){transform:scale(.95)}.pixshopActionButton:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.pixshopActionButton svg{width:1.25rem;height:1.25rem;margin-right:.5rem}.pixshopDivider{height:1.5rem;width:1px;background:#ffffff4d;margin:0 .25rem;display:none}@media (min-width: 640px){.pixshopDivider{display:block}}.pixshopResetButton{background:transparent;border:1px solid rgba(255,255,255,.2)}.pixshopResetButton:disabled{background:transparent}.pixshopDownloadButton{flex-grow:1;margin-left:auto;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b98133}@media (min-width: 640px){.pixshopDownloadButton{flex-grow:0}}.pixshopDownloadButton:hover:not(:disabled){box-shadow:0 8px 20px #10b98166;transform:translateY(-1px)}.pixshopError{text-align:center;animation:fadeIn .5s ease-in;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:2rem;border-radius:.5rem;max-width:42rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.pixshopErrorTitle{font-size:1.5rem;font-weight:700;color:#fca5a5}.pixshopErrorMessage{font-size:1rem;color:#fca5a5}.pixshopErrorButton{background:#ef4444;color:#fff;font-weight:700;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-size:1rem}.pixshopErrorButton:hover{background:#dc2626}.pixshopSpinner{border:4px solid rgba(255,255,255,.1);border-left-color:#667eea;border-radius:50%;width:3rem;height:3rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}@media (min-width: 768px){.pixshopMain{padding:2rem}.pixshopStartTitle{font-size:3.75rem}.pixshopStartDescription{font-size:1.25rem}}@media (min-width: 1024px){.pixshopStartTitle{font-size:4.5rem}}.usageCounterFloating{position:fixed;z-index:9999;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;width:320px;box-shadow:0 10px 40px #0009;transition:all .3s ease;will-change:transform;overflow:hidden}.usageCounterFloating.dragging{cursor:grabbing;box-shadow:0 20px 60px #000c;border-color:#ffffff4d}.usageCounterFloating.minimized{width:320px;height:auto}.usageCounterDragHandle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;-webkit-user-select:none;user-select:none;transition:background .2s ease}.usageCounterDragHandle:hover{background:#ffffff14}.usageCounterDragHandle:active{cursor:grabbing}.dragIndicator{display:flex;gap:4px;align-items:center;pointer-events:none}.dragIndicator span{width:3px;height:3px;background:#fff6;border-radius:50%}.usageCounterControls{display:flex;gap:6px}.controlButton{width:24px;height:24px;border:none;background:#ffffff1a;border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.controlButton:hover{background:#fff3;color:#fff;transform:scale(1.1)}.controlButton.close:hover{background:#ff6b6b33;color:#ff6b6b}.controlButton:active{transform:scale(.95)}.usageCounterHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;animation:fadeIn .3s ease}.usageTierBadge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #667eea4d}.upgradeLink{color:#667eea;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s ease;padding:4px 8px;border-radius:6px}.upgradeLink:hover{background:#667eea1a;color:#8b9cf7}.usageMetrics{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px;animation:slideDown .3s ease;overflow:hidden}.usageCounterFloating.minimized .usageMetrics{display:none}.usageMetric{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;transition:all .2s ease}.usageMetric:hover{background:#ffffff0d;border-color:#ffffff1f}.usageMetricHeader{display:flex;align-items:center;gap:10px;margin-bottom:8px}.usageMetricIcon{font-size:20px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.usageMetricLabel{color:#ffffffe6;font-size:14px;font-weight:600;flex:1}.usageMetricValue{font-size:16px;font-weight:700;color:#fff;padding:4px 10px;border-radius:6px;min-width:40px;text-align:center;box-shadow:0 2px 6px #0003}.usageMetricValue.good{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.usageMetricValue.warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.usageMetricValue.critical{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.usageProgressBar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:6px;box-shadow:inset 0 1px 3px #0000004d}.usageProgressFill{height:100%;border-radius:3px;transition:width .5s ease,background-color .3s ease;box-shadow:0 0 8px currentColor}.usageProgressFill.good{background:linear-gradient(90deg,#10b981,#059669)}.usageProgressFill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.usageProgressFill.critical{background:linear-gradient(90deg,#ef4444,#dc2626);animation:pulseGlow 1.5s ease-in-out infinite}.usageMetricFooter{color:#ffffff80;font-size:11px;text-align:right;font-weight:500}.usageMetricFooter.unlimited{text-align:center;color:#10b981;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.usageCounterRestoreButton{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:9998;animation:slideInUp .4s ease}.usageCounterRestoreButton:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 24px #667eea99}.usageCounterRestoreButton:active{transform:scale(.95)}@media (max-width: 768px){.usageCounterFloating,.usageCounterFloating.minimized{width:280px}.usageCounterRestoreButton{width:48px;height:48px;font-size:20px;bottom:16px;right:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 16px currentColor}}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.usageMetricValue.critical{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){.usageCounterFloating,.controlButton,.usageProgressFill,.usageCounterRestoreButton,.usageMetrics,.usageCounterHeader{animation:none;transition:none}}@media (hover: none) and (pointer: coarse){.controlButton{width:32px;height:32px;font-size:14px}.usageCounterDragHandle{padding:12px}}@media (prefers-contrast: high){.usageCounterFloating{border:2px solid rgba(255,255,255,.4)}.controlButton{border:1px solid rgba(255,255,255,.3)}}