@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Roboto:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--bg-app: #000000;--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--surface-subtle: rgba(255, 255, 255, .02);--surface-muted: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .12);--border-active: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666;--text-muted: #555555;--accent-white: #ffffff;--accent-white-hover: #f0f0f0;--accent-black: #000000;--accent-primary: #8b5cf6;--accent-hover: #7c3aed;--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .12);--text-muted-legacy: #6b7280;color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;padding:0;min-height:100vh;min-width:320px;background:var(--bg-primary);overflow-x:hidden}#root{min-height:100vh;width:100%}@media (max-width: 768px){html,body{overflow-x:hidden!important}}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.auth-modal{background:var(--bg-tertiary);border:1px solid var(--border-primary);padding:2rem;border-radius:12px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid var(--border-primary);border-radius:6px;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-close:hover{background:#fff3;color:var(--text-primary);transform:scale(1.05)}.auth-close:active{transform:scale(.95)}.auth-modal h2{margin:0 0 1.5rem;text-align:center;color:var(--text-primary);font-size:1.5rem;font-weight:600}.auth-form .form-group{margin-bottom:1.5rem}.auth-form .form-group:last-of-type{margin-bottom:1rem}.auth-form label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.auth-input{width:100%;padding:.875rem 1rem;font-size:.95rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.auth-input:hover:not(:focus){border-color:var(--border-secondary)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.auth-submit{width:100%;padding:1rem 1.5rem;font-size:1rem;font-family:inherit;font-weight:600;color:#374151;background:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-submit:hover:not(:disabled){background:#f3f4f6;color:#1f2937;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.auth-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.auth-submit:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d,0 4px 6px -1px #0000001a}.auth-submit:disabled{background:#6b7280;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.auth-switch-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s;padding:0;margin-left:.25rem}.auth-switch-btn:hover{color:var(--accent-hover);text-decoration:underline}.auth-switch-btn:focus{outline:none;text-decoration:underline}.frame{align-items:center;background-color:#1c1c1c;display:inline-flex;gap:18px;height:77px;min-width:582.93px;padding:6px 7px 6px 18px;position:relative;box-sizing:border-box;border-radius:23.96px}.frame .link-back-to{height:27px;position:relative;width:24px;flex-shrink:0;margin-left:5px}.frame .logomark{height:100%}.frame .group{background-image:url(https://more-media-app-bucket.s3.us-east-2.amazonaws.com/home-page/Home-Page-Icons/logomark.svg);background-size:100% 100%;height:100%;left:4.17%;position:relative;width:88.18%}.frame .nav-main-navigation{height:17.43px;position:relative;flex:1;cursor:pointer;margin-left:5px}.frame .menuitem{display:flex;height:100%;width:80px}.frame .container{display:flex;height:17.43px;overflow:hidden;width:80.27px}.frame .text-wrapper{align-items:center;color:#858585;display:flex;font-family:Roboto,Helvetica,sans-serif;font-size:17.4px;font-weight:400;height:54px;justify-content:center;letter-spacing:0;line-height:17.4px;margin-left:.1px;margin-top:-16.1px;width:80px;transition:color .2s ease}.frame .nav-main-navigation:hover .text-wrapper{color:#e9e8e3}.frame .link{border:1px solid;border-color:#4a4a4a;border-radius:16.34px;height:46.83px;position:relative;width:109.1px;flex-shrink:0;cursor:pointer;transition:border-color .2s ease}.frame .link:hover{border-color:#858585}.frame .paragraph{height:18px;left:29px;overflow:hidden;position:relative;top:calc(50% - 9px);width:50px}.frame .div{align-items:center;color:#e9e8e3;display:flex;font-family:Roboto,Helvetica,sans-serif;font-size:17.4px;font-weight:500;height:23px;justify-content:center;left:0;letter-spacing:0;line-height:17.4px;position:absolute;top:-3px;width:51px}.frame .text-wrapper-2{align-items:center;color:#e9e8e3;display:flex;font-family:Roboto,Helvetica,sans-serif;font-size:17.4px;font-weight:500;height:23px;justify-content:center;left:0;letter-spacing:0;line-height:17.4px;position:absolute;top:16px;width:51px}.frame .signup{border-radius:16.34px;height:46.83px;position:relative;width:116.97px;flex-shrink:0;cursor:pointer}.frame .background-blur{background-color:#d59fff;border-radius:14px;filter:blur(7.5px);height:calc(100% - 2px);left:1px;opacity:.8;position:absolute;top:2px;width:100%}.frame .background-blur-2{background-color:#75d7f5;border-radius:14px;filter:blur(7.5px);height:100%;left:1px;opacity:.8;position:absolute;top:0;width:100%}.frame .button-sign-up{background-color:#e9e8e3;border-radius:16.34px;height:100%;left:0;position:absolute;top:0;width:100%}.frame .div-wrapper{display:flex;height:18px;justify-content:center;left:28px;overflow:hidden;position:absolute;top:14px;width:60px}.frame .text-wrapper-3{align-items:center;color:#080808;display:flex;font-family:Roboto,Helvetica,sans-serif;font-size:17.4px;font-weight:500;height:23px;justify-content:center;letter-spacing:0;line-height:17.4px;margin-left:.2px;margin-top:-3px;text-align:center;width:60.54px}@media (max-width: 768px){.frame{min-width:auto;width:calc(100% - 2rem);max-width:720px}}@media (max-width: 620px){.frame{gap:12px;padding:6px 10px 6px 14px;min-width:auto;width:calc(100% - 2rem);height:auto;min-height:65px}.frame .text-wrapper{font-size:15px;width:auto}.frame .link-back-to{width:22px;height:24px}.frame .link{width:95px;height:44px}.frame .paragraph{left:50%;transform:translate(-50%)}.frame .signup{width:105px;height:44px}.frame .div-wrapper{left:50%;transform:translate(-50%);top:13px}}@media (max-width: 480px){.frame{gap:10px;padding:6px 8px 6px 12px;min-height:60px;width:calc(100% - 1.5rem)}.frame .link-back-to{width:20px;height:22px}.frame .link{width:85px;height:42px}.frame .div,.frame .text-wrapper-3{font-size:15px}.frame .signup{width:95px;height:42px}}@media (max-width: 380px){.frame{gap:8px;padding:6px 6px 6px 10px;min-height:58px;width:calc(100% - 1rem)}.frame .link{width:78px;height:40px}.frame .div,.frame .text-wrapper-3{font-size:14px}.frame .signup{width:88px;height:40px}}.hero-section{position:relative;z-index:10;width:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important}.hero-content{width:100%;max-width:600px;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;gap:37px;visibility:visible!important;opacity:1!important}.hero-logo-image{max-width:400px;width:100%;height:auto;filter:brightness(1.5) contrast(1.2);display:block!important;visibility:visible!important;opacity:1!important}.hero-tagline-container{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:8px;visibility:visible!important;flex-wrap:wrap;width:100%}.hero-tagline-static{color:#8a8a8a!important;font-size:24px!important;font-family:Roboto,sans-serif!important;font-weight:400!important;line-height:31.87px!important;word-wrap:break-word;margin:0;display:inline-block!important;visibility:visible!important;white-space:nowrap}.hero-tagline-rotating{position:relative;min-height:31.87px;width:auto;display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;border-radius:16.34px;border:1px solid rgba(255,255,255,.35);padding:8px 16px;text-decoration:none;cursor:pointer}.hero-tagline-word{color:#e9e8e3!important;font-size:24px!important;font-family:Roboto,sans-serif!important;font-weight:400!important;line-height:31.87px!important;margin:0;display:inline-block!important;visibility:visible!important;opacity:1!important;white-space:nowrap;text-align:center}.hero-tagline-word-active{animation:fadeIn .3s ease-in}@media (max-width: 768px){.hero-content{gap:30px;padding:0 20px}.hero-logo-image{max-width:300px}.hero-tagline-container{flex-direction:column;gap:12px}.hero-tagline-static,.hero-tagline-word{font-size:20px;line-height:28px}}@media (max-width: 480px){.hero-content{gap:24px}.hero-logo-image{max-width:240px}.hero-tagline-container{justify-content:center}.hero-tagline-static,.hero-tagline-word{font-size:18px;line-height:26px}}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg .gallery-item{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-bg .gallery-item:nth-child(1){animation-delay:0s}.hero-bg .gallery-item:nth-child(2){animation-delay:-1s}.hero-bg .gallery-item:nth-child(3){animation-delay:-2s}.hero-bg .gallery-item:nth-child(4){animation-delay:-3s}.hero-bg .gallery-item:nth-child(5){animation-delay:-4s}.hero-bg .gallery-item:nth-child(6){animation-delay:-5s}.hero-bg .gallery-item:nth-child(7){animation-delay:-1.5s}.gallery-item{position:absolute;cursor:pointer;border-radius:8px;overflow:hidden}.gallery-image{width:100%;height:100%;display:block;object-fit:cover;opacity:.6}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.image-icon{position:absolute;bottom:12px;right:12px;width:30.5px;height:30.5px;background:#080808cc;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:2}.image-icon img{width:16px;height:16px;filter:brightness(0) invert(1)}.gallery-item:nth-child(1){width:345px;height:518px;left:6%;top:15%}.gallery-item:nth-child(2){width:380px;height:570px;left:8%;top:65%}.gallery-item:nth-child(3){width:373px;height:467px;left:31%;top:-2%}.gallery-item:nth-child(4){width:306px;height:306px;left:33%;top:70%}.gallery-item:nth-child(5){width:373px;height:467px;left:55%;top:65%}.gallery-item:nth-child(6){width:391px;height:488px;left:76%;top:40%}.gallery-item:nth-child(7){width:373px;height:467px;left:70%;top:5%}.gallery-item:nth-child(2) .gallery-image{object-fit:contain;background:transparent}.hero-carousel{display:none;width:100%;overflow:hidden;position:relative;z-index:5}.hero-carousel:before,.hero-carousel:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:6;pointer-events:none}.hero-carousel:before{left:0;background:linear-gradient(to right,#111111,transparent)}.hero-carousel:after{right:0;background:linear-gradient(to left,#111111,transparent)}.carousel-track{display:flex;gap:12px;width:max-content}.carousel-track img{width:175px;height:225px;object-fit:cover;border-radius:8px;flex-shrink:0;opacity:.7;transition:opacity .3s}.carousel-track-left{animation:scrollLeft 30s linear infinite}.carousel-track-right{animation:scrollRight 30s linear infinite}.hero-carousel:hover .carousel-track{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero-carousel-top{padding-top:20px}.hero-carousel-bottom{padding-bottom:60px}@media (max-width: 1200px){.gallery-item:nth-child(2),.gallery-item:nth-child(4),.gallery-item:nth-child(6){display:none}.gallery-item:nth-child(1){left:2%;top:10%;width:280px;height:420px}.gallery-item:nth-child(3){left:auto;right:5%;top:5%;width:300px;height:375px}.gallery-item:nth-child(5){left:auto;right:2%;top:65%;width:300px;height:375px}.gallery-item:nth-child(7){left:5%;top:60%;width:280px;height:350px}}@media (max-width: 768px){.hero-bg{display:none}.hero-carousel{display:block}.carousel-track img{width:150px;height:188px}}.scattered-images{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.scattered-images.visible{opacity:1}.scattered-item{position:absolute;border-radius:8px;overflow:hidden;pointer-events:auto;cursor:pointer;animation:scatter-float 6s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease}.scattered-item:hover{z-index:25!important;box-shadow:0 24px 64px #0000008c}@keyframes scatter-float{0%,to{transform:translateY(0) rotate(var(--rotation, 0deg))}50%{transform:translateY(-12px) rotate(var(--rotation, 0deg))}}.scattered-image{width:100%;height:100%;display:block;object-fit:cover;opacity:.6;transition:opacity .3s ease}.scattered-item:hover .scattered-image{opacity:.8}.scattered-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.scattered-icon{position:absolute;bottom:12px;right:12px;width:30.5px;height:30.5px;background:#080808cc;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:2}.scattered-icon img{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 1400px){.scattered-icon{width:26px;height:26px;bottom:10px;right:10px}.scattered-icon img{width:14px;height:14px}}@media (max-width: 1200px){.scattered-icon{width:24px;height:24px;bottom:8px;right:8px}.scattered-icon img{width:12px;height:12px}}@media (max-width: 768px){.scattered-images{display:none}}.download-section-container{display:flex;align-items:center;justify-content:center;padding:60px 120px;background:#111}.download-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;width:100%;max-width:1400px}.download-content{max-width:500px}.download-header{font-family:Inter,sans-serif;font-weight:300;line-height:65.36px;color:#e9e8e3;margin-bottom:24px}.download-header .line1{font-size:59.4px}.download-header .line2{font-size:56.1px}.download-description{font-family:Inter,sans-serif;font-size:19.6px;font-weight:300;line-height:27.45px;color:#94938d;max-width:473px}.download-visual{position:relative;height:680px;width:100%}.floating-img{position:absolute;border-radius:8px;box-shadow:0 16px 48px #00000073;object-fit:cover;transition:transform .4s ease,box-shadow .4s ease}.floating-img:hover{box-shadow:0 24px 64px #0000008c;z-index:25!important}.floating-img-1{width:210px;height:210px;left:50%;top:30px;margin-left:-30px;transform:rotate(2deg);z-index:8;animation:float1 6s ease-in-out infinite}.floating-img-2{width:156px;height:195px;left:20px;top:80px;transform:rotate(-3deg);z-index:6;animation:float2 7s ease-in-out infinite;animation-delay:-1s}.floating-img-3{width:115px;height:172px;left:60px;bottom:100px;transform:rotate(4deg);z-index:7;animation:float3 5.5s ease-in-out infinite;animation-delay:-2s}.floating-img-4{width:130px;height:163px;right:30px;top:220px;transform:rotate(-2deg);z-index:9;animation:float4 6.5s ease-in-out infinite;animation-delay:-3s}.floating-img-5{width:143px;height:143px;left:50%;bottom:50px;margin-left:-100px;transform:rotate(-3deg);z-index:6;animation:float5 5s ease-in-out infinite;animation-delay:-4s}.floating-img-6{width:114px;height:143px;right:80px;bottom:70px;transform:rotate(3deg);z-index:5;animation:float6 7s ease-in-out infinite;animation-delay:-5s}@keyframes float1{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes float2{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}@keyframes float3{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-7px)}}@keyframes float4{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-9px)}}@keyframes float5{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}@keyframes float6{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}.download-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#202020;border-radius:16px;padding:32px 48px;display:flex;align-items:center;gap:20px;z-index:20;box-shadow:0 24px 64px #00000080;text-decoration:none;cursor:pointer}.download-card-icon{width:21px;height:21px;fill:#e9e8e3}.download-card-text{font-size:29.4px;font-weight:300;color:#e9e8e3;line-height:29.42px;display:inline-flex;align-items:center}.typing-cursor{display:inline-block;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.download-card-btn{width:54px;height:54px;background:#3d3d3d;border-radius:7.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s}.download-card-btn:hover{background:#4a4a4a;transform:scale(1.05)}.download-card-btn svg{width:24px;height:24px;fill:#fff}@media (max-width: 1200px){.download-section-container{padding:40px 60px}.download-section{gap:60px}.download-header .line1{font-size:50px}.download-header .line2{font-size:48px}}@media (max-width: 1024px){.download-section{grid-template-columns:1fr;text-align:center}.download-content{margin:0 auto;max-width:600px}.download-description{margin:0 auto}.download-visual{height:520px;max-width:520px;margin:0 auto}.floating-img-1{width:160px;height:160px;margin-left:-20px;top:20px}.floating-img-2{width:120px;height:150px;left:15px;top:60px}.floating-img-3{width:95px;height:142px;left:40px;bottom:80px}.floating-img-4{width:105px;height:131px;right:20px;top:170px}.floating-img-5{width:115px;height:115px;margin-left:-80px;bottom:40px}.floating-img-6{width:95px;height:119px;right:60px;bottom:55px}.download-card{padding:24px 36px}.download-card-text{font-size:24px}}@media (max-width: 768px){.download-section-container{padding:40px 24px}.download-header .line1{font-size:44px}.download-header .line2{font-size:42px}.download-header{line-height:1.15}.download-description{font-size:17px;line-height:1.5}.download-visual{height:420px;max-width:100%}.floating-img-6{display:none}.floating-img-1{width:130px;height:130px;margin-left:-10px;top:15px}.floating-img-2{width:100px;height:125px;left:10px;top:50px}.floating-img-3{width:90px;height:135px;left:35px;bottom:45px}.floating-img-4{width:90px;height:113px;right:15px;top:140px}.floating-img-5{width:100px;height:100px;right:50px;bottom:30px;margin-left:-15px}.download-card{padding:20px 28px;gap:14px}.download-card-text{font-size:20px}.download-card-btn{width:44px;height:44px}.download-card-btn svg{width:20px;height:20px}}@media (max-width: 480px){.download-header .line1{font-size:36px}.download-header .line2{font-size:34px}.download-visual{height:340px}.floating-img-1{width:100px;height:100px}.floating-img-2{width:80px;height:100px;left:5px;top:40px}.floating-img-3{width:75px;height:112px;left:35px;bottom:45px}.floating-img-4{width:75px;height:94px;right:10px;top:110px}.floating-img-5{width:85px;height:85px;right:40px;bottom:25px;margin-left:-15px}.download-card{padding:16px 20px;gap:12px}.download-card-icon{width:16px;height:16px}.download-card-text{font-size:16px}.download-card-btn{width:36px;height:36px}.download-card-btn svg{width:16px;height:16px}}.tagging-section-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 120px;background:#111}.tagging-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1400px}.tagging-visual{position:relative;max-width:709px}.tagging-screenshot{width:100%;height:auto;border-radius:12px;box-shadow:0 40px 100px #00000080}.tagging-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tag-pill{position:absolute;background:#00000080;border-radius:50px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 16px;color:#fff;font-size:14px;font-family:Inter,sans-serif;font-weight:400;white-space:nowrap}.tag-rhinestone{left:16%;top:5.41%}.tag-vondutch{left:32.81%;top:56.7%}.tag-movement{left:15.85%;top:35.71%}.tag-street1{left:72.84%;top:78.17%}.tag-street2{left:71.13%;top:19.64%}.tag-y2k{left:9.6%;top:79.37%}.tag-jewlery{left:72.84%;top:43.3%}.tagging-content{max-width:480px}.tagging-header{font-family:Inter,sans-serif;font-weight:300;line-height:65.36px;color:#e9e8e3;margin-bottom:24px}.tagging-header .line1{font-size:59.4px}.tagging-header .line2{font-size:56.1px}.tagging-description{font-family:Inter,sans-serif;font-size:19.6px;font-weight:300;line-height:27.45px;color:#94938d;max-width:473px}@media (max-width: 1200px){.tagging-section-container{padding:40px 60px}.tagging-section{gap:60px}.tagging-header .line1{font-size:50px}.tagging-header .line2{font-size:48px}}@media (max-width: 1024px){.tagging-section{grid-template-columns:1fr;text-align:center}.tagging-visual{order:2;max-width:500px;margin:0 auto}.tagging-content{order:1;margin:0 auto}.tagging-description{margin:0 auto}}@media (max-width: 768px){.tagging-section-container{padding:40px 24px}.tagging-header .line1{font-size:44px}.tagging-header .line2{font-size:42px}.tagging-header{line-height:1.15}.tagging-description{font-size:17px;line-height:1.5}.tag-rhinestone{left:2%}.tag-movement{left:3%}}@media (max-width: 480px){.tagging-header .line1{font-size:36px}.tagging-header .line2{font-size:34px}}.autopilot-section-container{display:flex;align-items:center;justify-content:center;padding:60px 120px;background:#111}.autopilot-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;width:100%;max-width:1400px}.autopilot-content{max-width:480px}.autopilot-header{font-family:Inter,sans-serif;font-weight:300;font-size:57.1px;line-height:65.36px;color:#e9e8e3;margin-bottom:24px}.autopilot-description{font-size:19.6px;font-weight:300;line-height:27.45px;color:#94938d;max-width:473px}.autopilot-visual{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.image-frame{position:absolute;width:240px;height:240px;border-radius:10px;overflow:hidden;background:#1a1a1a;box-shadow:0 16px 48px #00000073}.image-frame img{width:100%;height:100%;object-fit:cover}.image-1{left:0;z-index:2}.image-2{right:0;z-index:2}.image-result{left:50%;transform:translate(-50%) scale(.9);opacity:0;z-index:10;width:360px;height:360px}.scan-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 20px #fff,0 0 40px #ffffff80;opacity:0;z-index:10}.scanning .scan-line{animation:scan 1s ease-in-out forwards}.image-1.merging{animation:mergeLeft .8s ease-in-out forwards}.image-2.merging{animation:mergeRight .8s ease-in-out forwards}.image-result.visible{animation:reveal .6s ease-out forwards}.image-result.fade-out{animation:fadeOut .5s ease-out forwards}.image-1.fade-in{animation:fadeInLeft .5s ease-out forwards}.image-2.fade-in{animation:fadeInRight .5s ease-out forwards}@keyframes scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(240px)}}@keyframes mergeLeft{0%{left:0;opacity:1}to{left:50%;transform:translate(-50%);opacity:0}}@keyframes mergeRight{0%{right:0;opacity:1}to{right:50%;transform:translate(50%);opacity:0}}@keyframes reveal{0%{opacity:0;transform:translate(-50%) scale(.9);box-shadow:0 16px 48px #00000073,0 0 60px #fff3}to{opacity:1;transform:translate(-50%) scale(1);box-shadow:0 16px 48px #00000073}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.95)}}@keyframes fadeInLeft{0%{opacity:0;left:20%}to{opacity:1;left:0}}@keyframes fadeInRight{0%{opacity:0;right:20%}to{opacity:1;right:0}}@media (max-width: 1200px){.autopilot-section-container{padding:40px 60px}.autopilot-section{gap:60px}.autopilot-header{font-size:48px;line-height:1.15}}@media (max-width: 1024px){.autopilot-section{grid-template-columns:1fr;text-align:center}.autopilot-content,.autopilot-description{margin:0 auto}.autopilot-visual{height:350px}.image-frame{width:200px;height:200px}.image-result{width:250px;height:250px}@keyframes scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(200px)}}}@media (max-width: 768px){.autopilot-section-container{padding:40px 24px}.autopilot-header{font-size:44px}.autopilot-description{font-size:17px;line-height:1.5}.autopilot-visual{height:300px}.image-frame{width:160px;height:160px}.image-result{width:320px;height:320px}@keyframes scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(160px)}}}@media (max-width: 480px){.autopilot-header{font-size:36px}.autopilot-visual{height:240px}.image-frame{width:120px;height:120px}.image-result{width:260px;height:260px}@keyframes scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(120px)}}}.schedule-section-container{display:flex;align-items:center;justify-content:center;padding:40px 120px 80px;background:#111}.schedule-section{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;width:100%;max-width:1400px}.schedule-visual{position:relative}.schedule-screenshot{width:100%;max-width:600px;height:auto;border-radius:12px}.schedule-content{max-width:480px}.schedule-header{font-family:Inter,sans-serif;font-weight:300;line-height:65.36px;color:#e9e8e3;margin-bottom:24px}.schedule-header .line1{font-size:59.4px}.schedule-header .line2{font-size:56.1px}.schedule-description{font-size:19.6px;font-weight:300;line-height:27.45px;color:#94938d;max-width:473px}@media (max-width: 1200px){.schedule-section-container{padding:40px 60px}.schedule-section{gap:60px}.schedule-header .line1{font-size:50px}.schedule-header .line2{font-size:48px}}@media (max-width: 1024px){.schedule-section{grid-template-columns:1fr;text-align:center}.schedule-visual{order:2}.schedule-content{order:1;margin:0 auto}.schedule-description{margin:0 auto}.schedule-screenshot{max-width:100%}}@media (max-width: 768px){.schedule-section-container{padding:40px 24px}.schedule-header .line1{font-size:44px}.schedule-header .line2{font-size:42px}.schedule-header{line-height:1.15}.schedule-description{font-size:17px;line-height:1.5}}@media (max-width: 480px){.schedule-header .line1{font-size:36px}.schedule-header .line2{font-size:34px}}.cta-section-container{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:80px 120px;background:#080808}.cta-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.cta-subtitle{color:#5b5a55;font-size:19.6px;font-family:Roboto,sans-serif;font-weight:300;line-height:26.08px;margin:0}.cta-header{font-family:Inter,sans-serif;font-weight:300;line-height:65.36px;color:#e9e8e3;margin:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-header .word-start{font-size:56.8px}.cta-header .word-your{font-size:59.9px}.cta-header .word-journey{font-size:59.7px}.cta-signup{border-radius:16.34px;height:46.83px;position:relative;width:116.97px;cursor:pointer;margin-top:24px}.cta-background-blur{background-color:#d59fff;border-radius:14px;filter:blur(7.5px);height:calc(100% - 2px);left:1px;opacity:.8;position:absolute;top:2px;width:100%}.cta-background-blur-2{background-color:#75d7f5;border-radius:14px;filter:blur(7.5px);height:100%;left:1px;opacity:.8;position:absolute;top:0;width:100%}.cta-button-sign-up{background-color:#e9e8e3;border-radius:16.34px;height:100%;left:0;position:absolute;top:0;width:100%}.cta-button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#080808;font-family:Roboto,Helvetica,sans-serif;font-size:17.4px;font-weight:500;letter-spacing:0;line-height:17.4px;text-align:center}@media (max-width: 1200px){.cta-section-container{padding:60px}.cta-header .word-start{font-size:48px}.cta-header .word-your,.cta-header .word-journey{font-size:50px}}@media (max-width: 768px){.cta-section-container{padding:60px 24px}.cta-header{line-height:1.2}.cta-header .word-start{font-size:36px}.cta-header .word-your,.cta-header .word-journey{font-size:38px}.cta-subtitle{font-size:17px}}@media (max-width: 480px){.cta-header .word-start{font-size:28px}.cta-header .word-your,.cta-header .word-journey{font-size:30px}.cta-signup{width:105px;height:42px}.cta-button-text{font-size:15px}}footer.footer{background:#080808!important;color:#e9e8e3!important;padding:24px 0 0;margin-top:auto;position:relative!important;z-index:9999!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}footer.footer *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.footer-container{background:#080808!important;border-top:1px solid #222222!important;border-radius:0!important;max-width:100%;margin:0;padding:40px 120px;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;width:100%}footer.footer .footer-column-title{font-family:Inter,sans-serif!important;font-weight:500!important;color:#e9e8e3!important}footer.footer .footer-link{font-family:Inter,sans-serif!important;color:#94938d!important}footer.footer .footer-link:hover{color:#e9e8e3!important}footer.footer .language-selector{font-family:Inter,sans-serif!important;color:#94938d!important}footer.footer .language-text{font-family:Inter,sans-serif!important;color:#94938d!important}.footer-left{display:flex;align-items:center;gap:24px}.footer-logo{display:flex;align-items:center}.logo-icon{width:32px;height:32px;filter:brightness(0) invert(1)}.language-selector{display:flex;align-items:center;gap:6px;font-size:14px;color:#94938d}.globe-icon{font-size:16px}.language-text{font-weight:500}.footer-right{display:flex;align-items:flex-start}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column-title{font-size:16px;font-weight:500;color:#e9e8e3;margin:0 0 8px}.footer-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-link{color:#94938d;text-decoration:none;font-size:14px;transition:color .2s ease;cursor:pointer}.footer-link:hover{color:#e9e8e3}@media (max-width: 767px){.footer-container{padding:32px 24px;flex-direction:column;gap:24px;align-items:center}.footer-left{justify-content:flex-start;width:100%}.footer-right{width:100%;display:flex;justify-content:center}.footer-links{grid-template-columns:1fr;gap:20px;text-align:center;width:100%;max-width:300px}.footer-column,.footer-link-list{align-items:center}footer.footer .footer-column-title{font-size:16px!important;line-height:24px!important;text-align:center}footer.footer .footer-link{font-size:14px!important;text-align:center}}@media (min-width: 768px) and (max-width: 1279px){.footer-container{padding:32px 60px}.footer-links{gap:32px}}@media (min-width: 1280px){.footer-links{gap:48px}}.home-page-new{background:#111;min-height:100vh;color:#e9e8e3;margin:0;padding:0;width:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.home-header-container{position:fixed;top:40px;left:50%;transform:translate(-50%);z-index:100}.hero-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 40px 80px;margin-top:80px;position:relative;overflow:hidden}@media (max-width: 768px){.home-header-container{top:20px;width:100%;left:0;transform:none;display:flex;justify-content:center}.hero-container{padding:100px 0 60px;margin-top:0;justify-content:space-between;gap:30px}}@media (max-width: 480px){.home-header-container{top:16px}.hero-container{padding:80px 0 40px}}.beta-badge{height:24px;padding:3.5px 11px 4.5px;background:#f3f3ff17;border-radius:9999px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;font-family:Inter,sans-serif;font-weight:500;line-height:16px;letter-spacing:.03em;white-space:nowrap}.profile-dropdown{position:fixed;bottom:20px;left:272px;width:224px;padding:4px;background:#2f2f32;border-radius:8px;display:flex;flex-direction:column;gap:4px;z-index:1000}.profile-dropdown.collapsed{left:96px}.mobile-drawer .profile-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;width:auto}.profile-dropdown-credits-card{padding:10px;background:#f3f3ff17;box-shadow:0 3px 3px -1.5px #0000000f;border-radius:8px;display:flex;flex-direction:column;gap:14px}.profile-dropdown-credits-header{display:flex;justify-content:space-between;align-items:center}.profile-dropdown-credits-label{display:flex;align-items:center;gap:6px}.profile-dropdown-credits-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.profile-dropdown-credits-label span{color:#fff;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.profile-dropdown-upgrade-btn{height:24px;padding:3.5px 6px 4.5px;background:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s ease;color:#0f0f10;font-size:12px;font-family:Inter,sans-serif;font-weight:500;line-height:16px;letter-spacing:.03em;text-align:center}.profile-dropdown-upgrade-btn:hover{opacity:.9}.profile-dropdown-credits-stats{display:flex;flex-direction:column;gap:2px}.profile-dropdown-credits-row{display:flex;justify-content:space-between;align-items:center}.profile-dropdown-credits-stat-label{color:#ededff78;font-size:13px;font-family:Inter,sans-serif;font-weight:400;line-height:20px}.profile-dropdown-credits-stat-value{color:#fff;font-size:13px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.profile-dropdown-section{padding:0 4px 5px;border-bottom:1px solid rgba(241,241,255,.15);display:flex;flex-direction:column}.profile-dropdown-section-last{padding:0 4px}.profile-dropdown-item{width:100%;padding:6px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease;color:#fff;font-size:14px;font-family:Inter,sans-serif;font-weight:400;line-height:20px}.profile-dropdown-item:hover{background:#ffffff0f}.profile-dropdown-item-with-icon{display:flex;justify-content:space-between;align-items:center}.profile-dropdown-item-signout{display:flex;align-items:center;gap:6px}.profile-dropdown-signout-icon{width:16px;height:14px;flex-shrink:0}.mobile-drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;width:280px;max-width:80%;height:100%;background:#0f0f10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);z-index:1000;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{height:64px;padding:0 20px 0 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mobile-drawer-logo-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:opacity .2s ease}.mobile-drawer-logo-button:hover{opacity:.8}.mobile-drawer-logo{width:85px;height:17px}.mobile-drawer-close{width:40px;height:40px;background:none;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.mobile-drawer-close:hover{background:#ffffff1a;color:#ffffffe6}.mobile-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 14px 8px;display:flex;flex-direction:column;gap:16px}.mobile-drawer-content::-webkit-scrollbar{width:0px;background:transparent}.mobile-drawer-content{scrollbar-width:none;-ms-overflow-style:none}.mobile-drawer-home-button{background:transparent;color:#fffffffa}.mobile-drawer-section{display:flex;flex-direction:column;gap:6px}.mobile-drawer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mobile-drawer-section-label{color:#ededff78;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.mobile-drawer-add-collection-btn{width:22px;height:22px;padding:3px;background:#0f0f10;border:1px solid rgba(241,241,255,.15);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.mobile-drawer-add-collection-btn:hover{background:#f3f3ff17}.mobile-drawer-plus-icon{width:12px;height:12px}.mobile-drawer-nav-button{width:100%;height:32px;background:transparent;border:none;border-radius:8px;padding:0 6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;color:#a6a6ae;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.mobile-drawer-nav-button:hover{background:#f3f3ff17}.mobile-drawer-nav-button.active{background:#f3f3ff17;color:#fffffffa}.mobile-drawer-nav-icon{width:20px;height:20px;flex-shrink:0}.mobile-drawer-nav-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-bottom{width:100%;padding:8px 14px 14px;border-top:1px solid rgba(241,241,255,.12);display:flex;flex-direction:column;gap:0;flex-shrink:0}.mobile-drawer-notification-button{padding-left:14px;margin-bottom:8px}.mobile-drawer-profile-container{position:relative;width:100%}.mobile-drawer-profile-button{width:100%;height:44px;padding:0 4px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease}.mobile-drawer-profile-button:hover{background:#f3f3ff17}.mobile-drawer-profile-avatar{width:40px;height:40px;position:relative;flex-shrink:0}.mobile-drawer-profile-icon-overlay{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;background:#f1f1ff1f;display:flex;align-items:center;justify-content:center;padding:8px}.mobile-drawer-profile-icon-overlay img{width:14px;height:14px}.mobile-drawer-profile-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.mobile-drawer-profile-arrow{width:16px;height:16px;opacity:.5;transform:rotate(90deg);flex-shrink:0}@media (min-width: 769px){.mobile-drawer-backdrop,.mobile-drawer{display:none}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.has-billing-banner .header{top:38px}@media (max-width: 640px){.has-billing-banner .header{top:34px}}@media (min-width: 769px){.header:not(.header-landing):not(.header-show-desktop){display:none}}.header-show-desktop{display:block}.header-show-desktop .header-content{padding-left:2rem!important;max-width:1440px;margin:0 auto}.header-landing{position:sticky;top:0;background:#0f0f0ff2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000004d}.header .header-content{max-width:none;margin:0;padding:1rem 2rem;padding-left:calc(240px + 2rem);display:flex;justify-content:space-between;align-items:center;flex-direction:row;min-height:4rem}.header-landing .header-content{padding-left:2rem!important;max-width:1440px;margin:0 auto}@media (max-width: 1024px){.header .header-content{padding-left:calc(80px + 2rem)}}.hamburger-menu{display:none;background:none;border:none;color:var(--text-secondary, #999999);cursor:pointer;padding:.5rem;margin-right:.75rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:auto}.hamburger-menu:hover{color:var(--text-primary, #ffffff);background:var(--surface-hover, rgba(255, 255, 255, .06))}.hamburger-menu:active{transform:scale(.95)}.logo{display:none;align-items:center}.logo-landing{display:flex!important}.logo-image{height:1.4rem;width:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.nav{display:flex!important;align-items:center!important;gap:1.5rem!important;flex-shrink:0}.nav-link{background:transparent!important;border:none!important;color:#fff!important;padding:0!important;font-size:1rem!important;font-weight:400!important;cursor:pointer!important;transition:font-weight .2s ease!important;font-family:inherit!important;display:inline-block!important;line-height:1.5!important}.nav-link:hover,.nav-link:active{font-weight:700!important}.plans-link{color:#fff!important;opacity:1!important;visibility:visible!important}.profile-icon-button{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:.5rem!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important}.profile-icon-button:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.profile-icon-button:active{transform:translateY(0)!important}.header-search-container{flex:1;position:relative;margin:0 2rem}.header-with-search .header-search-container{max-width:none;margin:0 1.5rem}.header-search-input{width:100%;padding:.75rem 3rem .75rem 1.25rem;font-size:1rem;color:#ffffffe6;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:24px;outline:none;transition:all .2s ease}.header-search-input:focus{background:#ffffff14;border-color:#ffffff40}.header-search-input::placeholder{color:#fff6}.header-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.header-search-clear:hover{color:#fff}.login-button{background:transparent;border:none;color:var(--text-primary);padding:0;font-size:1rem;font-weight:400;cursor:pointer;transition:font-weight .2s ease}.login-button:hover,.login-button:active{font-weight:700}.profile-button{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-button:hover{background:#ffffff1a;transform:translateY(-1px)}.profile-button:active{transform:translateY(0)}.profile-icon{color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-button:hover .profile-icon{color:#f3f4f6;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.profile-button.active{background:#ffffff1a}.profile-menu-container .dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;left:auto!important;width:auto!important;min-width:200px;white-space:nowrap;transform-origin:top right;transform:translateY(-1rem);opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f0fcc;box-shadow:0 4px 20px #0003;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);z-index:1001;max-height:none!important;overflow-y:visible!important}.profile-menu-container .dropdown-menu.open{transform:translateY(0);opacity:1;visibility:visible}.dropdown-content{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.625rem 1.25rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;white-space:nowrap}.nav-item:hover{background:#ffffff1a;font-weight:500}.nav-item.active{color:var(--text-primary);background:#ffffff0d}.menu-separator{width:100%;height:1px;background:#ffffff1a;margin:.25rem 0}.sign-out-button{background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.625rem 1.25rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;white-space:nowrap}.sign-out-button:hover{background:#ffffff1a}@media (min-width: 1025px) and (max-width: 1199px){.header .header-content{max-width:1024px;margin:0 auto;padding:1rem 2rem;padding-left:calc(240px + 2rem)}.logo-image{height:1.75rem}.nav-item,.sign-out-button{font-size:.9rem;padding:.5625rem 1rem}}@media (max-width: 768px){.hamburger-menu{display:flex;align-items:center;position:absolute;left:1.5rem;margin-right:0}.header .header-content{max-width:100%;margin:0 auto;padding:1rem 1.5rem;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;position:relative}.header .nav{position:absolute;right:1.5rem}.header.scrolled .header-content{padding:.75rem 1.5rem}.logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0}.logo-image{height:1.5rem}.header-search-container,.header-with-search .header-search-container{margin:0 1rem}.header-search-input{font-size:.938rem;padding:.625rem 2.5rem .625rem 1rem}.nav{display:flex!important;align-items:center!important;flex-shrink:0}.profile-menu-container{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;flex-wrap:nowrap!important;z-index:100}.profile-button{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent;border:none;cursor:pointer;padding:.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem}.profile-icon{color:#fff!important;width:24px!important;height:24px!important}.nav-item,.sign-out-button{font-size:.875rem;padding:.5rem .875rem}.profile-icon-button{width:32px;height:32px;padding:.375rem}.profile-icon-button svg{width:18px;height:18px}}@media (max-width: 480px){.hamburger-menu{display:flex;align-items:center;padding:.375rem;margin-right:0;position:absolute;left:1rem}.header .header-content{max-width:100%;margin:0 auto;padding:1rem;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;position:relative}.header .nav{position:absolute;right:1rem}.header.scrolled .header-content{padding:.75rem 1rem}.logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0}.logo-image{height:1.25rem}.header-search-container,.header-with-search .header-search-container{margin:0 .75rem}.header-search-input{font-size:.875rem;padding:.5rem 2rem .5rem .875rem}.nav{display:flex!important;align-items:center!important;flex-shrink:0}.profile-menu-container{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.25rem!important;flex-wrap:nowrap!important;z-index:100}.profile-button{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent;border:none;cursor:pointer;padding:.5rem;width:2.25rem;height:2.25rem;border-radius:.5rem}.profile-icon{color:#fff!important;width:20px!important;height:20px!important}.nav-item,.sign-out-button{font-size:.8125rem;padding:.5rem .75rem}.profile-icon-button{width:30px;height:30px;padding:.25rem}.profile-icon-button svg{width:16px;height:16px}}@media (max-width: 768px){.header:not(.header-landing)+*{padding-top:6rem}}.header-landing+*{padding-top:0}.header.scrolled{background:#0f0f0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003,0 1px 2px #0000001a,inset 0 1px #ffffff1a}@media (min-width: 769px){.header.scrolled .header-content{padding:1rem 2rem}}.profile-menu-container{position:relative;display:flex;align-items:center;gap:.5rem;z-index:100}.dashboard-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid transparent;z-index:10;width:100%}.dashboard-title{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em}.dashboard-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;color:#ffffff80;margin:0 auto;line-height:1.4;max-width:450px}@media (max-width: 768px){.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}}.download-feature-card{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.dl-feature-visual{position:relative;width:100%;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(30,30,30,.5) 0%,transparent 100%);border-bottom:1px solid #2A2A2A;overflow:hidden;padding:20px}.dl-mock-input{display:flex;align-items:center;background:#252525;border:1px solid #2A2A2A;border-radius:10px;padding:10px 14px;width:100%;max-width:280px;margin-bottom:16px;opacity:1;transition:opacity .3s}.dl-mock-input.hidden{opacity:0;pointer-events:none}.dl-mock-input-text{flex:1;font-size:13px;color:#94938d;overflow:hidden;min-height:18px}.dl-typing-text{color:#e9e8e3;border-right:2px solid #E9E8E3;animation:dl-blink .8s infinite;white-space:nowrap}@keyframes dl-blink{0%,50%{border-color:#e9e8e3}51%,to{border-color:transparent}}.dl-mock-input-btn{width:28px;height:28px;background:#e9e8e3;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:10px;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}.dl-mock-input-btn.visible{opacity:1;transform:scale(1)}.dl-mock-input-btn svg{width:14px;height:14px;fill:#080808}.dl-pills-container{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:36px}.dl-profile-pill{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;opacity:0;transform:translateY(10px) scale(.9);transition:all .3s ease}.dl-profile-pill.visible{opacity:1;transform:translateY(0) scale(1)}.dl-profile-pill.instagram{background:linear-gradient(135deg,#e1306c,#833ab4);color:#fff}.dl-profile-pill.tiktok{background:#000;border:1px solid #69C9D0;color:#fff}.dl-profile-pill svg{width:14px;height:14px;fill:currentColor}.dl-download-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e9e8e3;color:#080808;border-radius:10px;font-size:13px;font-weight:500;opacity:0;transition:all .3s}.dl-download-btn.visible{opacity:1}.dl-download-btn.clicked{transform:translate(-50%) scale(.95);background:#d4d3ce}.dl-download-btn svg{width:14px;height:14px;fill:currentColor}.dl-download-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:6px;padding:16px;opacity:0;pointer-events:none}.dl-download-grid.active{opacity:1}.dl-download-item{background:#252525;border-radius:6px;opacity:0;transform:scale(.8);position:relative;overflow:hidden}.dl-download-item img{width:100%;height:100%;object-fit:cover}.dl-download-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4) 100%)}.dl-download-item.downloaded{animation:dl-popIn .3s ease forwards}@keyframes dl-popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.dl-download-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:12px;font-weight:500;color:#e9e8e3;opacity:0;transition:opacity .3s}.dl-download-counter.visible{opacity:1}.dl-counter-number{font-variant-numeric:tabular-nums;min-width:70px}.dl-download-counter svg{width:14px;height:14px;fill:#4ade80;animation:dl-pulse 1s ease infinite}@keyframes dl-pulse{0%,to{opacity:1}50%{opacity:.5}}.dl-feature-content{padding:20px}.dl-feature-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:500;color:#e9e8e3;margin:0 0 8px;line-height:1.3}.dl-feature-description{font-size:14px;font-weight:300;line-height:1.5;color:#94938d;margin:0 0 20px}.dl-feature-actions{display:flex;gap:10px}.dl-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;border:none;font-family:inherit}.dl-btn-primary{background:#e9e8e3;color:#080808}.dl-btn-primary:hover{background:#fff;transform:translateY(-1px)}.dl-btn-secondary{background:transparent;color:#94938d;border:1px solid #2A2A2A}.dl-btn-secondary:hover{background:#ffffff0d;color:#e9e8e3}.dl-modal-backdrop{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:1000;padding:20px}.dl-modal-content{position:relative;background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;padding:20px;max-width:90vw;max-height:90vh;overflow:auto}.dl-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#252525;border:1px solid #2A2A2A;border-radius:50%;color:#e9e8e3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.dl-modal-close:hover{background:#333;color:#fff}.dl-modal-content iframe{display:block;max-width:100%;border-radius:8px}@media (min-width: 420px){.dl-feature-visual{height:240px}}@media (max-width: 860px){.dl-modal-content iframe{width:100%;height:auto;min-height:400px}}.autopilot-feature-card{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.ap-feature-visual{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(30,30,30,.5) 0%,transparent 100%);border-bottom:1px solid #2A2A2A}.ap-image-frame{position:absolute;width:100px;height:100px;border-radius:8px;overflow:hidden;background:#252525;box-shadow:0 8px 24px #0006}.ap-image-frame img{width:100%;height:100%;object-fit:cover}.ap-image-1{left:20%;transform:translate(-50%);z-index:2}.ap-image-2{right:20%;transform:translate(50%);z-index:2}.ap-image-result{left:50%;transform:translate(-50%) scale(.9);opacity:0;z-index:10;width:110px;height:110px}.ap-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 12px #fff,0 0 24px #fff6;opacity:0;z-index:10}.ap-image-1.scanning .ap-scan-line,.ap-image-2.scanning .ap-scan-line{animation:ap-scan .8s ease-in-out forwards}.ap-image-1.merging{animation:ap-mergeLeft .6s ease-in-out forwards}.ap-image-2.merging{animation:ap-mergeRight .6s ease-in-out forwards}.ap-image-result.visible{animation:ap-reveal .5s ease-out forwards}.ap-image-result.fade-out{animation:ap-fadeOut .4s ease-out forwards}.ap-image-1.fade-in{animation:ap-fadeInLeft .4s ease-out forwards}.ap-image-2.fade-in{animation:ap-fadeInRight .4s ease-out forwards}@keyframes ap-scan{0%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(100px)}}@keyframes ap-mergeLeft{0%{left:20%;transform:translate(-50%);opacity:1}to{left:50%;transform:translate(-50%);opacity:0}}@keyframes ap-mergeRight{0%{right:20%;transform:translate(50%);opacity:1}to{right:50%;transform:translate(50%);opacity:0}}@keyframes ap-reveal{0%{opacity:0;transform:translate(-50%) scale(.85);box-shadow:0 8px 24px #0006,0 0 40px #ffffff26}to{opacity:1;transform:translate(-50%) scale(1);box-shadow:0 8px 24px #0006}}@keyframes ap-fadeOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.9)}}@keyframes ap-fadeInLeft{0%{opacity:0;left:30%}to{opacity:1;left:20%}}@keyframes ap-fadeInRight{0%{opacity:0;right:30%}to{opacity:1;right:20%}}.ap-feature-content{padding:20px}.ap-feature-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:500;color:#e9e8e3;margin:0 0 8px;line-height:1.3}.ap-feature-description{font-size:14px;font-weight:300;line-height:1.5;color:#94938d;margin:0 0 20px}.ap-feature-actions{display:flex;gap:10px}.ap-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;border:none;font-family:inherit}.ap-btn-primary{background:#e9e8e3;color:#080808}.ap-btn-primary:hover{background:#fff;transform:translateY(-1px)}.ap-btn-secondary{background:transparent;color:#94938d;border:1px solid #2A2A2A}.ap-btn-secondary:hover{background:#ffffff0d;color:#e9e8e3}@media (min-width: 420px){.ap-feature-visual{height:220px}.ap-image-frame{width:110px;height:110px}.ap-image-result{width:120px;height:120px}}.publish-feature-card{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.pub-feature-visual{position:relative;width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(30,30,30,.5) 0%,transparent 100%);border-bottom:1px solid #2A2A2A;overflow:hidden}.pub-post-card{position:absolute;left:20px;width:100px;height:130px;background:#252525;border-radius:10px;overflow:hidden;opacity:0;transform:translate(-20px);transition:all .4s ease;box-shadow:0 8px 24px #0000004d}.pub-post-card.visible{opacity:1;transform:translate(0)}.pub-post-card img{width:100%;height:100%;object-fit:cover}.pub-post-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#0009)}.pub-connections{position:absolute;left:120px;width:80px;height:120px;pointer-events:none}.pub-connection-line{position:absolute;left:0;height:2px;background:linear-gradient(90deg,#94938D,transparent);transform-origin:left center;opacity:0;width:0}.pub-connection-line.active{animation:pub-drawLine .4s ease forwards}.pub-connection-line:nth-child(1){top:20px}.pub-connection-line:nth-child(2){top:50px}.pub-connection-line:nth-child(3){top:80px}.pub-connection-line:nth-child(4){top:110px}@keyframes pub-drawLine{0%{width:0;opacity:.5}to{width:60px;opacity:.3}}.pub-profiles-grid{position:absolute;right:20px;display:grid;grid-template-columns:repeat(2,50px);grid-template-rows:repeat(2,50px);gap:12px}.pub-profile-avatar{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;overflow:visible;opacity:0;transform:scale(.8);transition:all .3s ease}.pub-profile-avatar.visible{opacity:1;transform:scale(1)}.pub-profile-avatar img{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;object-fit:cover;border:2px solid white;background:#252525}.pub-status-dot{position:absolute;top:-2px;left:-2px;width:16px;height:16px;background:#28c221;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pub-status-dot.active{opacity:1;transform:scale(1)}.pub-status-dot svg{width:10px;height:10px;fill:#fff}.pub-publish-ripple{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid #28C221;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.pub-publish-ripple.active{animation:pub-ripple .8s ease-out forwards}@keyframes pub-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.pub-action-btns{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;opacity:0;transition:opacity .3s}.pub-action-btns.visible{opacity:1}.pub-action-btn{padding:8px 16px;background:#252525;border:1px solid #2A2A2A;border-radius:20px;font-size:12px;font-weight:500;color:#94938d;display:flex;align-items:center;gap:6px;transition:all .2s}.pub-action-btn.selected{background:#e9e8e3;color:#080808;border-color:#e9e8e3}.pub-action-btn svg{width:12px;height:12px;fill:currentColor}.pub-success-msg{position:absolute;bottom:16px;left:50%;transform:translate(-50%) translateY(10px);display:flex;align-items:center;gap:8px;padding:10px 18px;background:#28c22126;border:1px solid rgba(40,194,33,.3);border-radius:20px;font-size:12px;font-weight:500;color:#28c221;opacity:0;transition:all .3s}.pub-success-msg.visible{opacity:1;transform:translate(-50%) translateY(0)}.pub-success-msg svg{width:14px;height:14px;fill:currentColor}.pub-feature-content{padding:20px}.pub-feature-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:500;color:#e9e8e3;margin:0 0 8px;line-height:1.3}.pub-feature-description{font-size:14px;font-weight:300;line-height:1.5;color:#94938d;margin:0 0 20px}.pub-feature-actions{display:flex;gap:10px}.pub-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;border:none;font-family:inherit}.pub-btn-primary{background:#e9e8e3;color:#080808}.pub-btn-primary:hover{background:#fff;transform:translateY(-1px)}.pub-btn-secondary{background:transparent;color:#94938d;border:1px solid #2A2A2A}.pub-btn-secondary:hover{background:#ffffff0d;color:#e9e8e3}@media (min-width: 420px){.pub-feature-visual{height:260px}.pub-profiles-grid{grid-template-columns:repeat(2,55px);grid-template-rows:repeat(2,55px)}.pub-profile-avatar,.pub-profile-avatar img{width:55px;height:55px;min-width:55px;min-height:55px}.pub-post-card{width:110px;height:140px}}.onboarding-accordion{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto}.accordion-step{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;overflow:hidden;transition:border-color .2s ease}.accordion-step.open{border-color:#3a3a3a}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.accordion-header:hover{background:#ffffff05}.accordion-header-left{display:flex;align-items:center;gap:16px}.step-number{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#e9e8e3,#d4d3ce);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#080808}.accordion-step.open .step-number{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.step-info{text-align:left}.step-title{font-size:16px;font-weight:600;color:#e9e8e3;margin-bottom:2px}.step-subtitle{font-size:13px;color:#94938d}.accordion-chevron{color:#94938d;transition:transform .3s ease}.accordion-chevron.rotated{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.expanded{max-height:800px;transition:max-height .4s ease-in}.accordion-content-inner{padding:0 20px 20px}.accordion-content-inner .download-feature-card,.accordion-content-inner .autopilot-feature-card,.accordion-content-inner .publish-feature-card{background:transparent;border:none;border-radius:0;max-width:none;margin:0}.accordion-content-inner .dl-feature-visual,.accordion-content-inner .ap-feature-visual,.accordion-content-inner .pub-feature-visual{border-radius:12px;border:1px solid #2A2A2A;background:linear-gradient(180deg,#1e1e1e80,#1a1a1a)}.accordion-content-inner .dl-feature-content,.accordion-content-inner .ap-feature-content,.accordion-content-inner .pub-feature-content{padding:16px 0 0}.accordion-content-inner .dl-feature-title,.accordion-content-inner .ap-feature-title,.accordion-content-inner .pub-feature-title{display:none}.accordion-content-inner .dl-feature-description,.accordion-content-inner .ap-feature-description,.accordion-content-inner .pub-feature-description{margin-bottom:16px}.accordion-content-inner .dl-feature-actions,.accordion-content-inner .ap-feature-actions,.accordion-content-inner .pub-feature-actions{display:flex}.accordion-content-inner .dl-feature-actions .dl-btn-secondary,.accordion-content-inner .ap-feature-actions .ap-btn-secondary,.accordion-content-inner .pub-feature-actions .pub-btn-secondary{display:none}.accordion-content-inner .dl-btn-primary,.accordion-content-inner .ap-btn-primary,.accordion-content-inner .pub-btn-primary{flex:1}@media (max-width: 480px){.accordion-header{padding:14px 16px}.accordion-header-left{gap:12px}.step-number{width:28px;height:28px;min-width:28px;font-size:13px}.step-title{font-size:15px}.step-subtitle{font-size:12px}.accordion-content-inner{padding:0 16px 16px}}.save-contact-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.save-contact-button,.save-contact-sms-link{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;font-family:inherit}.save-contact-button--small,.save-contact-sms-link--small{padding:6px 12px;font-size:13px}.save-contact-button--medium,.save-contact-sms-link--medium{padding:10px 16px;font-size:14px}.save-contact-button--large,.save-contact-sms-link--large{padding:12px 20px;font-size:16px}.save-contact-button--primary{background:var(--accent-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;border:none}.save-contact-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-contact-sms-link--primary{background:var(--surface-elevated, #1a1a2e);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #333)}.save-contact-sms-link--primary:hover{background:var(--surface-hover, #252540);border-color:var(--accent-primary, #667eea)}.save-contact-button--secondary{background:transparent;color:var(--accent-primary, #667eea);border:1px solid var(--accent-primary, #667eea)}.save-contact-button--secondary:hover{background:#667eea1a}.save-contact-sms-link--secondary{background:transparent;color:var(--text-secondary, #a0a0b0);border:1px solid var(--border-color, #333)}.save-contact-sms-link--secondary:hover{color:var(--text-primary, #ffffff);border-color:var(--text-secondary, #a0a0b0)}.save-contact-button--minimal{background:transparent;color:var(--accent-primary, #667eea);border:none;padding-left:0;padding-right:0}.save-contact-button--minimal:hover{color:var(--accent-hover, #8899ee);text-decoration:underline}.save-contact-sms-link--minimal{background:transparent;color:var(--text-secondary, #a0a0b0);border:none;padding-left:0;padding-right:0}.save-contact-sms-link--minimal:hover{color:var(--text-primary, #ffffff)}.save-contact-button--success{background:#0d0d0d;color:#fff;border:1px solid #0d0d0d}.save-contact-button--success:hover{background:#2d2d2d;border-color:#2d2d2d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.save-contact-sms-link--success{background:#0d0d0d0d;color:#0d0d0d;border:1px solid rgba(13,13,13,.2)}.save-contact-sms-link--success:hover{background:#0d0d0d1a;border-color:#0d0d0d}.save-contact-icon{width:18px;height:18px;flex-shrink:0}.save-contact-button--small .save-contact-icon,.save-contact-sms-link--small .save-contact-icon{width:14px;height:14px}.save-contact-button--large .save-contact-icon,.save-contact-sms-link--large .save-contact-icon{width:20px;height:20px}.save-contact-inline{display:inline-flex;align-items:center;gap:8px}.save-contact-inline-number{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;color:var(--text-primary, #ffffff);background:var(--surface-elevated, #1a1a2e);padding:4px 10px;border-radius:6px;border:1px solid var(--border-color, #333)}.save-contact-inline-button,.save-contact-inline-sms{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color, #333);background:var(--surface-elevated, #1a1a2e);color:var(--text-secondary, #a0a0b0);cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:16px}.save-contact-inline-button:hover,.save-contact-inline-sms:hover{background:var(--surface-hover, #252540);color:var(--accent-primary, #667eea);border-color:var(--accent-primary, #667eea)}@media (max-width: 480px){.save-contact-container{flex-direction:column;align-items:stretch}.save-contact-button,.save-contact-sms-link{justify-content:center;width:100%}}.two-factor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.two-factor-modal{position:relative;background:#fff;border-radius:16px;width:400px;max-width:calc(100% - 40px);max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.two-factor-modal-close{position:absolute;top:32px;right:32px;background:none;border:none;font-size:1.5rem;color:#8e8e8e;cursor:pointer;padding:4px;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .15s ease;z-index:10}.two-factor-modal-close:hover{color:#0d0d0d}.two-factor-modal-header{padding:32px 60px 0 32px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.two-factor-modal-icon-wrapper{width:48px;height:48px;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.two-factor-modal-icon{width:24px;height:24px;color:#0d0d0d}.two-factor-modal-title{font-size:1.375rem;font-weight:600;color:#0d0d0d;margin:0;line-height:1.3;letter-spacing:-.02em}.two-factor-modal-subtitle{color:#6e6e6e;font-size:.9375rem;line-height:1.6;margin:0;font-weight:400}.two-factor-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.875rem;margin:0 32px;text-align:center}.two-factor-modal-form{padding:24px 32px;display:flex;flex-direction:column;gap:16px}.form-group-modal{width:100%}.form-input-modal{width:100%;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:14px 16px;font-size:.9375rem;color:#0d0d0d;outline:none;transition:all .15s ease;box-sizing:border-box}.form-input-modal::placeholder{color:#8e8e8e}.form-input-modal:focus{border-color:#0d0d0d;box-shadow:0 0 0 3px #0d0d0d14}.form-input-modal:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.phone-input-wrapper-modal{position:relative;width:100%}.phone-input-icon-modal{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8e8e8e}.phone-input-modal{padding-left:42px}.compact-consent{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.compact-consent input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#0d0d0d}.compact-consent span{font-size:.75rem;color:#6e6e6e;line-height:1.5}.compact-consent a{color:#0d0d0d;text-decoration:underline}.compact-consent a:hover{color:#2d2d2d}.code-input-modal{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.35em;font-family:SF Mono,Monaco,Menlo,monospace;padding:16px}.verify-links-modal{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 32px 16px}.link-btn-modal{background:none;border:none;color:#6e6e6e;font-size:.8125rem;cursor:pointer;padding:4px 8px;transition:color .15s ease}.link-btn-modal:hover:not(:disabled){color:#0d0d0d}.link-btn-modal:disabled{opacity:.5;cursor:not-allowed}.link-separator{color:#d0d0d0;font-size:.75rem}.two-factor-modal-actions{padding:0 32px 32px;display:flex;gap:12px}.two-factor-modal-btn{flex:1;border-radius:6px;padding:11px 20px;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.two-factor-modal-btn.compact{padding:10px 16px;font-size:.875rem}.two-factor-modal-btn.primary{background:#0d0d0d;color:#fff;border:1px solid #0d0d0d}.two-factor-modal-btn.primary:hover:not(:disabled){background:#2d2d2d;border-color:#2d2d2d}.two-factor-modal-btn.primary:active:not(:disabled){background:#000;border-color:#000}.two-factor-modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.two-factor-modal-btn.secondary{background:#fff;color:#0d0d0d;border:1px solid #d0d0d0}.two-factor-modal-btn.secondary:hover:not(:disabled){background:#f7f7f7;border-color:#b0b0b0}.two-factor-modal-btn.secondary:disabled{opacity:.5;cursor:not-allowed}.two-factor-modal-btn.text{background:none;border:none;color:#6e6e6e;padding:8px;font-size:.875rem}.two-factor-modal-btn.text:hover:not(:disabled){color:#0d0d0d}.success-modal-title{font-size:1.25rem;font-weight:600;color:#0d0d0d;text-align:center;margin:24px 24px 6px;letter-spacing:-.02em}.success-modal-subtitle{color:#6e6e6e;font-size:.875rem;text-align:center;margin:0 24px 16px;line-height:1.4}.success-animation-container{display:flex;flex-direction:column;align-items:center;padding:0 24px;gap:12px}.phone-mockup{width:160px;height:260px;background:#1a1a1a;border-radius:20px;padding:6px;box-shadow:0 16px 48px #00000040;position:relative}.phone-notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:50px;height:16px;background:#000;border-radius:0 0 10px 10px;z-index:10}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#f5f5f5,#fff);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.messages-header{display:flex;align-items:center;gap:6px;padding:22px 10px 8px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);border-radius:16px 16px 0 0}.back-arrow{font-size:20px;color:#007aff;font-weight:300;line-height:1}.contact-avatar{width:22px;height:22px;background:#0d0d0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600}.contact-name{font-size:12px;font-weight:600;color:#0d0d0d}.messages-body{flex:1;padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.message{max-width:85%;padding:6px 10px;border-radius:14px;font-size:10px;line-height:1.4;animation:messageAppear .3s ease-out}.message.sent{align-self:flex-end;background:#007aff;color:#fff;border-bottom-right-radius:4px}.message.received{align-self:flex-start;background:#e5e5ea;color:#0d0d0d;border-bottom-left-radius:4px}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.link-preview{display:flex;align-items:center;gap:6px;background:#ffffff26;border-radius:6px;padding:4px 6px;margin:-2px -4px}.link-thumbnail{width:26px;height:26px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:5px;display:flex;align-items:center;justify-content:center}.link-thumbnail svg{width:14px;height:14px;color:#fff}.link-text{flex:1;min-width:0}.link-title{font-weight:600;font-size:10px;color:#fff}.link-url{font-size:8px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;animation:gridAppear .3s ease-out}.sms-download-item{aspect-ratio:1;border-radius:3px;overflow:hidden;opacity:0;transform:scale(.8);transition:all .3s ease-out}.sms-download-item.visible{opacity:1;transform:scale(1)}.sms-download-item img{width:100%;height:100%;object-fit:cover}@keyframes gridAppear{0%{opacity:0}to{opacity:1}}.input-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f8f8f8;border-top:1px solid rgba(0,0,0,.08)}.input-text{flex:1;font-size:9px;color:#8e8e93;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:5px 10px;min-height:16px;display:flex;align-items:center}.input-text:has(.typing-cursor){color:#0d0d0d}.typing-cursor{display:inline-block;width:2px;height:10px;background:#007aff;margin-left:1px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.send-button{width:18px;height:18px;background:#0d0d0d;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease-out}.send-button.visible{opacity:1;transform:scale(1)}.send-button svg{width:10px;height:10px;color:#fff;margin-left:1px}.step-labels{display:flex;justify-content:center;gap:16px;margin-top:6px}.step-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#8e8e8e;transition:all .3s ease}.step-label.active{color:#0d0d0d}.step-label.active .step-number{background:#0d0d0d;color:#fff;border-color:#0d0d0d}.step-label.complete{color:#0d0d0d}.step-label.complete .step-number{background:#0d0d0d;color:#fff;border-color:#0d0d0d}.step-number{width:16px;height:16px;min-width:16px;min-height:16px;border:1.5px solid #d0d0d0;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;transition:all .3s ease;aspect-ratio:1;flex-shrink:0}.success-content{padding:10px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.phone-number-box{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;padding:16px 24px;text-align:center;width:100%}.phone-label{font-size:12px;color:#6e6e6e;margin-bottom:4px}.phone-number-value{font-size:1.25rem;font-weight:600;color:#0d0d0d;font-family:SF Mono,Monaco,Menlo,monospace;letter-spacing:.02em}.save-hint{font-size:13px;color:#6e6e6e;text-align:center;margin:0}.success-contact-btn{width:100%}.success-contact-btn .save-contact-button{width:100%;justify-content:center;background:#0d0d0d;border-color:#0d0d0d;color:#fff}.success-contact-btn .save-contact-button:hover{background:#2d2d2d;border-color:#2d2d2d}.progress-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.progress-dots .dot{width:6px;height:6px;border-radius:50%;background:#d0d0d0;transition:all .3s ease}.progress-dots .dot.active{background:#0d0d0d}.step-indicator-modal{display:flex;justify-content:center;gap:8px;padding:16px 32px 24px}.step-dot-modal{width:8px;height:8px;border-radius:50%;background:#d0d0d0;transition:all .2s ease}.step-dot-modal.active{background:#0d0d0d;transform:scale(1.1)}.step-dot-modal.completed{background:#22c55e}.two-factor-modal-close:focus-visible,.two-factor-modal-btn:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}@media (max-width: 640px){.two-factor-modal-overlay{padding:16px}.two-factor-modal{width:100%;max-width:100%;max-height:90vh;overflow-y:auto}.two-factor-modal-header{padding:24px 52px 0 24px}.two-factor-modal-close{top:24px;right:24px}.two-factor-modal-title{font-size:1.25rem}.two-factor-modal-form{padding:20px 24px}.two-factor-modal-error{margin:0 24px}.verify-links-modal{padding:0 24px 12px}.two-factor-modal-actions{padding:0 24px 24px;flex-direction:column}.step-indicator-modal{padding:12px 24px 20px}.success-modal-title{font-size:1.25rem;margin:24px 24px 8px}.success-modal-subtitle{margin:0 24px 20px;font-size:.875rem}.success-animation-container{padding:0 24px;gap:16px}.phone-mockup{width:140px;height:220px;border-radius:16px;padding:6px}.phone-notch{width:40px;height:14px}.phone-screen{border-radius:12px}.messages-header{padding:20px 8px 6px;border-radius:12px 12px 0 0;gap:6px}.back-arrow{font-size:18px}.contact-avatar{width:20px;height:20px;font-size:8px}.messages-body{padding:8px;gap:4px}.message{font-size:9px;padding:5px 8px;border-radius:12px}.link-thumbnail{width:24px;height:24px}.link-thumbnail svg{width:12px;height:12px}.link-preview{gap:6px;padding:4px 6px}.link-title{font-size:9px}.link-url{font-size:7px}.sms-download-grid{gap:2px}.sms-download-item{border-radius:2px}.input-bar{padding:4px 6px}.input-text{font-size:9px;padding:4px 8px;min-height:16px;border-radius:12px}.typing-cursor{height:10px}.send-button{width:16px;height:16px}.send-button svg{width:8px;height:8px}.step-labels{gap:12px;margin-top:4px}.step-label{font-size:10px;gap:4px}.step-number{width:14px;height:14px;font-size:8px}.success-content{padding:0 24px 24px;gap:12px}.phone-number-box{padding:12px 20px}.phone-label{font-size:11px}.phone-number-value{font-size:1.125rem}.save-hint{font-size:12px}.progress-dots{gap:5px}.progress-dots .dot{width:5px;height:5px}}.download-page-content{min-height:100vh;display:flex;flex-direction:column;padding-top:5%;position:relative}.download-page-inner{max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;padding:10vh 0 2rem;margin:0 auto}.dashboard-sections-container{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.dashboard-section{width:100%;position:relative;min-height:0}.dashboard-section:has(.recent-downloads-wrapper){max-width:100%;width:100%}@media (max-width: 768px){.download-page-inner{max-width:100%;padding:8vh 0 2rem}.dashboard-section{max-width:480px}}.download-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid transparent;z-index:10;width:100%}.download-title{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em}.download-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;color:#ffffff80;margin:0 auto;line-height:1.4;max-width:450px}@media (max-width: 768px){.download-title{font-size:2rem}.download-subtitle{font-size:1rem}}.suggested-usernames-section{margin-bottom:24px}.suggested-usernames-header{font-size:12px;font-weight:600;letter-spacing:.5px;color:#666;margin-bottom:12px;text-transform:uppercase}.suggested-usernames-pills{display:flex;flex-wrap:wrap;gap:8px}.suggested-pill{display:inline-flex;align-items:center;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#ddd;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease-out;outline:none;width:auto;max-width:fit-content}.suggested-pill:hover{background:#ffffff1a}.suggested-pill .pill-icon{display:none}.suggested-pill .pill-text{white-space:nowrap;line-height:1}.suggested-pill.skeleton{background:#ffffff0a;color:#666;cursor:default;pointer-events:none}@media (max-width: 640px){.suggested-usernames-section{padding:0 16px}.suggested-usernames-pills{flex-wrap:wrap}.suggested-pill{font-size:12px;padding:6px 10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.overage-modal{background:#fff;border-radius:16px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.overage-modal .modal-header{padding:32px 32px 0;display:flex;align-items:center;justify-content:space-between}.overage-modal .modal-header h3{margin:0;font-size:1.375rem;font-weight:600;color:#0d0d0d!important;line-height:1.3;letter-spacing:-.02em}.overage-modal .close-button{background:none;border:none;font-size:1.5rem;color:#8e8e8e!important;cursor:pointer;padding:4px;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.overage-modal .close-button:hover{color:#0d0d0d!important}.overage-modal .body{padding:32px 32px 0}.overage-modal .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.overage-modal .row.total-row{margin-top:24px;margin-bottom:16px;padding-top:16px;border-top:1px solid #e5e5e5}.overage-modal .label{font-size:.9375rem;font-weight:400;color:#6e6e6e!important;line-height:1.5}.overage-modal .value{font-size:.9375rem;font-weight:500;color:#0d0d0d!important;line-height:1.5}.overage-modal .value.accent{color:#0d0d0d!important;font-weight:600}.overage-modal .divider{height:1px;background:#e5e5e5;margin:24px 0}.overage-modal .limit-line{font-size:.875rem;font-weight:400;color:#6e6e6e!important;margin-bottom:24px;line-height:1.5}.overage-modal .timing-note{font-size:.875rem;font-weight:400;color:#6e6e6e!important;margin-top:16px;line-height:1.6;background:#f7f7f7;padding:12px 16px;border-radius:8px}.overage-modal .benefits-disclosure{margin-top:24px;background:#f7f7f7;padding:16px;border-radius:8px}.overage-modal .disclosure-button{background:none;border:none;font-size:.9375rem;font-weight:500;color:#0d0d0d!important;cursor:pointer;padding:0;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;transition:opacity .15s ease}.overage-modal .disclosure-button:hover{opacity:.7}.overage-modal .benefits-list{margin:12px 0 0;padding-left:20px;color:#6e6e6e!important;font-size:.9375rem;line-height:1.6}.overage-modal .benefits-list li{margin-bottom:8px}.overage-modal .footer-meta{padding:16px 32px 0;font-size:.875rem;font-weight:400;color:#8e8e8e!important;line-height:1.5}.overage-modal .actions{padding:0 32px 32px;display:flex;gap:12px;margin-top:32px}.overage-modal .btn-ghost{flex:1;padding:11px 20px!important;border:1px solid #d0d0d0!important;background:#fff!important;color:#0d0d0d!important;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.overage-modal .btn-ghost:hover{background:#f7f7f7!important;border-color:#b0b0b0!important}.overage-modal .btn-ghost:active{background:#efefef!important;border-color:#a0a0a0!important}.overage-modal .btn-primary{flex:1;padding:11px 20px!important;background:#0d0d0d!important;color:#fff!important;border:1px solid #0d0d0d!important;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.overage-modal .btn-primary:hover{background:#2d2d2d!important;border-color:#2d2d2d!important}.overage-modal .btn-primary:active{background:#000!important;border-color:#000!important}@media (max-width: 640px){.modal-overlay{padding:16px}.overage-modal{max-width:100%}.overage-modal .modal-header{padding:24px 24px 0}.overage-modal .modal-header h3{font-size:1.25rem}.overage-modal .body{padding:24px 24px 0}.overage-modal .row{margin-bottom:12px}.overage-modal .row.total-row{margin-top:20px;margin-bottom:12px;padding-top:12px}.overage-modal .divider{margin:20px 0}.overage-modal .limit-line{margin-bottom:20px}.overage-modal .timing-note{padding:10px 12px}.overage-modal .benefits-disclosure{margin-top:20px;padding:12px}.overage-modal .footer-meta{padding:16px 24px 0}.overage-modal .actions{padding:0 24px 24px;flex-direction:column;margin-top:24px}.overage-modal .btn-ghost,.overage-modal .btn-primary{width:100%}}@media (max-width: 480px){.modal-overlay{padding:12px}.overage-modal .modal-header h3{font-size:1.125rem}.overage-modal .row{margin-bottom:10px}.overage-modal .label,.overage-modal .value{font-size:.875rem}.overage-modal .limit-line,.overage-modal .timing-note,.overage-modal .footer-meta{font-size:.8125rem}}.overage-modal .close-button:focus-visible,.overage-modal .disclosure-button:focus-visible,.overage-modal .btn-ghost:focus-visible,.overage-modal .btn-primary:focus-visible{outline:2px solid #0d0d0d!important;outline-offset:2px}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-restriction-modal{background:#fff;border-radius:16px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-modal-header{padding:32px 32px 0;display:flex;align-items:center;justify-content:space-between}.profile-modal-title{margin:0;font-size:1.375rem;font-weight:600;color:#0d0d0d;line-height:1.3;letter-spacing:-.02em}.profile-close-button{background:none;border:none;font-size:1.5rem;color:#8e8e8e;cursor:pointer;padding:4px;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.profile-close-button:hover{color:#0d0d0d}.profile-modal-content{padding:32px 32px 0}.profile-restriction-explanation{color:#6e6e6e;font-size:.9375rem;line-height:1.6;margin:0 0 40px;font-weight:400}.profile-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.profile-feature{color:#0d0d0d;font-size:.9375rem;line-height:1.5;font-weight:400}.profile-modal-actions{padding:0 32px 32px;display:flex;gap:12px}.profile-secondary-button{flex:1;padding:11px 20px;border:1px solid #d0d0d0;background:#fff;color:#0d0d0d;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.profile-secondary-button:hover:not(:disabled){background:#f7f7f7;border-color:#b0b0b0}.profile-upgrade-button{flex:1;padding:11px 20px;background:#0d0d0d;color:#fff;border:1px solid #0d0d0d;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.profile-upgrade-button:hover:not(:disabled){background:#2d2d2d;border-color:#2d2d2d}.profile-upgrade-button:active:not(:disabled){background:#000;border-color:#000}@media (max-width: 640px){.profile-modal-overlay{padding:16px}.profile-restriction-modal{max-width:100%}.profile-modal-header{padding:24px 24px 0}.profile-modal-title{font-size:1.25rem}.profile-modal-content{padding:24px 24px 0}.profile-restriction-explanation,.profile-features{margin-bottom:32px}.profile-modal-actions{padding:0 24px 24px;flex-direction:column}.profile-secondary-button,.profile-upgrade-button,.profile-danger-button{width:100%}.profile-confirm-section{margin-top:20px}}.profile-danger-button{flex:1;padding:11px 20px;background:#dc2626;color:#fff;border:1px solid #dc2626;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.profile-danger-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.profile-danger-button:active:not(:disabled){background:#991b1b;border-color:#991b1b}.profile-features-warning .profile-feature{color:#6e6e6e;position:relative;padding-left:20px}.profile-features-warning .profile-feature:before{content:"•";position:absolute;left:0;color:#dc2626}.profile-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.875rem;text-align:center;margin-top:16px}.profile-confirm-section{margin-top:24px}.profile-confirm-label{display:block;font-size:.875rem;font-weight:500;color:#0d0d0d;margin-bottom:8px}.profile-confirm-input{width:100%;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:14px 16px;color:#0d0d0d;font-size:.9375rem;text-align:center;font-weight:600;letter-spacing:1px;transition:all .15s ease;box-sizing:border-box}.profile-confirm-input:focus{outline:none;border-color:#0d0d0d;box-shadow:0 0 0 3px #0d0d0d14}.profile-confirm-input::placeholder{color:#8e8e8e;font-weight:400}.profile-restriction-explanation strong{color:#0d0d0d;font-weight:600}.profile-close-button:focus-visible,.profile-secondary-button:focus-visible,.profile-upgrade-button:focus-visible,.profile-danger-button:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}.collection-dropdown{position:relative;width:100%}.collection-dropdown.disabled{opacity:.5;pointer-events:none}.collection-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease-out}.collection-dropdown-trigger:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.collection-dropdown-trigger.open{background:#ffffff14;border-color:#fff3;border-bottom-left-radius:0;border-bottom-right-radius:0}.collection-dropdown-trigger:disabled{cursor:not-allowed}.collection-dropdown-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-dropdown-icon{width:16px;height:16px;flex-shrink:0;color:#888;transition:transform .2s ease-out}.collection-dropdown-icon.rotated{transform:rotate(180deg)}.collection-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:100;background:#141414;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px;max-height:280px;overflow-y:auto;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.collection-dropdown-options{max-height:180px;overflow-y:auto}.collection-dropdown-option{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:transparent;border:none;color:#ccc;font-size:13px;font-weight:400;font-family:inherit;cursor:pointer;transition:all .15s ease-out;text-align:left}.collection-dropdown-option:hover{background:#ffffff0f;color:#fff}.collection-dropdown-option.selected{color:#fff;font-weight:500}.option-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-check{width:16px;height:16px;color:#10b981;flex-shrink:0;margin-left:8px}.collection-dropdown-divider{height:1px;background:#ffffff14;margin:4px 0}.collection-dropdown-option.create-option{color:#3b82f6;gap:8px}.collection-dropdown-option.create-option:hover{background:#3b82f61a;color:#60a5fa}.create-icon{width:16px;height:16px;flex-shrink:0}.create-text{flex:1}.collection-dropdown-create-form{padding:12px;display:flex;flex-direction:column;gap:10px}.collection-dropdown-create-input{width:100%;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;font-family:inherit;outline:none;transition:all .15s ease-out}.collection-dropdown-create-input::placeholder{color:#666}.collection-dropdown-create-input:focus{background:#ffffff1a;border-color:#ffffff40}.collection-dropdown-create-input:disabled{opacity:.5}.collection-dropdown-create-error{font-size:11px;color:#ef4444;padding:0 2px}.collection-dropdown-create-actions{display:flex;gap:8px;justify-content:flex-end}.collection-dropdown-create-cancel,.collection-dropdown-create-submit{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease-out}.collection-dropdown-create-cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#888}.collection-dropdown-create-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#aaa}.collection-dropdown-create-submit{background:#3b82f6;border:none;color:#fff}.collection-dropdown-create-submit:hover:not(:disabled){background:#2563eb}.collection-dropdown-create-submit:disabled{opacity:.5;cursor:not-allowed}.collection-dropdown-create-cancel:disabled{opacity:.5;cursor:not-allowed}.collection-dropdown-menu::-webkit-scrollbar,.collection-dropdown-options::-webkit-scrollbar{width:6px}.collection-dropdown-menu::-webkit-scrollbar-track,.collection-dropdown-options::-webkit-scrollbar-track{background:transparent}.collection-dropdown-menu::-webkit-scrollbar-thumb,.collection-dropdown-options::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.collection-dropdown-menu::-webkit-scrollbar-thumb:hover,.collection-dropdown-options::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 640px){.collection-dropdown-trigger{padding:12px 14px}.collection-dropdown-menu{max-height:250px}}.download-form-container{width:100%;max-width:600px;margin:0 auto}.form-header{margin-bottom:40px;text-align:left}.form-title{font-size:32px;font-weight:600;letter-spacing:-.5px;color:#fff;margin:0 0 8px}.form-subtitle{font-size:15px;color:#888;margin:0;line-height:1.5}.input-section{margin-bottom:32px}.input-wrapper{position:relative;width:100%}.creator-input{width:100%;padding:12px 56px 12px 16px;font-size:14px;font-family:inherit;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;outline:none;transition:all .2s ease-out}.creator-input::placeholder{color:#666}.creator-input:focus{background:#ffffff14;border-color:#fff3}.add-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#555;cursor:pointer;transition:all .2s ease-out;font-size:18px}.add-button svg{width:1em;height:1em;fill:currentColor}.add-button.active{background:#fff;color:#000}.add-button.active:hover{background:#ffffffe6}.add-button:disabled{cursor:not-allowed}.input-feedback{margin-top:8px;font-size:12px;font-weight:500;padding-left:16px;transition:all .2s ease-out}.input-feedback.valid{color:#10b981}.input-feedback.invalid{color:#ef4444}.platform-toggle{display:flex;gap:8px;margin-top:12px;padding-left:4px}.platform-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#888;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease-out}.platform-btn:hover{background:#ffffff14;border-color:#fff3;color:#bbb}.platform-btn.active{background:#ffffff1f;border-color:#ffffff40;color:#fff}.platform-btn svg{width:16px;height:16px;flex-shrink:0}.platform-btn.active:first-child{background:linear-gradient(135deg,#833ab433,#fd1d1d33,#fcb04533);border-color:#e1306c66}.platform-btn.active:last-child{background:#0000004d;border-color:#ff005066}.added-section{margin-bottom:24px}.empty-state{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:10px;padding:48px 20px;text-align:center;margin-bottom:24px}.empty-icon{font-size:32px;opacity:.3;margin-bottom:12px}.empty-text{font-size:14px;line-height:1.6;color:#666}.settings-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px;overflow:visible}.settings-header{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:.3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}@media (min-width: 641px){.settings-grid{gap:32px}}.setting-group{display:flex;flex-direction:column;gap:12px;min-width:0}.setting-label{font-size:12px;font-weight:600;letter-spacing:.3px;color:#888;text-transform:uppercase;flex-shrink:0}.number-control{display:flex;justify-content:space-between;align-items:center;gap:12px}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ddd;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease-out;flex-shrink:0}.control-btn:hover:not(:disabled){background:#ffffff1f}.control-btn:disabled{opacity:.3;cursor:not-allowed}.number-input{flex:1;min-width:60px;padding:0;font-size:20px;font-weight:600;color:#fff;background:transparent;border:none;text-align:center;outline:none;font-family:inherit}.number-input::placeholder{color:#666}.number-display{flex:1;min-width:60px;font-size:20px;font-weight:600;color:#fff;text-align:center}.date-range-grid{display:flex;flex-wrap:wrap;gap:8px}.range-btn{flex:1;min-width:0;padding:8px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-btn:hover{background:#ffffff0a;border-color:#ffffff26;color:#aaa}.range-btn.active{background:#ffffff14;border-color:#fff3;color:#ddd}@media (min-width: 641px){.range-btn{font-size:12px;padding:8px 12px}}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:#000;border-top:1px solid #000;border-radius:0 0 12px 12px}.footer-info{font-size:12px;color:#888}.footer-info strong{color:#fff;font-weight:600}.footer-actions{display:flex;gap:12px}.btn-clear{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#999;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.btn-clear:hover:not(:disabled){background:#ffffff08;border-color:#ffffff4d;color:#bbb}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.btn-download{padding:8px 16px;background:#fff;border:none;border-radius:20px;color:#000;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.btn-download:hover:not(:disabled){background:#f5f5f5}.btn-download:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.form-header{padding:0 16px;margin-bottom:32px}.form-title{font-size:28px}.form-subtitle{font-size:14px}.input-section{padding:0 16px}.settings-grid{grid-template-columns:1fr;gap:20px}.form-footer{flex-direction:column-reverse;gap:12px}.footer-actions{width:100%}.btn-clear,.btn-download{flex:1;padding:10px 20px;font-size:13px}.range-btn{padding:6px 8px;font-size:11px}.control-btn{width:36px;height:36px}.number-display{font-size:18px}.added-pills{max-height:120px}}.mode-toggle-container{display:inline-flex;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:4px;margin-bottom:32px}.mode-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:18px;font-size:13px;font-weight:600;color:#888;cursor:pointer;transition:all .2s ease-out;-webkit-user-select:none;user-select:none}.mode-toggle-btn:hover:not(.active){color:#fff}.mode-toggle-btn.active{background:#ffffff1f;color:#fff;cursor:default}.mode-icon{width:16px;height:16px}.toggle-container{display:flex;flex-direction:column;gap:12px}.toggle-switch{width:44px;height:24px;background:#ffffff26;border:none;border-radius:12px;cursor:pointer;position:relative;transition:all .2s ease-out;flex-shrink:0;padding:0}.toggle-switch:hover{background:#fff3}.toggle-switch.active{background:#10a37f}.toggle-switch.active:hover{background:#0d8f6f}.toggle-dot{position:absolute;width:20px;height:20px;background:#fff;border-radius:10px;top:2px;left:2px;transition:left .2s ease-out}.toggle-switch.active .toggle-dot{left:22px}.toggle-description{font-size:12px;line-height:1.5;color:#888}.scheduled-creators-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.scheduled-creators-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#6b6b6b;margin-bottom:12px}.scheduled-creators-list{display:flex;flex-direction:column;gap:12px}.scheduled-creator-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border-radius:8px;transition:background .15s ease}.scheduled-creator-item:hover{background:#262626}.scheduled-creator-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scheduled-creator-info{flex:1;min-width:0}.scheduled-creator-username{font-size:13px;font-weight:500;color:#ececec;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-creator-platform{font-size:11px;color:#8b8b8b;text-transform:capitalize}.scheduled-creator-remove-btn{width:28px;height:28px;background:transparent;border:1px solid #3a3a3a;border-radius:6px;color:#8b8b8b;font-size:16px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scheduled-creator-remove-btn:hover{background:#2a2a2a;border-color:#4a4a4a;color:#ececec}.scheduled-creator-remove-btn:focus{outline:2px solid #ececec;outline-offset:2px}@media (max-width: 640px){.mode-toggle-container{padding:4px;gap:4px}.mode-toggle-btn{padding:6px 12px;font-size:12px;gap:6px}.schedule-info{font-size:12px;padding:10px}}.sms-alternative-section{margin:24px 0}.sms-alternative-divider{display:flex;align-items:center;gap:16px;margin-bottom:16px}.divider-line{flex:1;height:1px;background:#ffffff1a}.divider-text{font-size:12px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px}.sms-alternative-content{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.sms-alternative-content:hover{background:#ffffff0d;border-color:#ffffff1f}.sms-alternative-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:10px;color:#667eea;flex-shrink:0}.sms-alternative-info{flex:1;display:flex;flex-direction:column;gap:2px}.sms-alternative-label{font-size:13px;color:#fff9}.sms-alternative-number{font-size:15px;font-weight:600;color:#fff;font-family:SF Mono,Monaco,Inconsolata,monospace}@media (max-width: 480px){.sms-alternative-content{flex-wrap:wrap;gap:10px}.sms-alternative-info{flex:1 1 auto}}.section-label{font-size:12px;font-weight:600;letter-spacing:.5px;color:#666;text-transform:uppercase;margin-bottom:16px}.added-pills{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto}.creator-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;transition:all .2s ease-out}.creator-pill.instagram{background:linear-gradient(135deg,#e4405f,#fd1d1d)}.creator-pill.tiktok{background:linear-gradient(135deg,#25f4ee,#ff006e)}.creator-pill.default,.creator-pill{background:linear-gradient(135deg,#6b7280,#4b5563)}.pill-username{line-height:1}.pill-remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:4px;background:transparent;border:none;color:#fffc;cursor:pointer;transition:color .2s ease-out}.pill-remove-btn:hover{color:#fff}.schedules-component{background:#0f0f0f;border-radius:12px;border:1px solid #2a2a2a;overflow:hidden;width:100%;max-width:600px;margin:0 auto 24px}.schedules-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.schedules-header:hover{background:#131313}.schedules-header:focus{outline:none}.schedules-header-left{display:flex;align-items:center;gap:12px;flex:1}.schedules-icon{font-size:18px;line-height:1}.schedules-title{font-size:15px;font-weight:600;letter-spacing:-.3px;color:#ececec;margin:0}.schedules-header-center{flex:0 0 auto}.schedules-meta{font-size:12px;color:#6b6b6b}.schedules-header-right{flex:0 0 auto;margin-left:12px}.schedules-arrow{display:inline-block;font-size:12px;color:#8b8b8b;transition:transform .2s ease}.schedules-arrow.expanded{transform:rotate(180deg)}.schedules-collapsed{padding:0 20px 20px;animation:fadeIn .2s ease;border-top:none}.schedules-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedules-stat-item{display:flex;flex-direction:column;gap:4px}.schedules-stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#6b6b6b}.schedules-stat-value{font-size:14px;font-weight:600;color:#ececec}.schedules-stat-value.active{color:#10a37f}.schedules-expanded{border-top:1px solid #2a2a2a;animation:expandContent .2s ease}@keyframes expandContent{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.schedules-tabs{display:flex;gap:0;border-bottom:1px solid #2a2a2a}.schedules-tab{flex:1;padding:10px 12px;font-size:13px;font-weight:500;text-transform:capitalize;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b6b6b;cursor:pointer;transition:all .15s ease}.schedules-tab:hover{color:#ececec}.schedules-tab.active{color:#ececec;border-bottom-color:#ececec}.schedules-tab:focus{outline:2px solid #ececec;outline-offset:-2px}.schedules-card{padding:20px;animation:fadeIn .15s ease}.schedules-section{margin-bottom:32px}.schedules-section:last-child{margin-bottom:0}.schedules-section-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #2a2a2a}.schedules-section-title{font-size:14px;font-weight:600;color:#ececec;margin:0 0 4px;letter-spacing:-.2px}.schedules-section-subtitle{font-size:12px;color:#6b6b6b;display:block}.schedules-section-agent{background:linear-gradient(135deg,#10a37f08,#10a37f03);border:1px solid rgba(16,163,127,.15);border-radius:12px;padding:16px;margin-top:24px}.schedules-section-agent .schedules-section-header{border-bottom-color:#10a37f33}.schedules-section-agent .schedules-section-title{color:#10a37f}.schedules-agent-card{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;padding:16px;margin-bottom:16px}.schedules-agent-card:last-child{margin-bottom:0}.schedules-agent-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #2a2a2a}.schedules-agent-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#10a37f26;border:1px solid rgba(16,163,127,.3);border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#10a37f;text-transform:uppercase}.schedules-agent-name{font-size:14px;font-weight:600;color:#ececec;letter-spacing:-.2px}.schedules-creator-item-readonly{opacity:.95}.schedules-creator-item-readonly:hover{background:#1a1a1a}.schedules-creator-item-clickable{cursor:pointer;transition:all .2s ease}.schedules-creator-item-clickable:hover{background:#1a1a1a;transform:translate(2px)}.schedules-creator-item-clickable:active{transform:translate(4px)}.schedules-creator-item-clickable:focus{outline:2px solid #ececec;outline-offset:-2px}.schedules-creator-avatar-agent{background:linear-gradient(135deg,#10a37f,#0d8566)}.schedules-agent-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.6;flex-shrink:0}.schedules-empty-state{padding:32px 20px;text-align:center}.schedules-empty-message{font-size:13px;color:#6b6b6b;margin:0;line-height:1.5}.schedules-add-creator{margin-bottom:16px}.schedules-input-wrapper{position:relative;display:flex;align-items:center}.schedules-input{flex:1;width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:24px;padding:10px 48px 10px 16px;font-size:13px;color:#ececec;transition:all .15s ease}.schedules-input::placeholder{color:#5a5a5a}.schedules-input:focus{outline:none;border-color:#3a3a3a;background:#262626}.schedules-input:disabled{opacity:.5;cursor:not-allowed}.schedules-submit-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#2a2a2a;border:none;color:#8b8b8b;font-size:16px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.schedules-submit-btn:hover:not(:disabled){background:#fff;color:#000}.schedules-submit-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.schedules-submit-btn:disabled{opacity:.3;cursor:not-allowed}.schedules-input-error{margin-top:8px;font-size:12px;color:#ff6b6b;opacity:0;transition:opacity .15s ease}.schedules-input-error.visible{opacity:1}.schedules-creators-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.schedules-empty-list{padding:24px;text-align:center;font-size:13px;color:#6b6b6b;background:#1a1a1a;border-radius:8px}.schedules-creator-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1a1a;border-radius:8px;transition:background .15s ease}.schedules-creator-item:hover{background:#262626}.schedules-creator-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.schedules-creator-info{flex:1;min-width:0}.schedules-creator-username{font-size:13px;font-weight:500;color:#ececec;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedules-creator-platform{font-size:11px;color:#8b8b8b;text-transform:capitalize}.schedules-creator-collection{color:#666;font-size:11px}.schedules-remove-btn{width:32px;min-width:32px;max-width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#fff6;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.schedules-remove-btn:hover{background:#ffffff0d;color:#fff}.schedules-remove-btn:active{transform:scale(.95)}.schedules-remove-btn.confirm{background:#ef4444;color:#fff;padding:0 8px;font-size:11px;font-weight:600;width:auto;min-width:60px;max-width:none;height:28px;animation:pulseRed .5s ease-in-out}.schedules-remove-btn.confirm:hover{background:#dc2626}.schedules-remove-btn.removing{background:transparent;cursor:not-allowed;opacity:.7}.schedules-creator-item.removing{opacity:.5;pointer-events:none}.schedules-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.schedules-meta{padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedules-meta-item{display:flex;flex-direction:column;gap:4px}.schedules-meta-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#6b6b6b}.schedules-meta-value{font-size:13px;font-weight:500;color:#ececec}.schedules-meta-value.pending{color:#d4a574}.schedules-loading,.schedules-error{padding:20px;text-align:center;font-size:13px;color:#6b6b6b}.schedules-error{color:#ff6b6b}@media (max-width: 767px){.schedules-component{max-width:480px}.schedules-header{padding:16px 20px}.schedules-card{padding:20px}.schedules-input{font-size:13px}.schedules-creator-item{padding:12px}.schedules-remove-btn{width:28px;min-width:28px;max-width:28px;height:28px;font-size:13px}.schedules-remove-btn.confirm{width:auto;min-width:56px;max-width:none;height:26px;padding:0 6px;font-size:10px}}@media (min-width: 768px){.schedules-component{max-width:600px}.schedules-header{padding:20px 24px}.schedules-card{padding:24px}.schedules-input{font-size:14px}.schedules-creator-item{padding:14px}.schedules-collapsed{padding:0 24px 24px}}.schedules-component :focus-visible{outline:2px solid #ececec;outline-offset:2px}@media (prefers-contrast: high){.schedules-component{border-color:#4a4a4a}.schedules-stat-value.active{color:#00ff9f}}@media (prefers-reduced-motion: reduce){.schedules-component *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.job-status-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:24px;margin:16px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-status-card:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.job-status-card.compact{padding:16px;margin:8px 0}.job-status-card.error-state{border-color:#ff6b6b4d;background:#ff6b6b1a}.status-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.status-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.status-label{font-size:1.25rem;font-weight:600;text-transform:capitalize;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.status-label.queued{color:#00f5ff}.status-label.scraping{color:#ff6b35}.status-label.processing{color:#4ecdc4}.status-label.completed{color:#45b7d1}.status-label.failed{color:#ff6b6b}.last-update{font-size:.875rem;opacity:.8;margin-left:auto;color:#ccc}.job-metadata{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.metadata-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.metadata-item strong{min-width:100px;color:#e6e6e6}.url-display{color:#ccc;word-break:break-all;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.platform-badge.platform-instagram{background:#e4405f33;color:#e4405f;border:1px solid rgba(228,64,95,.3)}.platform-badge.platform-tiktok{background:#ff005033;color:#ff0050;border:1px solid rgba(255,0,80,.3)}.status-details{margin-bottom:16px;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.status-details p{margin:8px 0;font-size:.875rem;color:#d9d9d9}.status-details .error-message{color:#ff6b6b;font-weight:500}.results-info{color:#45b7d1;font-weight:500}.download-status{margin-top:8px;font-size:.8rem;color:#00ff85;font-weight:600;display:flex;align-items:center;gap:4px}.status-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:#ccc}.loading-indicator{font-size:1.5rem;animation:spin 1s linear infinite}.status-error{text-align:center;padding:20px}.error-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.error-icon{font-size:1.5rem}.error-title{font-size:1.25rem;font-weight:600;color:#ff6b6b}.error-message{color:#ccc;margin-bottom:20px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.job-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.job-action-button{padding:10px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.job-action-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.job-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.job-cancel-button{background:#ff6b6b33;color:#ff6b6b;border-color:#ff6b6b4d}.job-cancel-button:hover:not(:disabled){background:#ff6b6b4d}.job-retry-button{background:#ff6b3533;color:#ff6b35;border-color:#ff6b354d}.job-retry-button:hover:not(:disabled){background:#ff6b354d}.job-refresh-button{background:#4ecdc433;color:#4ecdc4;border-color:#4ecdc44d}.job-refresh-button:hover:not(:disabled){background:#4ecdc44d}.job-download-button{background:#45b7d133;color:#45b7d1;border-color:#45b7d14d}.job-download-button:hover:not(:disabled){background:#45b7d14d}.job-status-card.compact .status-header{margin-bottom:8px}.job-status-card.compact .status-icon{font-size:1.2rem}.job-status-card.compact .status-label{font-size:1rem}.compact-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.compact-url{font-size:.75rem;color:#b3b3b3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-update-flash{animation:statusFlash .5s ease-in-out}@keyframes statusFlash{0%{background-color:#ffffff1a}50%{background-color:#ffffff4d}to{background-color:#ffffff1a}}@media (max-width: 768px){.job-status-card{padding:16px;margin:12px 0}.status-header{flex-direction:column;align-items:flex-start;gap:8px}.last-update{margin-left:0;order:-1;font-size:.75rem}.job-actions{flex-direction:column;gap:8px}.job-action-button{width:100%;min-width:unset}.metadata-item{flex-direction:column;align-items:flex-start;gap:4px}.metadata-item strong{min-width:unset}.url-display{max-width:100%}.compact-info{flex-direction:column;align-items:flex-start;gap:6px}.compact-url{max-width:100%}}@media (max-width: 480px){.job-status-card{padding:12px;margin:8px 0}.status-header{gap:6px}.status-icon{font-size:1.2rem}.status-label{font-size:1rem}.job-metadata{gap:6px}.error-actions{flex-direction:column;gap:8px}}.notification-toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;min-width:300px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0000004d;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-toast.visible{transform:translate(0);opacity:1}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;font-size:.875rem;font-weight:500;color:#fff;line-height:1.4}.toast-dismiss{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.toast-dismiss:hover{background:#ffffff1a}.notification-toast.success{border-color:#45b7d166;background:#45b7d126}.notification-toast.error{border-color:#ff6b6b66;background:#ff6b6b26}.notification-toast.warning{border-color:#ffc10766;background:#ffc10726}.notification-toast.info{border-color:#00e5ff66;background:#00e5ff26}.notification-toast.success .toast-icon,.notification-toast.success .toast-message{color:#45b7d1}.notification-toast.error .toast-icon,.notification-toast.error .toast-message{color:#ff6b6b}.notification-toast.warning .toast-icon,.notification-toast.warning .toast-message{color:#ffc107}.notification-toast.info .toast-icon,.notification-toast.info .toast-message{color:#00e5ff}@media (max-width: 768px){.notification-toast{top:20px;right:16px;left:16px;max-width:none;min-width:auto}.toast-content{padding:14px 16px;gap:10px}.toast-message{font-size:.8rem}}@media (max-width: 480px){.notification-toast{top:16px;right:12px;left:12px}.toast-content{padding:12px 14px;gap:8px}.toast-icon{font-size:1rem}.toast-message{font-size:.75rem}.toast-dismiss{width:20px;height:20px;font-size:1rem}}.bulk-operations{display:flex;justify-content:space-between;align-items:center;background:#00f5ff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:16px 20px;margin:16px 0;animation:slideDown .3s ease-out}.bulk-selection-info{display:flex;align-items:center;gap:16px}.selection-count{color:#00f5ff;font-weight:600;font-size:.95rem}.clear-selection-btn{background:transparent;border:1px solid rgba(0,245,255,.5);border-radius:6px;padding:6px 12px;color:#00f5ff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-selection-btn:hover:not(:disabled){background:#00f5ff1a;border-color:#00f5ff}.clear-selection-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-buttons{display:flex;gap:12px;align-items:center}.bulk-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 16px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.bulk-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.bulk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bulk-btn:active:not(:disabled){transform:translateY(0)}.bulk-cancel{border-color:#ff6b6b80;color:#ff6b6b}.bulk-cancel:hover:not(:disabled){background:#ff6b6b26;border-color:#ff6b6b;box-shadow:0 8px 25px #ff6b6b4d}.bulk-retry{border-color:#ffa50080;color:orange}.bulk-retry:hover:not(:disabled){background:#ffa50026;border-color:orange;box-shadow:0 8px 25px #ffa5004d}.bulk-download{border-color:#45b7d180;color:#45b7d1}.bulk-download:hover:not(:disabled){background:#45b7d126;border-color:#45b7d1;box-shadow:0 8px 25px #45b7d14d}.bulk-progress-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.bulk-progress-modal{background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;min-width:400px;max-width:500px;animation:slideUp .3s ease-out}.bulk-progress-modal h3{margin:0 0 24px;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.progress-info{margin-bottom:24px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#45b7d1);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-text{color:#fffc;font-size:.875rem;text-align:center;display:block}.progress-errors{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:16px;margin-bottom:20px}.progress-errors p{color:#ff6b6b;font-weight:600;margin:0 0 12px;font-size:.875rem}.error-list{max-height:120px;overflow-y:auto}.error-item{color:#fffc;font-size:.8rem;margin-bottom:6px;padding:4px 0;border-bottom:1px solid rgba(255,107,107,.2)}.error-item:last-child{border-bottom:none;margin-bottom:0}.operation-complete{text-align:center;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.complete-icon{width:48px;height:48px;background:linear-gradient(135deg,#00f5ff,#45b7d1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;font-weight:700;margin:0 auto 16px}.operation-complete p{color:#fff;font-weight:600;margin:0}@media (max-width: 768px){.bulk-operations{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.bulk-selection-info{justify-content:space-between;width:100%}.bulk-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%}.bulk-progress-modal{margin:20px;min-width:auto;max-width:none;width:calc(100% - 40px)}}@media (max-width: 480px){.bulk-action-buttons{grid-template-columns:1fr}.bulk-btn{padding:12px 16px;font-size:.9rem}}.bulk-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.bulk-btn:focus{outline:2px solid rgba(0,245,255,.5);outline-offset:2px}.clear-selection-btn:focus{outline:2px solid rgba(0,245,255,.5);outline-offset:2px}@media (prefers-contrast: high){.bulk-operations{border-width:2px;background:#00f5ff33}.bulk-btn{border-width:2px;font-weight:700}.bulk-progress-modal{border-width:2px;background:#000000fa}}.cancel-warning-modal{max-width:600px}.cancel-warning-modal h3{color:#ff6b6b;display:flex;align-items:center;gap:8px;justify-content:center}.warning-content{margin-bottom:24px}.warning-message{color:#fff;font-size:1rem;text-align:center;margin-bottom:20px}.warning-details{display:flex;gap:12px;align-items:flex-start;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:8px;padding:16px;margin-bottom:20px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{color:#ffffffe6;font-size:.9rem;line-height:1.4}.warning-jobs{background:#ffffff0d;border-radius:8px;padding:16px}.warning-jobs p{color:#fff;font-weight:600;margin:0 0 12px;font-size:.9rem}.warning-jobs .job-list{max-height:120px;overflow-y:auto}.warning-jobs .job-item{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem}.warning-jobs .job-item:last-child{border-bottom:none}.job-platform{background:#00f5ff33;color:#00f5ff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.job-url{color:#fffc;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-modal-btn,.confirm-cancel-btn{padding:12px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid}.cancel-modal-btn{background:transparent;border-color:#ffffff4d;color:#fffc}.cancel-modal-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.confirm-cancel-btn{background:#ff6b6b26;border-color:#ff6b6b80;color:#ff6b6b}.confirm-cancel-btn:hover{background:#ff6b6b40;border-color:#ff6b6b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}@media (prefers-reduced-motion: reduce){.bulk-operations,.bulk-progress-modal-overlay,.bulk-progress-modal,.operation-complete{animation:none}.progress-fill:after{animation:none}.bulk-btn:disabled:after{animation:none}.cancel-modal-btn:hover,.confirm-cancel-btn:hover{transform:none}}.tag-input-container{position:relative;width:100%}.tag-input-container.disabled{opacity:.6;pointer-events:none}.tag-input-wrapper{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 12px;border:2px solid #4a5568;border-radius:8px;background-color:#1c1c1c;transition:border-color .2s ease}.tag-input-wrapper:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.tags-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;min-height:24px}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #343434;border-radius:16px;font-size:13px;font-weight:500;color:#e2e8f0;max-width:150px}.tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-remove-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#e2e8f0;cursor:pointer;padding:0;border-radius:50%;transition:color .2s ease;flex-shrink:0}.tag-remove-btn:hover{color:#201819}.tag-input-field{border:none;outline:none;background:transparent;font-size:14px;color:#e2e8f0;flex:1;min-width:120px;padding:0}.tag-input-field::placeholder{color:#a0aec0}.tag-count{font-size:12px;color:#6c757d;font-weight:500;flex-shrink:0;margin-left:8px}.tag-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#272725;border:1px solid #4a5568;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;max-height:200px;overflow-y:auto}.tag-suggestion-item{padding:10px 12px;cursor:pointer;font-size:14px;color:#e2e8f0;border-bottom:1px solid #4a5568;transition:background-color .2s ease}.tag-suggestion-item:hover{background-color:#4a5568}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-more{padding:10px 12px;font-size:12px;color:#6c757d;font-style:italic;text-align:center;border-top:1px solid #f8f9fa}@media (max-width: 768px){.tag-input-wrapper{padding:6px 10px;min-height:36px}.tag-item{font-size:12px;padding:3px 6px;max-width:120px}.tag-input-field{font-size:13px;min-width:100px}.tags-list{gap:4px}}@media (prefers-color-scheme: dark){.tag-input-wrapper{background-color:#272725;border-color:#1f2329;color:#e2e8f0}.tag-item{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#343434;color:#e2e8f0}.tag-input-field{color:#e2e8f0}.tag-input-field::placeholder{color:#a0aec0}.tag-suggestions-dropdown{background-color:#272725;border-color:#4a5568}.tag-suggestion-item{color:#e2e8f0;border-color:#4a5568}.tag-suggestion-item:hover{background-color:#4a5568}}.tag-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:all}.tag-modal-backdrop.positioned{background-color:transparent;pointer-events:none}.tag-modal-simple{background:#0f0f0f;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #1b1b1b;width:320px;max-width:90vw;pointer-events:all;position:relative;z-index:10000}.positioned .tag-modal-simple{position:absolute;pointer-events:all}.tag-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #0f0f0f;background-color:#0f0f0f;border-radius:8px 8px 0 0}.tag-modal-header h3{margin:0;font-size:14px;font-weight:600;color:#e2e8f0}.tag-modal-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6c757d;cursor:pointer;border-radius:4px;padding:2px;transition:all .2s ease;flex-shrink:0}.tag-modal-close-btn:hover{background-color:#e9ecef;color:#495057}.tag-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.tag-modal-form{display:flex;flex-direction:column}.tag-modal-content{padding:16px}.job-info-simple{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #0f0f0f}.job-url-simple{font-family:Monaco,Menlo,monospace;font-size:12px;color:#e7e7e7;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-input-section{margin-bottom:12px}.tag-input-hint{font-size:11px;color:#6c757d;margin-top:4px;font-style:italic}.platform-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.platform-badge.instagram,.platform-badge.tiktok{background-color:#ffffff35;color:#fff}.tag-modal-error{padding:8px 12px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:12px;margin-bottom:8px}.tag-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #0f0f0f;background-color:#0f0f0f;border-radius:0 0 8px 8px}.tag-modal-cancel-btn,.tag-modal-submit-btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tag-modal-cancel-btn{background-color:#292929;color:#e2e8f0;border:1px solid #6b7280}.tag-modal-cancel-btn:hover:not(:disabled){background-color:#6b7280;border-color:#9ca3af}.tag-modal-submit-btn{background-color:#007bff;color:#fff}.tag-modal-submit-btn:hover:not(:disabled){background-color:#0056b3}.tag-modal-cancel-btn:disabled,.tag-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.job-tags-display{display:flex;align-items:center;gap:6px;justify-content:center;min-width:60px}.tag-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);border-radius:12px;color:#00f5ff;font-size:11px;font-weight:500;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.tags-more-indicator{position:relative;display:inline-flex;align-items:center}.more-icon{display:flex;align-items:center;justify-content:center;gap:2px;background:#ffffffe6;color:#333;border-radius:50%;width:20px;height:20px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.more-icon:hover{background:#fff;transform:scale(1.1)}.more-count{font-size:9px;line-height:1}.tags-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.tooltip-content{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:8px;max-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-tag{display:inline-flex;align-items:center;padding:2px 6px;background:#00f5ff33;border:1px solid rgba(0,245,255,.4);border-radius:10px;color:#00f5ff;font-size:10px;font-weight:500;white-space:nowrap}.tooltip-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.9);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width: 768px){.job-tags-display{justify-content:flex-start;flex-wrap:wrap;gap:4px}.tag-badge{max-width:none;font-size:10px;padding:1px 6px}.more-icon{width:18px;height:18px}.tooltip-content{max-width:150px}}.app-container{display:flex;min-height:100vh;background:var(--bg-primary)}.app-main-content{margin-left:240px;flex:1;min-width:0;transition:margin-left .3s ease;padding-left:2rem}.unified-sidebar.collapsed~.app-main-content{margin-left:80px}@media (max-width: 1024px){.app-main-content{margin-left:80px;padding-left:1.5rem}.unified-sidebar.collapsed~.app-main-content{margin-left:80px}}@media (max-width: 768px){.app-main-content{margin-left:0;padding-left:0}}.has-billing-banner .unified-sidebar{top:38px;height:calc(100vh - 38px)}.has-billing-banner .app-main-content{padding-top:38px}@media (max-width: 640px){.has-billing-banner .unified-sidebar{top:34px;height:calc(100vh - 34px)}.has-billing-banner .app-main-content{padding-top:34px}}.user-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:1rem 2rem;border-radius:12px;margin-bottom:2rem;color:#fff}.sign-out-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.sign-out-btn:hover{background:#ffffff4d}.input-download-container{background:#1c1c1ce6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:2.5rem;padding:1.5rem;margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 8px 32px #0000004d,0 4px 6px -1px #0000001a,inset 0 1px #ffffff1a;position:relative;z-index:0;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-download-row{display:flex;align-items:center;gap:1rem;width:100%}.input-container{position:relative;display:flex;align-items:center;flex:1;margin-bottom:0}.url-input{width:100%;padding:1.25rem 5rem 1.25rem 1.5rem;font-size:1.1rem;font-family:inherit;font-weight:400;color:#ffffffe6;background:#0f0f0f99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0003,0 2px 4px -1px #0000000f,inset 0 1px #ffffff0d}.url-input.valid{background:#0f0f0fb3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#10b981;box-shadow:0 0 0 3px #10b98133,0 6px 24px #00000040,inset 0 1px #ffffff14}.url-input.invalid{background:#0f0f0fb3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ef4444;box-shadow:0 0 0 3px #ef444433,0 6px 24px #00000040,inset 0 1px #ffffff14}.url-input::placeholder{color:var(--text-muted);opacity:1}.url-input:focus{background:#0f0f0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633,0 8px 32px #0000004d,inset 0 1px #ffffff1a;transform:translateY(-2px)}.url-input:hover:not(:focus){background:#0f0f0fbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff4d;box-shadow:0 6px 24px #00000040,0 2px 4px -1px #0000000f,inset 0 1px #ffffff14;transform:translateY(-1px)}.action-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:none;border-radius:50%;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;flex-shrink:0;z-index:10}.action-button:hover{background:#f3f4f6;color:#1f2937;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #0000001a}.action-button:active{transform:translateY(-50%) scale(.95);box-shadow:0 1px 2px #0000000d}.validation-message{margin-top:.75rem;font-size:.875rem;font-weight:500;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.validation-message.error{color:#dc2626}.validation-message.success{color:#059669}.action-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d,0 4px 6px -1px #0000001a}.action-button svg{stroke-width:2px;fill:none;stroke:currentColor}.profile-toggle-container{margin-top:0rem;display:flex;justify-content:flex-end;width:100%}.toggle-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#ffffffe6;-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-slider{position:relative;width:48px;height:24px;background-color:#fff3;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 8px #ffffff4d}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.toggle-checkbox:checked+.toggle-slider{background-color:#10b981;border-color:#10b981}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label:hover .toggle-slider{background-color:#ffffff4d}.toggle-checkbox:checked+.toggle-slider:hover{background-color:#059669}.toggle-text{font-weight:500;color:#ffffffe6}.toggle-icon{font-size:1.1rem;color:#ffffffe6}.profile-options-container{margin-top:1rem;padding:1.5rem;background-color:#ffffff0d;border-radius:1rem;width:100%;display:flex;flex-direction:column;gap:2rem}.profile-options-header-dark{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:0;text-align:left;display:flex;align-items:center;gap:.5rem}.profile-options-section{display:flex;flex-direction:column;gap:.5rem}.profile-options-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:0}.posts-counter-horizontal{display:flex;align-items:center;justify-content:center;gap:1.5rem}.posts-control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:1rem}.posts-control-btn:hover{background-color:#ffffff1a;color:#ec7d10;border-color:#ec7d1080}.posts-control-btn:active{transform:scale(.95)}.posts-counter-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:140px}.posts-counter-input{width:100px;padding:.5rem;font-size:1.75rem;font-weight:600;color:#fff;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;text-align:center;outline:none;transition:all .2s ease;font-family:inherit}.posts-counter-input:focus{border-color:#ec7d10;box-shadow:0 0 0 2px #ec7d1033}.posts-counter-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.posts-counter-input::placeholder{color:#ffffff4d}.posts-counter-label{font-size:.875rem;color:#ffffff80;text-align:center;line-height:1.4}.posts-counter-max{color:#ffffffb3;font-weight:500}.posts-input-error{margin-top:.5rem;font-size:.875rem;color:#ef4444;text-align:center;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.date-filter-container{display:flex;flex-direction:column;gap:1rem}.date-preset-buttons{display:flex;gap:.75rem;flex-wrap:nowrap}.date-preset-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#ffffffb3;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.date-preset-btn:hover{background-color:#ffffff1a;color:#fff;border-color:#ffffff40}.date-preset-btn.active{background-color:#ec7d1033;color:#ec7d10;border-color:#ec7d10}.date-filter-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#10b9811a;border-radius:.5rem;font-size:.875rem;color:#ffffffb3}.date-filter-info .info-icon{font-size:1rem;color:#10b981cc}.form-group-dark{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-options-container .results-limit-slider{margin:0;width:100%;max-width:400px}.profile-options-container .results-limit-slider .slider-track{background-color:#ffffff14}.profile-options-container .results-limit-slider .slider-range{background:linear-gradient(90deg,#ec7d10,#fc2f00,#ec0868);box-shadow:0 2px 8px #ec08684d}.profile-options-container .results-limit-slider .slider-button{color:#ffffffb3;transition:all .2s ease}.profile-options-container .results-limit-slider .slider-button:hover{color:#ec7d10}@media (min-width: 768px){.profile-options-container{padding:2rem}.date-preset-buttons{max-width:450px}}@media (max-width: 480px){.date-preset-btn{padding:.5rem .75rem;font-size:.8rem}}.form-group-dark:last-child{margin-bottom:0}.form-label-dark{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#fff;text-align:left}.form-input-dark{width:100%;padding:.75rem 1rem;font-size:.9rem;font-family:inherit;color:#fff;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input-dark:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input-dark:hover:not(:focus){border-color:#ffffff4d}.form-input-dark::placeholder{color:#ffffff80}.form-description-dark{margin:.375rem 0 0;font-size:.75rem;color:#fff9;text-align:left;line-height:1.4}.datepicker-wrapper-dark{position:relative;width:100%;max-width:400px;z-index:10}.datepicker-input-dark{padding-right:3rem!important}.datepicker-icon-dark{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#fff9;pointer-events:none;z-index:10}.datepicker-wrapper-dark>.react-datepicker-wrapper{width:100%;position:relative}.datepicker-wrapper-dark>.react-datepicker-wrapper>.react-datepicker__input-container{width:100%;position:relative}.custom-datepicker-popper{z-index:1000!important}.custom-datepicker-popper[data-placement*=top]{transform:translateY(10px)!important}.custom-datepicker-popper .react-datepicker{position:relative!important}.custom-datepicker-calendar{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;height:280px!important;overflow:hidden!important}.react-datepicker__header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-primary)!important;border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.react-datepicker__current-month{color:var(--text-primary)!important;font-weight:600!important}.react-datepicker__navigation{border:none!important}.react-datepicker__navigation--previous{border-right-color:var(--text-secondary)!important}.react-datepicker__navigation--next{border-left-color:var(--text-secondary)!important}.react-datepicker__day-names{border-bottom:1px solid var(--border-primary)!important}.react-datepicker__day-name{color:var(--text-secondary)!important;font-weight:500!important}.react-datepicker__day{color:var(--text-primary)!important;background-color:transparent!important}.react-datepicker__day:hover{background-color:var(--bg-primary)!important;border-radius:.25rem!important}.react-datepicker__day--selected{background-color:var(--accent-primary)!important;color:#fff!important;border-radius:.25rem!important}.react-datepicker__day--selected:hover{background-color:var(--accent-hover)!important}.react-datepicker__day--outside-month{color:var(--text-muted)!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;opacity:.5!important}.react-datepicker__month-container{height:100%!important;display:flex!important;flex-direction:column!important}.react-datepicker__month{height:180px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.react-datepicker__week{display:flex!important;justify-content:space-around!important;flex:1!important}.download-button{width:auto;min-width:120px;margin-top:0;padding:1.25rem 1.5rem;font-size:1.1rem;font-family:inherit;font-weight:600;color:#181c20;background:#efefef;border:none;border-radius:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex-shrink:0}.download-button:hover{background:#f3f4f6;color:#1f2937;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.download-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.download-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d,0 4px 6px -1px #0000001a}.download-button:disabled{opacity:.6;background:transparent;color:#fff;border:1px solid white;cursor:not-allowed;transform:none;box-shadow:none}.download-button:disabled:hover{background:transparent;color:#fff;border:1px solid white;transform:none;box-shadow:none}@media (max-width: 640px){.app{padding:5rem 1rem 0}.input-download-container{padding:1.25rem;border-radius:1.5rem;gap:.75rem;margin-bottom:1rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.input-download-row{gap:.75rem}.input-container{max-width:100%;flex:1}.url-input{padding:1rem 4rem 1rem 1.25rem;font-size:1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.url-input:focus{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(-1px)}.url-input:hover:not(:focus){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.action-button{width:2.75rem;height:2.75rem;font-size:.8rem;right:.375rem}.validation-message{font-size:.8rem;margin-top:.5rem}.download-button{padding:1rem 1.25rem;font-size:1rem;margin-top:0;min-width:100px}.profile-options-header-dark{font-size:1rem}.form-label-dark{font-size:.85rem}.form-input-dark{padding:.625rem .875rem;font-size:.85rem}.form-description-dark{font-size:.7rem}.datepicker-input-dark{padding:.75rem 2.5rem .75rem .875rem!important;font-size:.9rem!important}.main-title{font-size:2rem}.main-subtitle{font-size:1rem;max-width:350px}}@media (max-width: 480px){.main-container{padding-top:6vh}.input-download-container{padding:1rem;border-radius:1.25rem;gap:.5rem;margin-bottom:.75rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.input-download-row{flex-direction:column;gap:.75rem}.input-container{width:100%}.url-input{padding:.875rem 3.5rem .875rem 1rem;font-size:.95rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.url-input:focus{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(-1px)}.url-input:hover:not(:focus){backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.action-button{width:2.5rem;height:2.5rem;font-size:.75rem;right:.25rem}.validation-message{font-size:.75rem;margin-top:.375rem}.download-button{padding:.875rem 1rem;font-size:.95rem;margin-top:0;width:100%;min-width:auto}.profile-options-header-dark{font-size:.95rem}.form-label-dark{font-size:.8rem}.form-input-dark{padding:.5rem .75rem;font-size:.8rem}.form-description-dark{font-size:.65rem}.datepicker-input-dark{padding:.625rem 2.25rem .625rem .75rem!important;font-size:.85rem!important}.main-title{font-size:1.75rem}.main-subtitle{font-size:.95rem;max-width:300px}}@media (prefers-reduced-motion: reduce){.url-input,.action-button,.download-button,.form-input-dark,.datepicker-input-dark{transition:none!important}.url-input:focus,.url-input:hover:not(:focus){transform:none}.action-button:hover,.action-button:active{transform:translateY(-50%)}.download-button:hover,.download-button:active{transform:none}}.websocket-component{font-family:Montserrat,sans-serif}.connection-status{position:fixed;top:20px;right:20px;padding:8px 16px;border-radius:12px;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;z-index:1000;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);box-shadow:0 4px 16px #0003}.connection-status.connected{background:#00ff851a;color:#00ff85;border:1px solid rgba(0,255,133,.2)}.connection-status.disconnected{background:#ff00001a;color:red;border:1px solid rgba(255,0,0,.2)}.connection-status.reconnecting{background:#00e5ff1a;color:#00e5ff;border:1px solid rgba(0,229,255,.2);animation:fade-in-out 1.5s infinite alternate}.job-status-card{background:#1a1a1a4d;-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;margin:1rem 0;font-family:Montserrat,sans-serif;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.job-status-card:hover{background:#1a1a1a59;-webkit-backdrop-filter:blur(14px) saturate(2) brightness(1.15);backdrop-filter:blur(14px) saturate(2) brightness(1.15);border:1px solid rgba(255,255,255,.08);transform:translateY(-1px);transition:all .3s ease-in-out}.status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-icon{font-size:1.5rem}.status-label{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:400;color:#fafafa}.last-update{margin-left:auto;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:400;color:#999}.status-label.queued{color:#00e5ff}.status-label.scraping{color:#00a3ff}.status-label.processing{color:#b026ff}.status-label.completed{color:#00ff85}.status-label.failed{color:red}.queue-position-card{background:#1a1a1a66;-webkit-backdrop-filter:blur(16px) saturate(2) brightness(1.2);backdrop-filter:blur(16px) saturate(2) brightness(1.2);border:1px solid rgba(0,229,255,.1);border-radius:16px;padding:1.5rem;text-align:center;font-family:Montserrat,sans-serif;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26,inset 0 -1px #ffffff0d}.position-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.position-number{font-family:Montserrat,sans-serif;font-size:2.25rem;font-weight:300;color:#00e5ff}.queue-length{font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:500;color:#999}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.stat-item{background:#1a1a1a33;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:1rem;text-align:center;font-family:Montserrat,sans-serif;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.stat-label{display:block;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:400;color:#999;margin-bottom:.5rem}.stat-value{display:block;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:400;color:#fafafa}@keyframes fade-in-out{0%{opacity:1}to{opacity:.7}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.smooth-transition{transition:all .3s ease-in-out}.error-display{background:#ff00001a;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:1rem;margin:1rem 0;font-family:Montserrat,sans-serif;color:red;box-shadow:0 4px 16px #0003}.retry-button,.reconnect-btn{background:#ff00001a;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);border:1px solid rgba(255,0,0,.2);color:red;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;margin-left:1rem;transition:all .3s ease-in-out}.retry-button:hover,.reconnect-btn:hover{background:#ff000026;border:1px solid rgba(255,0,0,.3);transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.retry-button:active,.reconnect-btn:active{background:#f003;transform:translateY(0);transition:all .15s ease-in-out}.job-id-display{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:400;color:#fafafa;margin-bottom:1rem;padding:.75rem;background:#1a1a1a33;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);border:1px solid rgba(255,255,255,.03);border-radius:8px}.wait-time{font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:400;color:#999;margin-top:.5rem}.progress-indicator{width:100%;height:4px;background:#1a1a1a4d;border-radius:2px;overflow:hidden;margin:1rem 0}.progress-bar{height:100%;background:linear-gradient(90deg,#b026ff,#00e5ff);border-radius:2px;transition:width .3s ease-in-out}.status-loading{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:400;color:#999;text-align:center;padding:2rem;background:#1a1a1a33;border-radius:8px;margin:1rem 0}.job-info-section{width:100%;max-width:600px;margin:0 auto}.queue-stats-section{width:100%;max-width:600px;margin:2rem auto;padding:1.5rem;background:#1a1a1a33;-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);border:1px solid rgba(255,255,255,.03);border-radius:12px;font-family:Montserrat,sans-serif}.queue-stats-section h3{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:500;color:#fafafa;margin:0 0 1rem;text-align:center}.status-details{margin-top:1rem;font-family:Montserrat,sans-serif}.status-details p{margin:.5rem 0;font-size:.875rem;color:#ccc}.status-details .error-message{color:red;font-weight:500}.nav-item{font-size:1rem}@media (max-width: 768px){.nav-item{font-size:.9rem}}@media (max-width: 480px){.nav-item{font-size:.875rem}}.usage-progress{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:3rem;margin:0 32px 4rem}@media (max-width: 1023px){.usage-progress{margin:0 0 4rem}}.usage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}.usage-title{display:flex;align-items:center;gap:12px}.usage-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.01em}.plan-badge{background:linear-gradient(135deg,#00e5ff,#00a3ff);color:#fff;padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:600;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));border:1px solid rgba(255,255,255,.2)}.plan-badge.free{background:linear-gradient(135deg,#ffffff26,#ffffff0d);color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.plan-badge.pro{background:linear-gradient(135deg,#00a3ff,#0080cc)}.plan-badge.pro_plus{background:linear-gradient(135deg,#b026ff,#8b5cf6)}.usage-numbers{display:flex;align-items:baseline;gap:.5rem}.usage-count{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:#fff}.usage-count.overage{color:#fff}.usage-separator{font-size:1rem;color:#666;margin:0}.usage-limit{font-size:1rem;color:#666;font-weight:400}.progress-bar-container{position:relative;width:100%;height:8px;background:#ffffff0a;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#666,#999);transition:width .3s ease}.progress-bar.green,.progress-bar.yellow,.progress-bar.red{background:linear-gradient(90deg,#666,#999)}.progress-shine{display:none}.overage-header{margin-top:24px}.overage-header .usage-title h4{margin:0;font-size:.95rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.overage-text{color:#ff6b6b;font-weight:700}.progress-bar.overage{background:linear-gradient(90deg,#f59e0b,#d97706)}.overage-bar{position:absolute;top:0;right:0;height:100%;background:repeating-linear-gradient(45deg,red,red 4px,#f44 4px,#f44 8px);animation:overageStripe 1s linear infinite;box-shadow:0 0 20px #f009,inset 0 1px #fff3}@keyframes overageStripe{0%{background-position:0 0}to{background-position:8px 8px}}.overage-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 1.5s infinite}.usage-footer{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.usage-details{flex:1}.overage-info,.remaining-info{display:flex;gap:.5rem}.overage-indicator,.remaining-count{font-weight:400;color:#666}.percentage-used{color:#666}.reset-info{color:#666;text-align:right}@media (max-width: 768px){.usage-progress{padding:2rem}.usage-header{flex-direction:column;gap:1rem;align-items:flex-start}.usage-footer{flex-direction:column;gap:.5rem}.reset-info{text-align:left}}@keyframes progressLoad{0%{width:0}}.progress-bar{animation:progressLoad 1s ease-out}.collection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.collection-modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;padding:2.5rem;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff0d,0 20px 60px #00000080}.collection-modal-header{margin-bottom:2rem}.collection-modal-header h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--text-primary)}.collection-modal-header p{font-size:.875rem;color:var(--text-tertiary);margin:0}.collection-search{width:100%;padding:.875rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-default);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s ease;margin-bottom:2rem}.collection-search::placeholder{color:var(--text-tertiary)}.collection-search:focus{border-bottom-color:var(--border-hover)}.create-collection-section{padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem}.create-collection-btn{width:100%;padding:.875rem 1.25rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:10px;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.create-collection-btn svg{font-size:1.125rem}.create-collection-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.collections-list{flex:1;overflow-y:auto;margin:0 -.5rem;padding:0 .5rem}.collections-list::-webkit-scrollbar{width:4px}.collections-list::-webkit-scrollbar-track{background:transparent}.collections-list::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:2px}.collections-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.collection-item{width:100%;padding:1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;margin-bottom:.25rem;transition:background .2s ease;text-align:left;display:flex;flex-direction:column;gap:.25rem}.collection-item:hover{background:var(--surface-muted)}.collection-item.selected{background:var(--surface-active)}.collection-name{font-size:.9375rem;font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}.collection-count{font-size:.8125rem;color:var(--text-tertiary)}.collection-modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem}.collection-modal-footer button{flex:1;padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--surface-muted);border:1px solid var(--border-default);color:var(--text-secondary)}.cancel-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.add-btn{background:var(--accent-white);border:none;color:var(--accent-black)}.add-btn:hover:not(:disabled){background:var(--accent-white-hover)}.add-btn:disabled{opacity:.4;cursor:not-allowed}.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:var(--text-tertiary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 0;color:var(--text-tertiary)}.create-form{display:flex;flex-direction:column;height:100%}.form-header{margin-bottom:2rem}.form-header h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--text-primary)}@media (max-width: 640px){.collection-modal-content{padding:2rem;max-height:90vh}.collection-modal-header h3,.form-header h3{font-size:1.25rem}.collection-modal-footer{flex-direction:column}.collection-modal-footer button{width:100%}}.multi-profile-single,.multi-profile-display{font-weight:500;color:var(--text-color, #fff)}.multi-profile-display{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.multi-profile-display:hover{background-color:#ffffff1a}.multi-profile-fallback{color:var(--text-secondary, #888);font-style:italic}.multi-profile-single.post-id{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9em;color:var(--text-secondary, #a0a0b0)}.multi-profile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}.multi-profile-tooltip{position:fixed;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:8px 0;min-width:150px;z-index:9999;box-shadow:0 4px 12px #0006}.username-item{padding:6px 12px;color:#fff;cursor:default;transition:background-color .2s}.username-item:hover{background-color:#ffffff1a}.job-history-page-with-sidebar{padding-top:5%}.job-history-container{max-width:1400px;margin:0 auto;padding:0 2rem;min-height:100vh}.hero{display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 0 3rem;border-bottom:1px solid var(--border-subtle)}.hero-subtitle{font-size:1.0625rem;color:var(--text-tertiary);margin:0;line-height:1.5}.job-history-filters{margin-bottom:2rem}.filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.625rem 1.25rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;outline:none}.filter-select:hover{background:var(--surface-hover);border-color:var(--border-hover)}.filter-select:focus{background:var(--surface-active);border-color:var(--border-active);color:var(--text-primary)}.filter-select option{background:var(--bg-app);color:var(--text-primary)}.search-input{flex:1;min-width:240px;padding:.625rem 1rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{background:var(--surface-hover);border-color:var(--border-hover)}.job-history-loading,.job-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top:3px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.job-history-loading p{color:var(--text-tertiary);margin:0}.error-icon{font-size:48px;margin-bottom:16px;opacity:.5}.job-history-error h3{color:var(--text-primary);margin:0 0 8px;font-weight:600}.job-history-error p{color:var(--text-tertiary);margin:0 0 20px}.retry-button,.create-job-button{background:var(--accent-white);color:var(--accent-black);border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.retry-button:hover,.create-job-button:hover{background:var(--accent-white-hover)}.no-jobs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-jobs-icon{font-size:64px;margin-bottom:20px;opacity:.4}.no-jobs h3{color:var(--text-primary);margin:0 0 12px;font-size:1.5rem;font-weight:600}.no-jobs p{color:var(--text-tertiary);margin:0 0 24px;max-width:400px;line-height:1.5}.job-history-content{background:transparent;border:none;border-radius:0;overflow:visible;padding:0}.job-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px 60px;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:.5rem}.header-cell{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.job-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px 60px;gap:2rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.job-row:hover{background:var(--surface-subtle);margin:0 -1rem;padding:1.5rem 1rem}.job-cell{display:flex;align-items:center;font-size:.9375rem;color:var(--text-secondary)}.job-details{min-width:0;display:flex;flex-direction:column;gap:.5rem}.job-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.job-username{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.job-badges{display:flex;gap:.5rem;align-items:center}.job-meta-mobile{display:none}.badge-platform{padding:.25rem .625rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:6px;font-size:.75rem;font-weight:500;text-transform:lowercase;color:var(--text-tertiary)}.badge-type{padding:.25rem .625rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.badge-status{padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-completed{background:#4caf501a;border:1px solid rgba(76,175,80,.15);color:#5fb563}.status-processing,.status-scraping{background:#f59e0b1a;border:1px solid rgba(245,158,11,.15);color:#f59e0b}.status-failed{background:#ef44441a;border:1px solid rgba(239,68,68,.15);color:#ef4444}.status-queued{background:#64748b1a;border:1px solid rgba(100,116,139,.15);color:#94a3b8}.job-actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.action-btn{padding:.5rem 1rem;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:hover{background:var(--surface-active);border-color:var(--border-hover);color:var(--text-primary)}.action-view{padding:.5rem 1rem}.action-bookmark{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.action-bookmark.active{background:var(--surface-active);border-color:var(--border-active)}.action-eye{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--text-tertiary);background:transparent;border:1px solid transparent}.action-eye:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-hover)}.job-date-group{margin-bottom:0}.date-divider{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:2rem 0 1rem;margin-left:0}.date-divider.first{padding-top:1rem}.job-history-pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-top:2rem;border-top:1px solid var(--border-subtle)}.pagination-button{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.page-number{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.page-number.active{background:var(--surface-active);border-color:var(--border-active);color:var(--text-primary)}.skeleton-job{pointer-events:none}.skeleton-row,.skeleton-card{opacity:.6}.skeleton-line,.skeleton-badge,.skeleton-button,.skeleton-expand{background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-hover) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-url{height:16px;width:180px;margin-bottom:8px}.skeleton-badges{display:flex;gap:6px}.skeleton-badge{height:22px;width:60px}.skeleton-status{height:22px;width:80px}.skeleton-date,.skeleton-duration,.skeleton-count{height:16px;width:80px}.skeleton-button{height:36px;width:36px;border-radius:8px}.skeleton-expand{height:20px;width:20px;border-radius:4px}.skeleton-mobile-url{height:18px;width:200px;margin-bottom:8px}@media (max-width: 1023px){.job-history-container{padding:0 1.5rem}.hero{padding:3rem 0 2rem}.hero h1{font-size:2.5rem}.job-table-header{display:none}.job-row{display:flex;flex-wrap:wrap;align-items:flex-start;padding:12px 0;gap:12px;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;margin-bottom:0}.job-row:hover{margin:0;padding:12px 0;background:transparent}.job-meta-mobile{display:flex;flex-direction:column;gap:6px}.meta-row{display:flex;gap:12px;align-items:center}.meta-group{display:flex;gap:4px;align-items:center}.meta-label{font-size:.6875rem;color:var(--text-muted);font-weight:500}.meta-value{font-size:.8125rem;color:var(--text-secondary)}.job-details{gap:8px;flex:1;min-width:0;align-items:flex-start;order:1}.job-status{display:inline-flex;order:2;width:auto;margin-left:-6px}.job-created,.job-duration,.job-results,.job-view{display:none}.job-username{font-size:.9375rem;font-weight:600}.job-badges{display:flex;gap:6px;align-items:center}.badge-platform,.badge-type,.badge-status{padding:2px 8px;font-size:.6875rem}.job-actions{display:flex;gap:8px;justify-content:flex-end;align-items:flex-start;flex-shrink:0;order:3;margin-left:auto}.action-bookmark,.action-eye{width:36px;height:36px;padding:0;flex-shrink:0}}@media (max-width: 480px){.job-history-container{padding:0 1rem}.hero{padding:2rem 0 1.5rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:.9375rem}.job-username{font-size:1rem}.job-meta-mobile{gap:1rem}.date-divider{font-size:.75rem}}.collection-item{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;padding:1.75rem;cursor:pointer;transition:all .3s ease;position:relative}.collection-item:hover{background:var(--surface-muted);border-color:var(--border-muted);transform:translateY(-2px)}.collection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.collection-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.collection-type{font-size:.75rem;font-weight:400;color:var(--text-tertiary);text-transform:lowercase;margin-bottom:1.5rem}.collection-actions{opacity:0;transition:opacity .2s;background:var(--surface-muted);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.collection-item:hover .collection-actions{opacity:1}.collection-actions:hover:not(:disabled){background:var(--surface-active);border-color:var(--border-hover);color:var(--text-primary)}.collection-actions:disabled{opacity:.3;cursor:not-allowed}.collection-stats{display:flex;gap:3rem;margin-top:1rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.8125rem;font-weight:400;color:var(--text-tertiary);text-transform:lowercase}.system-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .625rem;background:var(--surface-hover);border:1px solid var(--border-muted);border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}@media (max-width: 768px){.collection-actions{opacity:1}.collection-item{padding:1.5rem}.collection-name{font-size:1.125rem}.stat-value{font-size:1.5rem}.collection-stats{gap:2rem}}@media (max-width: 480px){.collection-item{padding:1.25rem}.collection-name{font-size:1rem}.stat-value{font-size:1.25rem}.collection-stats{gap:1.5rem}.system-badge{top:.75rem;right:.75rem;font-size:.625rem;padding:.2rem .5rem}}.collections-page{min-height:100vh;background:var(--bg-app);color:var(--text-primary);padding-top:10%}.page-container{max-width:1400px;margin:0 auto;padding:0 2rem 0 0}.hero{display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 0 3rem;border-bottom:none}.hero-content{flex:1}.hero h1{font-size:3.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);letter-spacing:-.02em}.hero-subtitle{font-size:1.0625rem;color:var(--text-tertiary);margin:0;max-width:600px;line-height:1.5}.new-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-white);border:none;border-radius:10px;color:var(--accent-black);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.new-btn:hover:not(:disabled){background:var(--accent-white-hover)}.new-btn:disabled{opacity:.6;cursor:not-allowed}.new-btn span:first-child{font-size:1.25rem;line-height:1}.section{margin-bottom:4rem}.section-header{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:1.5rem}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:6rem 2rem;max-width:500px;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.4}.empty-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.empty-state p{font-size:1rem;color:var(--text-tertiary);margin-bottom:2rem;line-height:1.5}.error-state{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.error-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.error-state p{font-size:1rem;color:var(--text-tertiary);margin-bottom:2rem;line-height:1.5}.retry-button{background:var(--accent-white);color:var(--accent-black);border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-muted);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.close-button{background:none;border:none;font-size:2rem;color:var(--text-tertiary);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1}.close-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.close-button:disabled{opacity:.3;cursor:not-allowed}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9375rem;color:var(--text-primary)}.form-group input{width:100%;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--border-active);background:var(--surface-hover)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.character-count{font-size:.8125rem;color:var(--text-tertiary);margin-top:.5rem;text-align:right}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-subtle);justify-content:flex-end}.cancel-button{background:var(--surface-muted);border:1px solid var(--border-muted);color:var(--text-primary);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--surface-active);border-color:var(--border-active)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.create-button{background:var(--accent-white);color:var(--accent-black);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;min-width:140px}.create-button:hover:not(:disabled){background:var(--accent-white-hover)}.create-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.page-container{padding:0 1.5rem}.hero{flex-direction:column;gap:1.5rem;padding:3rem 0 2rem}.hero h1{font-size:2.5rem}.new-btn{width:100%;justify-content:center}.section{margin-bottom:3rem}.collections-grid{grid-template-columns:1fr;gap:1rem}.modal-header,.modal-body,.modal-footer{padding:1.25rem}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}@media (max-width: 480px){.page-container{padding:0 1rem}.hero{padding:2rem 0 1.5rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:.9375rem}.new-btn{padding:.625rem 1.25rem;font-size:.875rem}.section{margin-bottom:2.5rem}.section-header{font-size:.75rem;margin-bottom:1rem}.empty-state{padding:4rem 1rem}.empty-icon{font-size:3rem}.modal-header h2{font-size:1.125rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.media-item{position:relative;cursor:pointer;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease-in-out;width:100%;display:block}.media-item:hover{transform:scale(1.03)}.media-container{position:relative;width:100%;padding-bottom:100%;background-color:#eee}.media-container img,.media-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.retry-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.retry-placeholder{text-align:center;padding:20px}.retry-icon{width:48px;height:48px;color:#666;margin-bottom:12px}.retry-wrapper:hover .retry-icon{color:#007bff;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-text{font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.retry-source{font-size:12px;color:#666;font-style:italic}.media-item:hover .retry-wrapper{background:linear-gradient(135deg,#f0f0f0,#d8d8d8)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#00000080;border:none;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;padding:0 0 0 5px}.play-button svg{width:30px;height:30px}.play-button:hover{background-color:#000000b3}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000b3,#0000 50%);opacity:0;transition:opacity .2s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;color:#fff}.media-item:hover .media-overlay{opacity:1}.media-metadata{text-shadow:1px 1px 3px rgba(0,0,0,.7)}.username{font-weight:600;margin-bottom:.5rem}.stats{display:flex;gap:1rem;font-size:.9rem;align-items:center}.carousel-indicator{display:flex;align-items:center;background:#0006;padding:3px 8px;border-radius:6px;font-size:.8rem;font-weight:500;line-height:1}.media-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%}.skeleton-animation{width:100%;height:100%;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.1) 50%,transparent 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#2a2a2a;color:#888}.error-icon{font-size:2rem;margin-bottom:.5rem}.error-text{font-size:.9rem;text-align:center}.likes,.comments{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;flex-shrink:0}.heart-icon,.comment-icon{font-size:.8rem}.favorite-button{position:absolute;top:1rem;right:1rem;background:#0009;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:scale(.8)}.media-item:hover .favorite-button{opacity:1;transform:scale(1)}.favorite-button:hover{background:#000c;color:#fff;transform:scale(1.1)}.favorite-button.favorited{opacity:1;color:#ff4757;background:#ffffffe6}.favorite-button.favorited:hover{background:#fff;color:#ff3742}.favorite-button.loading{pointer-events:none;opacity:.7}.favorite-button .heart-icon{width:20px;height:20px;transition:transform .2s ease-in-out}.favorite-button:active .heart-icon{transform:scale(.9)}.favorite-button .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;position:absolute}.archive-button{position:absolute;top:1rem;left:1rem;background:#0009;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:scale(.8)}.media-item:hover .archive-button{opacity:1;transform:scale(1)}.archive-button:hover{background:#000c;color:#fff;transform:scale(1.1)}.archive-button.archived{opacity:1;color:#4285f4;background:#ffffffe6}.archive-button.archived:hover{background:#fff;color:#3367d6}.archive-button.loading{pointer-events:none;opacity:.7}.archive-button .archive-icon{width:20px;height:20px;transition:transform .2s ease-in-out}.archive-button:active .archive-icon{transform:scale(.9)}.archive-button .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;position:absolute}.tag-button{position:absolute;bottom:1rem;right:1rem;background:#0009;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:scale(.8)}.media-item:hover .tag-button{opacity:1;transform:scale(1)}.tag-button:hover{background:#000c;color:#fff;transform:scale(1.1)}.tag-button.loading{pointer-events:none;opacity:.7}.tag-button .tag-icon{width:20px;height:20px;transition:transform .2s ease-in-out}.tag-button:active .tag-icon{transform:scale(.9)}.tag-button .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;position:absolute}.media-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:.5rem}.media-tag{background:#ffffffe6;color:#1a1a1a;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,1);text-shadow:none;box-shadow:0 2px 4px #0003}.media-tag-more{background:#ffffffbf;color:#333;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);text-shadow:none;box-shadow:0 2px 4px #0003}@media (max-width: 640px){.media-item{border-radius:0}.media-overlay{padding:.75rem}.username,.likes,.comments{font-size:.8rem}.favorite-button{width:36px;height:36px;top:.75rem;right:.75rem}.favorite-button .heart-icon{width:18px;height:18px}.favorite-button .loading-spinner{width:14px;height:14px}.archive-button{width:36px;height:36px;top:.75rem;left:.75rem}.archive-button .archive-icon{width:18px;height:18px}.archive-button .loading-spinner{width:14px;height:14px}}.selection-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#007bffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .3s ease;z-index:15;border-radius:inherit}@supports not (backdrop-filter: blur(4px)){.selection-overlay{background:#007bffe6}}.selection-target{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:10;border-radius:inherit}.selection-number{color:#fff;font-weight:700;font-size:24px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.media-item.selectable .favorite-button,.media-item.selectable .archive-button,.media-item.selectable .tag-button{display:none}.media-item.selected{border:3px solid #007bff;box-shadow:0 0 0 1px #007bff4d;transform:translateY(-2px)}.media-item.selected:hover{transform:translateY(-2px) scale(1.03)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOverlay{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}@media (max-width: 480px){.media-overlay{padding:.5rem}.username,.likes,.comments{font-size:.75rem}.selection-number{font-size:20px}}.uploading-indicator{position:absolute;bottom:8px;right:8px;padding:4px;background:#0009;border-radius:4px;z-index:10}.uploading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.image-error-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#666}.image-error-placeholder .error-icon{width:48px;height:48px;margin-bottom:8px;opacity:.5}.image-error-placeholder span{font-size:12px;font-weight:500}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;animation:fadeIn .3s ease}.upload-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ffffffe6;border-radius:50%;animation:uploadSpin 1s linear infinite;margin-bottom:12px}.upload-text{color:#ffffffe6;font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}@keyframes uploadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.upload-spinner{width:40px;height:40px;border-width:3px}.upload-text{font-size:12px}}.media-grid-container{width:100%}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.media-grid-masonry{width:100%;position:relative;margin:0 auto}.masonry-item{position:absolute}.media-grid-masonry .media-item{margin-bottom:0;width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h2{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--text-tertiary);font-size:1rem}.loading-more{display:flex;justify-content:center;padding:2rem}.load-more-trigger{display:flex;justify-content:center;padding:1rem;opacity:0}.load-more-indicator{color:var(--text-secondary);font-size:.9rem;font-weight:500}.end-message{text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.9rem;border-top:1px solid var(--border-subtle);margin-top:2rem}@media (max-width: 1024px){.media-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 640px){.media-grid{gap:1rem}}@media (max-width: 480px){.media-grid{gap:.75rem}}.media-grid-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.media-grid-overlay-content{display:flex;align-items:center;justify-content:center;padding:.5rem}@media (max-width: 768px){.media-grid-overlay-content{padding:.5rem}}@media (prefers-color-scheme: dark){.media-grid-overlay{background:#000000b3}}.infinite-scroll-trigger{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:100px}.end-of-results{text-align:center;padding:3rem 2rem;color:var(--text-tertiary);font-size:.95rem;border-top:1px solid var(--border-subtle);margin-top:2rem}.end-of-results p{margin:0;opacity:.7}.floating-action-button{position:fixed;bottom:32px;right:32px;width:64px;height:64px;padding:12px;margin:-12px;box-sizing:content-box;border-radius:50%;background:#fff;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;will-change:transform,opacity}.floating-action-button:hover{box-shadow:0 6px 16px #0003}.floating-action-button:focus{outline:2px solid #007aff;outline-offset:4px}.floating-action-button.open{transform:rotate(45deg)}.floating-action-button.scrolling{width:8px;height:8px;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.floating-action-button.scrolling .plus-icon{opacity:0;transform:scale(.5);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.plus-icon{opacity:1;transform:scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,transform .3s cubic-bezier(.4,0,.2,1) .1s}.floating-action-button.hidden{opacity:0;transform:scale(.85);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-action-button:disabled{cursor:not-allowed;opacity:.6}.action-menu{position:fixed;bottom:108px;right:32px;display:flex;flex-direction:column;gap:12px;z-index:1001;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:transform,opacity}.action-menu.open{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:50ms}.action-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border:none;border-radius:28px;box-shadow:0 2px 8px #0000001a;cursor:pointer;white-space:nowrap;font-size:.9375rem;font-weight:500;color:#1a1a1a;transition:all .2s ease;will-change:transform}.action-menu-item:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000026;transform:translate(-4px)}.action-menu-item:focus{outline:2px solid #007aff;outline-offset:2px;background:#f5f5f5}@keyframes menu-item-click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.action-menu-item.clicking{animation:menu-item-click .1s ease-out}.action-menu-item svg{flex-shrink:0}.action-menu-item span{font-weight:500}@media (max-width: 768px){.floating-action-button{bottom:24px;right:24px;width:56px;height:56px}.floating-action-button.scrolling{width:6px;height:6px}.action-menu{bottom:92px;right:24px}.action-menu-item{font-size:.875rem;padding:10px 16px}}@media (max-width: 480px){.floating-action-button{bottom:20px;right:20px;width:52px;height:52px}.floating-action-button.scrolling{width:6px;height:6px}.action-menu{bottom:84px;right:20px}.action-menu-item{font-size:.8125rem;padding:10px 14px;gap:10px}.action-menu-item svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.floating-action-button,.action-menu,.action-menu-item{transition:none;animation:none}.action-menu.open{transition-delay:0ms}}@media (prefers-contrast: high){.floating-action-button{border:2px solid currentColor}.action-menu-item{border:1px solid currentColor}}.job-status-banner{background:#000000f2;border:none;border-radius:12px;padding:16px 20px;margin-bottom:24px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.job-status-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.job-status-loader{flex-shrink:0;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.job-status-loader canvas{width:240px;height:240px}.job-status-text{text-align:center;width:100%}.status-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:18px;font-weight:600;color:#fffffff2;margin:0 0 6px;line-height:1.3}.status-description{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;font-weight:400;color:#ffffffb3;margin:0;line-height:1.5}.job-status-close{position:absolute;top:12px;right:12px;background:#ffffff14;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff9;cursor:pointer;transition:all .2s ease;line-height:1}.job-status-close:hover{background:#ffffff1f;color:#ffffffe6}.job-status-close:active{transform:scale(.95)}@media (max-width: 768px){.job-status-banner{padding:14px 16px;margin-bottom:20px}.job-status-content{gap:10px}.job-status-loader{width:170px;height:100px}.job-status-loader canvas{width:170px;height:100px}.status-label{font-size:16px}.status-description{font-size:12px}.job-status-close{width:28px;height:28px;font-size:20px}}@media (max-width: 480px){.job-status-banner{padding:12px 14px}.job-status-content{gap:8px}.job-status-loader{width:140px;height:80px}.job-status-loader canvas{width:140px;height:80px}.status-label{font-size:15px}.status-description{font-size:11px}.job-status-close{top:10px;right:10px;width:26px;height:26px;font-size:18px}}@media (prefers-reduced-motion: reduce){.job-status-banner{animation:none}.job-status-close{transition:none}}.sort-controls-elegant{position:relative;display:inline-flex;align-items:center;gap:.5rem}.sort-field-selector{position:relative;display:inline-block}.sort-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;white-space:nowrap}.sort-toggle:hover{color:var(--text-primary, #111827)}.sort-current{letter-spacing:-.01em}.sort-chevron{width:14px;height:14px;transition:transform .2s ease;opacity:.6}.sort-chevron.open{transform:rotate(180deg)}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--surface-elevated, #ffffff);border:1px solid var(--border-subtle, rgba(0, 0, 0, .08));border-radius:10px;box-shadow:0 0 0 1px #00000005,0 4px 12px #00000014,0 16px 32px #0000000a;z-index:1000;padding:6px;animation:sortMenuSlide .15s cubic-bezier(.16,1,.3,1)}@keyframes sortMenuSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sort-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;text-align:left;font-size:.875rem;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .12s ease;font-weight:450;letter-spacing:-.01em}.sort-option:hover{background:var(--surface-hover, rgba(0, 0, 0, .04));color:var(--text-primary, #111827)}.sort-option.active{background:var(--surface-active, rgba(0, 0, 0, .06));color:var(--text-primary, #111827);font-weight:500}.sort-direction-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.sort-direction-toggle:hover{background:var(--surface-hover, rgba(0, 0, 0, .04));color:var(--text-primary, #111827)}.sort-direction-toggle:active{transform:scale(.95)}@media (prefers-color-scheme: dark){.sort-toggle{color:#fff9}.sort-toggle:hover{color:#ffffffe6}.sort-menu{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 0 0 1px #ffffff0d,0 4px 12px #0006,0 16px 32px #0000004d}.sort-option{color:#fff9}.sort-option:hover{background:#ffffff0f;color:#ffffffe6}.sort-option.active{background:#ffffff1a;color:#fffffff2}.sort-direction-toggle{color:#fff9}.sort-direction-toggle:hover{background:#ffffff0f;color:#ffffffe6}}@media (max-width: 768px){.sort-toggle{font-size:.8125rem}.sort-menu{min-width:130px}.sort-option{font-size:.8125rem;padding:7px 10px}}@media (max-width: 480px){.sort-toggle{font-size:.75rem}.sort-chevron{width:12px;height:12px}.sort-menu{min-width:120px;padding:4px}.sort-option{font-size:.75rem;padding:6px 8px}}.mobile-bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-bottom-sheet-overlay.open{opacity:1;visibility:visible}.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:90vh;min-height:50vh;background:#1a1a1a;border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-sheet-overlay.open .mobile-bottom-sheet{transform:translateY(0)}.mobile-bottom-sheet-drag-area{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab;touch-action:none}.mobile-bottom-sheet-handle{width:36px;height:4px;background:#ffffff4d;border-radius:2px}.mobile-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 16px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.mobile-bottom-sheet-title{font-size:18px;font-weight:600;color:#fff;margin:0}.mobile-bottom-sheet-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;transition:all .2s ease}.mobile-bottom-sheet-close:hover{background:#ffffff26;color:#fff}.mobile-bottom-sheet-close:active{transform:scale(.95)}.mobile-bottom-sheet-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-bottom-sheet-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#1a1a1a;flex-shrink:0}.bottom-sheet-search{padding:16px 20px;position:sticky;top:0;background:#1a1a1a;z-index:1}.bottom-sheet-search-input{width:100%;padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:16px;outline:none;transition:all .2s ease}.bottom-sheet-search-input::placeholder{color:#fff6}.bottom-sheet-search-input:focus{background:#ffffff1a;border-color:#ffffff4d}.bottom-sheet-options{padding:8px 12px}.bottom-sheet-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left;color:#ffffffe6}.bottom-sheet-option:hover{background:#ffffff0f}.bottom-sheet-option:active{background:#ffffff1a;transform:scale(.98)}.bottom-sheet-option.selected{background:#ffffff14}.bottom-sheet-checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:transparent}.bottom-sheet-checkbox.checked{background:#fff;border-color:#fff}.bottom-sheet-checkbox .checkmark{color:#000;font-size:14px;font-weight:700;line-height:1}.bottom-sheet-option-icon{display:flex;align-items:center;flex-shrink:0;color:#fff9}.bottom-sheet-option-content{flex:1;min-width:0}.bottom-sheet-option-name{font-size:16px;font-weight:500;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-sheet-option-meta{font-size:14px;color:#ffffff80;margin-top:2px}.bottom-sheet-option-count{font-size:14px;color:#ffffff80;font-weight:500;flex-shrink:0}.bottom-sheet-empty,.bottom-sheet-loading{padding:40px 20px;text-align:center;color:#ffffff80;font-size:15px}.bottom-sheet-actions{display:flex;gap:12px}.bottom-sheet-action-btn{flex:1;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.bottom-sheet-action-btn:active{transform:scale(.98)}.bottom-sheet-action-btn.clear{background:#ffffff1a;color:#fffc}.bottom-sheet-action-btn.clear:hover{background:#ffffff26}.bottom-sheet-action-btn.clear:disabled{opacity:.4;cursor:not-allowed}.bottom-sheet-action-btn.apply{background:#fff;color:#000}.bottom-sheet-action-btn.apply:hover{background:#ffffffe6}.bottom-sheet-select-all{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.bottom-sheet-select-all .bottom-sheet-option-name{font-weight:600;color:#fffc}.bottom-sheet-divider{height:1px;background:#ffffff1a;margin:8px 16px}.bottom-sheet-selection-count{font-size:14px;font-weight:500;color:#fff9;margin-left:8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 769px){.mobile-only-bottom-sheet{display:none}}.collection-multi-select{position:relative;display:inline-block}.collection-dropdown-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.collection-dropdown-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.collection-dropdown-btn.has-selection{background:#fff3;border-color:#fff6;font-weight:600}.collection-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.collection-dropdown-btn .dropdown-label{letter-spacing:-.01em}.collection-dropdown-btn .selection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:10px;font-size:.75rem;font-weight:600;color:#fffffff2}.collection-dropdown-btn .chevron{transition:transform .2s ease;opacity:.7}.collection-dropdown-btn .chevron.open{transform:rotate(180deg)}.collection-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;max-width:340px;max-height:480px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 0 0 1px #ffffff0d,0 4px 12px #0006,0 16px 32px #0000004d;z-index:1000;overflow:visible;display:flex;flex-direction:column;animation:dropdownSlide .15s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.collection-dropdown-search{padding:8px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.collection-search-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;font-size:.875rem;outline:none;transition:all .2s ease}.collection-search-input::placeholder{color:#fff6}.collection-search-input:focus{background:#ffffff14;border-color:#ffffff4d}.collection-options{max-height:320px;overflow-y:auto;overflow-x:hidden;padding:8px;flex:1;min-height:0}.collection-options::-webkit-scrollbar{width:6px}.collection-options::-webkit-scrollbar-track{background:transparent}.collection-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.collection-options::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.collection-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .12s ease;text-align:left;color:#ffffffe6}.collection-option:hover{background:#ffffff0f}.collection-option:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:-2px}.collection-checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:transparent}.collection-checkbox.checked{background:#ffffffe6;border-color:#ffffffe6}.collection-checkbox .checkmark{color:#000;font-size:11px;font-weight:700;line-height:1}.collection-icon{display:flex;align-items:center;flex-shrink:0;color:#ffffffb3}.collection-name{flex:1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{font-size:.75rem;color:#ffffff80;font-weight:500;flex-shrink:0}.collection-dropdown-actions{display:flex;gap:.5rem;padding:8px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#1a1a1a}.collection-action-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.collection-action-btn:disabled{opacity:.4;cursor:not-allowed}.collection-action-btn.clear{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.collection-action-btn.clear:hover:not(:disabled){background:#ffffff0f;color:#ffffffe6}.collection-action-btn.apply{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fffffff2;font-weight:600}.collection-action-btn.apply:hover{background:#fff3;border-color:#ffffff4d}.collection-option-loading,.collection-option-empty{padding:12px;text-align:center;color:#ffffff80;font-size:.875rem;font-style:italic}.collection-option-divider{height:1px;background:#ffffff1a;margin:4px 0}.collection-option-action{font-weight:600;color:#fffc}.collection-option-sticky{position:sticky;top:0;background:#1a1a1a;z-index:1;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.collection-dropdown-menu{min-width:240px;max-width:300px}.collection-dropdown-btn{font-size:.8125rem;padding:.45rem .875rem}.collection-option{padding:9px 10px}.collection-name{font-size:.8125rem}}@media (max-width: 480px){.collection-dropdown-menu{min-width:220px;max-width:calc(100vw - 2rem)}.collection-dropdown-btn{font-size:.75rem;padding:.4rem .75rem}.collection-option{padding:8px;gap:.5rem}.collection-name{font-size:.75rem}.collection-count{font-size:.688rem}}.search-bar-container{position:relative;width:100%;max-width:none;margin:0 0 1.5rem}.search-bar-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none;transition:color .2s ease}.search-bar-container:focus-within .search-bar-icon{color:#fff9}.search-bar-input{width:100%;padding:.875rem 3rem .875rem 2.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.search-bar-input::placeholder{color:#fff6}.search-bar-input:focus{outline:none;background:#ffffff14;border-color:#fff3}.search-bar-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease;flex-shrink:0}.search-bar-clear:hover{background:#ffffff26}.search-bar-clear:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.search-bar-icon{left:.875rem}.search-bar-input{padding:.75rem 2.75rem .75rem 2.5rem;font-size:.9rem}.search-bar-clear{right:.5rem;width:1.5rem;height:1.5rem;font-size:1.1rem}}@media (max-width: 480px){.search-bar-icon{left:.75rem}.search-bar-input{padding:.625rem 2.5rem .625rem 2.25rem;font-size:.875rem;border-radius:20px}.search-bar-clear{right:.375rem;width:1.25rem;height:1.25rem;font-size:1rem}}.konva-meme-editor{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.konva-meme-editor>div{max-width:100%;max-height:100%}.konva-meme-editor canvas{display:block;max-width:100%;max-height:100%;border:2px solid rgba(33,150,243,.8)!important;border-radius:4px!important;box-shadow:0 0 8px #2196f380!important;box-sizing:border-box!important}.konva-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.875rem;font-weight:500;border-radius:20px;pointer-events:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.konva-hint{font-size:.75rem;padding:.6rem 1.25rem;bottom:1rem}}.background-selector-panel{position:fixed;top:0;left:0;width:320px;height:100vh;height:100dvh;background-color:#1a1a1a;display:flex;flex-direction:column;z-index:1001;border-right:1px solid rgba(255,255,255,.1)}.bg-selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.bg-selector-title{font-size:14px;font-weight:600;color:#fff;margin:0}.bg-selector-collapse{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.bg-selector-collapse:hover{color:#fff;background:#ffffff1a}.bg-selector-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.bg-selector-dropdown{position:relative;flex:1}.bg-selector-dropdown-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s}.bg-selector-dropdown-btn:hover{background:#ffffff1f;border-color:#ffffff40}.bg-selector-dropdown-btn.has-selection{color:#fff;background:#ef444426;border-color:#ef444466}.bg-selector-dropdown-btn .chevron{margin-left:auto;transition:transform .2s}.bg-selector-dropdown-btn .chevron.open{transform:rotate(180deg)}.selection-count{background:#ef4444;color:#fff;font-size:11px;padding:1px 6px;border-radius:10px;font-weight:600}.bg-selector-dropdown-btn.sort-btn{width:auto;min-width:70px}.bg-selector-sort-group{display:flex;gap:4px}.bg-selector-sort-direction{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#aaa;cursor:pointer;transition:all .2s}.bg-selector-sort-direction:hover{background:#ffffff1f;color:#fff}.bg-selector-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-width:200px;background:#252525;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden}.bg-selector-dropdown-menu.sort-menu{min-width:100px}.dropdown-search{padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-search input{width:100%;padding:8px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:13px}.dropdown-search input:focus{outline:none;border-color:#ef4444}.dropdown-search input::placeholder{color:#666}.dropdown-options{max-height:200px;overflow-y:auto}.dropdown-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:#ccc;font-size:13px;cursor:pointer;text-align:left;transition:background .15s}.dropdown-option:hover{background:#ffffff14}.dropdown-option.selected{background:#ef44441a;color:#fff}.option-checkbox{width:16px;height:16px;border:1px solid rgba(255,255,255,.3);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.option-checkbox.checked{background:#ef4444;border-color:#ef4444;color:#fff}.dropdown-loading,.dropdown-empty{padding:20px;text-align:center;color:#666;font-size:13px}.dropdown-actions{display:flex;gap:8px;padding:8px;border-top:1px solid rgba(255,255,255,.1)}.dropdown-action{flex:1;padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.dropdown-action.clear{background:#ffffff1a;color:#aaa}.dropdown-action.clear:hover{background:#ffffff26;color:#fff}.dropdown-action.apply{background:#ef4444;color:#fff}.dropdown-action.apply:hover{background:#dc2626}.bg-selector-selected{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.selected-label{font-size:10px;font-weight:600;color:#666;letter-spacing:.5px;margin-bottom:8px}.selected-pills{display:flex;flex-wrap:wrap;gap:6px}.selected-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ef4444;border-radius:4px;font-size:12px;color:#fff}.pill-remove{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .15s}.pill-remove:hover{color:#fff}.bg-selector-grid-container{flex:1;overflow-y:auto;padding:12px}.bg-selector-loading,.bg-selector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#666;font-size:14px;text-align:center;gap:8px}.empty-hint{font-size:12px;color:#555}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.bg-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.bg-selector-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s}.bg-selector-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.bg-selector-item:hover img{transform:scale(1.05)}.bg-selector-item:hover{box-shadow:0 0 0 2px #ffffff4d}.bg-selector-item.selected{box-shadow:0 0 0 2px #3b82f6}.bg-selector-item.current{box-shadow:0 0 0 2px #22c55e}.current-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f666;display:flex;align-items:center;justify-content:center}.apply-btn{padding:8px 20px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.apply-btn:hover{background:#2563eb;transform:scale(1.05)}.bg-selector-loading-more{display:flex;justify-content:center;padding:16px}@media (max-width: 768px){.background-selector-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:70vh;max-height:calc(100dvh - 80px);border-right:none;border-top:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0}.bg-selector-header{padding:12px 16px}.bg-selector-collapse{transform:rotate(-90deg)}.bg-selector-filters{flex-wrap:wrap}.bg-selector-grid{grid-template-columns:repeat(2,1fr)}}.tweet-editor-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;position:relative}.tweet-editor-preview{padding:80px 100px;border:2px solid rgba(255,255,255,.1);background:#000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transform-origin:center center;flex-shrink:0}.tweet-editor-preview.aspect-landscape{width:1600px;min-height:900px}.tweet-editor-preview.aspect-portrait{width:1080px;min-height:1350px}.tweet-editor-preview.aspect-square{width:1200px;min-height:1200px}@media (max-width: 1700px){.tweet-editor-preview.aspect-landscape{transform:scale(.9);margin:-45px -80px}}@media (max-width: 1500px){.tweet-editor-preview.aspect-landscape{transform:scale(.8);margin:-90px -160px}}@media (max-width: 1350px){.tweet-editor-preview.aspect-landscape{transform:scale(.7);margin:-135px -240px}}@media (max-width: 1200px){.tweet-editor-preview.aspect-landscape{transform:scale(.6);margin:-180px -320px}}@media (max-width: 1000px){.tweet-editor-preview.aspect-landscape{transform:scale(.5);margin:-225px -400px}}@media (max-width: 840px){.tweet-editor-preview.aspect-landscape{transform:scale(.45);margin:calc((900px * .55) / -2) calc((1600px * .55) / -2)}}@media (max-width: 750px){.tweet-editor-preview.aspect-landscape{transform:scale(.4);margin:-270px -480px}}@media (max-width: 680px){.tweet-editor-preview.aspect-landscape{transform:scale(.35);margin:-292.5px -520px}}@media (max-width: 600px){.tweet-editor-preview.aspect-landscape{transform:scale(.3);margin:-315px -560px}}@media (max-width: 520px){.tweet-editor-preview.aspect-landscape{transform:scale(.25);margin:-337.5px -600px}}@media (max-width: 1200px){.tweet-editor-preview.aspect-portrait{transform:scale(.9);margin:-67.5px -54px}}@media (max-width: 1050px){.tweet-editor-preview.aspect-portrait{transform:scale(.8);margin:-135px -108px}}@media (max-width: 920px){.tweet-editor-preview.aspect-portrait{transform:scale(.7);margin:-202.5px -162px}}@media (max-width: 800px){.tweet-editor-preview.aspect-portrait{transform:scale(.6);margin:-270px -216px}}@media (max-width: 700px){.tweet-editor-preview.aspect-portrait{transform:scale(.5);margin:-337.5px -270px}}@media (max-width: 600px){.tweet-editor-preview.aspect-portrait{transform:scale(.45);margin:calc((1350px * .55) / -2) -297px}}@media (max-width: 520px){.tweet-editor-preview.aspect-portrait{transform:scale(.4);margin:-405px -324px}}@media (max-width: 460px){.tweet-editor-preview.aspect-portrait{transform:scale(.35);margin:-438.75px -351px}}@media (max-height: 1400px){.tweet-editor-preview.aspect-portrait{transform:scale(.7);margin:-202.5px -162px}}@media (max-height: 1100px){.tweet-editor-preview.aspect-portrait{transform:scale(.6);margin:-270px -216px}}@media (max-height: 950px){.tweet-editor-preview.aspect-portrait{transform:scale(.5);margin:-337.5px -270px}}@media (max-height: 800px){.tweet-editor-preview.aspect-portrait{transform:scale(.45);margin:calc((1350px * .55) / -2) -297px}}@media (max-height: 700px){.tweet-editor-preview.aspect-portrait{transform:scale(.4);margin:-405px -324px}}@media (max-width: 1300px){.tweet-editor-preview.aspect-square{transform:scale(.9);margin:-60px}}@media (max-width: 1150px){.tweet-editor-preview.aspect-square{transform:scale(.8);margin:-120px}}@media (max-width: 1000px){.tweet-editor-preview.aspect-square{transform:scale(.7);margin:-180px}}@media (max-width: 880px){.tweet-editor-preview.aspect-square{transform:scale(.6);margin:-240px}}@media (max-width: 760px){.tweet-editor-preview.aspect-square{transform:scale(.5);margin:-300px}}@media (max-width: 660px){.tweet-editor-preview.aspect-square{transform:scale(.45);margin:-330px}}@media (max-width: 580px){.tweet-editor-preview.aspect-square{transform:scale(.4);margin:-360px}}@media (max-width: 500px){.tweet-editor-preview.aspect-square{transform:scale(.35);margin:-390px}}@media (max-height: 1250px){.tweet-editor-preview.aspect-square{transform:scale(.7);margin:-180px}}@media (max-height: 1000px){.tweet-editor-preview.aspect-square{transform:scale(.6);margin:-240px}}@media (max-height: 850px){.tweet-editor-preview.aspect-square{transform:scale(.5);margin:-300px}}@media (max-height: 700px){.tweet-editor-preview.aspect-square{transform:scale(.45);margin:-330px}}.tweet-editor-preview.light{background:#fff;color:#0d0d0d;border-color:#0000001a}.tweet-editor-preview.light .tweet-avatar{background:#0000000d}.tweet-editor-preview.light .tweet-username{color:#0f1419}.tweet-editor-preview.dark .tweet-username{color:#fff}.tweet-handle{font-size:40px;font-weight:400}.tweet-editor-preview.light .tweet-handle{color:#536471}.tweet-editor-preview.dark .tweet-handle{color:#71767b}.tweet-text-editable{width:100%;font-size:58px;line-height:1.375;margin-bottom:40px;font-weight:400;letter-spacing:-.01em;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:2px solid transparent;outline:none;padding:4px 8px;resize:none;background:transparent}.tweet-editor-preview.light .tweet-text-editable{color:#0d0d0d}.tweet-editor-preview.dark .tweet-text-editable{color:#fff}.tweet-text-editable:hover{border-color:#1da1f2;background:#1da1f20d;border-radius:4px}.tweet-text-editable:focus{border-color:#1da1f2;background:#1da1f214;box-shadow:0 0 0 2px #1da1f21a;border-radius:4px}.tweet-timestamp-editable{font-size:38px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgb(47,51,54);font-weight:400;display:flex;align-items:center;gap:4px}.tweet-editor-preview.light .tweet-timestamp-editable{color:#536471;border-bottom-color:#eff3f4}.tweet-editor-preview.dark .tweet-timestamp-editable{color:#71767b}.timestamp-input{background:transparent;border:1px solid transparent;outline:none;font-size:38px;color:inherit;font-family:inherit;font-weight:400;padding:2px 4px;cursor:text;min-width:200px}.timestamp-input:hover,.timestamp-input:focus{background:#1da1f21a;border-color:#1da1f2;border-radius:3px}.tweet-views{font-size:38px;display:inline-flex;align-items:center;gap:4px}.views-input{background:transparent;border:1px solid transparent;outline:none;font-size:38px;color:inherit;font-family:inherit;font-weight:700;padding:0;cursor:text;min-width:2em}.tweet-editor-preview.light .views-input{color:#0f1419}.tweet-editor-preview.dark .views-input{color:#e7e9ea}.views-input:hover,.views-input:focus{background:#1da1f21a;border-color:#1da1f2;border-radius:3px}.tweet-metrics{display:flex;justify-content:space-between;align-items:center;font-size:34px;font-weight:400}.tweet-editor-preview.light .tweet-metrics{color:#536471}.tweet-editor-preview.dark .tweet-metrics{color:#71767b}.tweet-editor-preview.light .tweet-icon{opacity:.7}.metric-input{background:transparent;border:1px solid transparent;outline:none;font-size:34px;color:inherit;font-family:inherit;font-weight:400;padding:0;cursor:text;min-width:1.5em}.metric-input:hover,.metric-input:focus{background:#1da1f21a;border-color:#1da1f2;border-radius:3px}.tweet-editor-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px 20px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;z-index:1000}.tumblr-editor-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;position:relative}.tumblr-editor-preview{padding:80px 100px;border:2px solid rgba(255,255,255,.1);background:#222;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transform-origin:center center;flex-shrink:0}.tumblr-editor-preview.aspect-landscape{width:1600px;min-height:900px}.tumblr-editor-preview.aspect-portrait{width:1080px;min-height:1350px}.tumblr-editor-preview.aspect-square{width:1200px;min-height:1200px}@media (max-width: 1700px){.tumblr-editor-preview.aspect-landscape{transform:scale(.9);margin:-45px -80px}}@media (max-width: 1500px){.tumblr-editor-preview.aspect-landscape{transform:scale(.8);margin:-90px -160px}}@media (max-width: 1350px){.tumblr-editor-preview.aspect-landscape{transform:scale(.7);margin:-135px -240px}}@media (max-width: 1200px){.tumblr-editor-preview.aspect-landscape{transform:scale(.6);margin:-180px -320px}}@media (max-width: 1000px){.tumblr-editor-preview.aspect-landscape{transform:scale(.5);margin:-225px -400px}}@media (max-width: 840px){.tumblr-editor-preview.aspect-landscape{transform:scale(.45);margin:calc((900px * .55) / -2) calc((1600px * .55) / -2)}}@media (max-width: 750px){.tumblr-editor-preview.aspect-landscape{transform:scale(.4);margin:-270px -480px}}@media (max-width: 680px){.tumblr-editor-preview.aspect-landscape{transform:scale(.35);margin:-292.5px -520px}}@media (max-width: 600px){.tumblr-editor-preview.aspect-landscape{transform:scale(.3);margin:-315px -560px}}@media (max-width: 520px){.tumblr-editor-preview.aspect-landscape{transform:scale(.25);margin:-337.5px -600px}}@media (max-width: 1200px){.tumblr-editor-preview.aspect-portrait{transform:scale(.9);margin:-67.5px -54px}}@media (max-width: 1050px){.tumblr-editor-preview.aspect-portrait{transform:scale(.8);margin:-135px -108px}}@media (max-width: 920px){.tumblr-editor-preview.aspect-portrait{transform:scale(.7);margin:-202.5px -162px}}@media (max-width: 800px){.tumblr-editor-preview.aspect-portrait{transform:scale(.6);margin:-270px -216px}}@media (max-width: 700px){.tumblr-editor-preview.aspect-portrait{transform:scale(.5);margin:-337.5px -270px}}@media (max-width: 600px){.tumblr-editor-preview.aspect-portrait{transform:scale(.45);margin:calc((1350px * .55) / -2) -297px}}@media (max-width: 520px){.tumblr-editor-preview.aspect-portrait{transform:scale(.4);margin:-405px -324px}}@media (max-width: 460px){.tumblr-editor-preview.aspect-portrait{transform:scale(.35);margin:-438.75px -351px}}@media (max-height: 1400px){.tumblr-editor-preview.aspect-portrait{transform:scale(.7);margin:-202.5px -162px}}@media (max-height: 1100px){.tumblr-editor-preview.aspect-portrait{transform:scale(.6);margin:-270px -216px}}@media (max-height: 950px){.tumblr-editor-preview.aspect-portrait{transform:scale(.5);margin:-337.5px -270px}}@media (max-height: 800px){.tumblr-editor-preview.aspect-portrait{transform:scale(.45);margin:calc((1350px * .55) / -2) -297px}}@media (max-height: 700px){.tumblr-editor-preview.aspect-portrait{transform:scale(.4);margin:-405px -324px}}@media (max-width: 1300px){.tumblr-editor-preview.aspect-square{transform:scale(.9);margin:-60px}}@media (max-width: 1150px){.tumblr-editor-preview.aspect-square{transform:scale(.8);margin:-120px}}@media (max-width: 1000px){.tumblr-editor-preview.aspect-square{transform:scale(.7);margin:-180px}}@media (max-width: 880px){.tumblr-editor-preview.aspect-square{transform:scale(.6);margin:-240px}}@media (max-width: 760px){.tumblr-editor-preview.aspect-square{transform:scale(.5);margin:-300px}}@media (max-width: 660px){.tumblr-editor-preview.aspect-square{transform:scale(.45);margin:-330px}}@media (max-width: 580px){.tumblr-editor-preview.aspect-square{transform:scale(.4);margin:-360px}}@media (max-width: 500px){.tumblr-editor-preview.aspect-square{transform:scale(.35);margin:-390px}}@media (max-height: 1250px){.tumblr-editor-preview.aspect-square{transform:scale(.7);margin:-180px}}@media (max-height: 1000px){.tumblr-editor-preview.aspect-square{transform:scale(.6);margin:-240px}}@media (max-height: 850px){.tumblr-editor-preview.aspect-square{transform:scale(.5);margin:-300px}}@media (max-height: 700px){.tumblr-editor-preview.aspect-square{transform:scale(.45);margin:-330px}}.tumblr-editor-preview.light{background:#fff;color:#000;border-color:#0000001a}.tumblr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:67px;padding-bottom:20px}.tumblr-editor-preview.light .tumblr-avatar{background:#0000000d}.tumblr-username{font-size:39.75px;font-family:Inter,sans-serif;font-weight:500;line-height:60px;word-wrap:break-word}.tumblr-editor-preview.light .tumblr-username{color:#000}.tumblr-editor-preview.dark .tumblr-username{color:#fff}.tumblr-follow-btn{font-size:35px;font-family:Inter,sans-serif;font-weight:500;line-height:50px;background:transparent;border:none;cursor:pointer;padding:25px 40px}.tumblr-editor-preview.light .tumblr-follow-btn{color:#00b8ff}.tumblr-editor-preview.dark .tumblr-follow-btn{color:#fff}.tumblr-editor-preview.light .tumblr-more-icon{filter:brightness(.3);opacity:.7}.tumblr-text-editable{width:100%;font-size:39px;font-family:Inter,sans-serif;font-weight:400;line-height:60px;word-wrap:break-word;margin-bottom:60px;border:2px solid transparent;outline:none;padding:4px 8px 4px 25px;resize:none;background:transparent;overflow:hidden}.tumblr-editor-preview.light .tumblr-text-editable{color:#000}.tumblr-editor-preview.dark .tumblr-text-editable{color:#fff}.tumblr-text-editable:hover{border-color:#06c;background:#0066cc0d;border-radius:4px}.tumblr-text-editable:focus{border-color:#06c;background:#0066cc14;box-shadow:0 0 0 2px #0066cc1a;border-radius:4px}.tumblr-notes-editable{height:100px;padding:0 40px;background:transparent;border-radius:9999px;border:2.5px solid #393939;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-size:34.25px;font-weight:500;line-height:50px}.tumblr-editor-preview.light .tumblr-notes-editable{background:#0019350d;border:none}.notes-input{background:transparent;border:none;outline:none;font-size:34.25px;font-weight:500;padding:0;cursor:text;font-family:Inter,sans-serif;line-height:50px;text-align:right;min-width:1em}.tumblr-editor-preview.light .notes-input{color:#4c5e72}.tumblr-editor-preview.dark .notes-input{color:#fefefe}.notes-input:hover,.notes-input:focus{background:#0066cc1a;border-radius:3px}.notes-label{font-size:34.25px;font-weight:500;line-height:50px}.tumblr-editor-preview.light .notes-label{color:#4c5e72}.tumblr-editor-preview.dark .notes-label{color:#969696}.tumblr-editor-preview.light .tumblr-action-icon{filter:brightness(.3);opacity:.7}.tumblr-editor-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:12px 20px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;z-index:1000}.toolbar-btn{padding:8px 16px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#f5f5f5}.video-meme-editor-wrapper{width:100%;display:flex;flex-direction:column;gap:24px}.video-meme-editor-preview{width:100%;max-width:280px;margin:0 auto;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.video-meme-editor-preview.white-bg{background:#fff}.video-meme-editor-preview.black-bg{background:#000}.video-meme-editor-caption{padding:12px;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}.video-meme-editor-caption-input{width:100%;background:transparent;border:none;text-align:center;font-weight:700;font-size:12px;line-height:1.3;resize:none;outline:none;padding:4px;border-radius:4px;transition:background .2s ease}.video-meme-editor-preview.white-bg .video-meme-editor-caption-input{color:#000}.video-meme-editor-preview.black-bg .video-meme-editor-caption-input{color:#fff}.video-meme-editor-caption-input:hover,.video-meme-editor-caption-input:focus{background:#8080801a}.video-meme-editor-video-area{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;position:relative}.video-meme-editor-video-container{width:90%;aspect-ratio:16/9;background:linear-gradient(135deg,#374151,#1f2937);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-meme-editor-video{width:100%;height:100%;object-fit:contain}.video-meme-editor-watermark{position:absolute;font-size:9px;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:4px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meme-editor-watermark.top-left{top:6px;left:6px}.video-meme-editor-watermark.top-right{top:6px;right:6px}.video-meme-editor-watermark.bottom-left{bottom:6px;left:6px}.video-meme-editor-watermark.bottom-right{bottom:6px;right:6px}.video-meme-editor-watermark.center{top:50%;left:50%;transform:translate(-50%,-50%)}.video-meme-editor-watermark-image{max-width:35px;max-height:25px;object-fit:contain}.video-meme-editor-settings{display:flex;flex-direction:column;gap:16px}.video-meme-editor-setting{display:flex;flex-direction:column;gap:6px}.video-meme-editor-setting-label{font-size:12px;color:#fff9;font-weight:500}.video-meme-editor-setting-row{display:flex;gap:8px}.video-meme-editor-bg-option{flex:1;padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#ffffffb3}.video-meme-editor-bg-option:hover{border-color:#fff3;background:#ffffff14}.video-meme-editor-bg-option.selected{border-color:#8b5cf6;background:#8b5cf626;color:#fff}.video-meme-editor-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.video-meme-editor-swatch.white{background:#fff}.video-meme-editor-swatch.black{background:#000}.video-meme-editor-watermark-types{display:flex;gap:6px}.video-meme-editor-watermark-type{flex:1;padding:6px 10px;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;text-align:center;font-size:11px;color:#fff9}.video-meme-editor-watermark-type:hover{border-color:#fff3}.video-meme-editor-watermark-type.selected{border-color:#8b5cf6;background:#8b5cf626;color:#fff}.video-meme-editor-watermark-input{width:100%;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px;transition:all .2s ease}.video-meme-editor-watermark-input:focus{outline:none;border-color:#8b5cf6}.video-meme-editor-watermark-input::placeholder{color:#fff6}.video-meme-editor-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:120px}.video-meme-editor-position-option{aspect-ratio:1;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff6}.video-meme-editor-position-option:hover{border-color:#fff3}.video-meme-editor-position-option.selected{border-color:#8b5cf6;background:#8b5cf626;color:#fff}.video-meme-editor-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;font-size:11px;color:#fffc;line-height:1.4}.video-meme-editor-notice-icon{flex-shrink:0;width:14px;height:14px;color:#fbbf24;margin-top:1px}.slideshow-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.slideshow-modal-content{position:relative;display:flex;flex-direction:column;width:var(--content-width, 85vh);height:85vh;height:85dvh;max-width:95vw;max-height:1000px;background-color:transparent;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;transition:width .3s ease}.slideshow-media-container{flex:1 1 0;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;background-color:transparent}.slideshow-media-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.justified-layout-notice{background:#8ace0026;color:#8ace00;padding:8px 16px;border-radius:6px;font-size:13px;margin-bottom:10px;border:1px solid rgba(138,206,0,.3)}.slideshow-media-wrapper .konva-meme-editor{background:transparent}.slideshow-media-wrapper img,.slideshow-media-wrapper video{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.slideshow-close-btn,.slideshow-nav-btn{position:absolute;top:15px;background-color:#1a1a1ab3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s;z-index:1010}.slideshow-close-btn:hover,.slideshow-nav-btn:hover{background-color:#282828e6}.slideshow-close-btn{right:15px;width:40px;height:40px;font-size:28px}.slideshow-close-btn svg,.slideshow-nav-btn svg{width:1em;height:1em;fill:currentColor}.slideshow-nav-btn{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:32px}.slideshow-nav-btn.prev{left:10px}.slideshow-nav-btn.next{right:10px}.slideshow-info{padding:1rem 1.5rem;background-color:transparent;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-top:1px solid #33333300;width:100%;box-sizing:border-box;flex-shrink:0}.slideshow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.slideshow-header-left,.slideshow-header-right{display:flex;align-items:center;gap:.75rem}.slideshow-username{font-weight:600;font-size:1.1rem}.slideshow-header-left .platform-badge,.slideshow-header-right .platform-badge{padding:.25em .6em;border-radius:8px;font-size:1.1rem!important;font-weight:500;text-transform:capitalize;display:inline-flex;align-items:center;gap:.35em}.slideshow-header-left .platform-badge{font-size:1rem!important}.slideshow-header-left .platform-badge svg{width:1.3em;height:1.3em}.slideshow-header-right .platform-badge svg{width:1.1em;height:1.1em}.source-link-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e0e0e0;text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s ease}.source-link-btn:hover{background-color:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.source-link-btn:focus{outline:none;box-shadow:0 0 0 2px #4caf504d}.slideshow-metrics{display:flex;gap:1.5rem;margin-bottom:.75rem;font-size:.95rem}.metric-item{display:flex;align-items:center;gap:.4rem}.slideshow-date{font-size:.85rem;color:#a0a0a0}.edit-btn{display:flex;align-items:center;justify-content:center;padding:0!important;border:none!important;background:transparent!important;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:1.3rem}.edit-btn svg{width:1em;height:1em;fill:currentColor}.edit-btn:hover{color:#fff;transform:scale(1.1)}.save-btn,.cancel-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background-color:#f44336;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#da190b;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.edit-actions{display:flex;justify-content:center;gap:.5rem;padding:12px 0;flex-shrink:0}.slideshow-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.done-edit-btn,.cancel-edit-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.done-edit-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px #4caf504d}.done-edit-btn svg,.cancel-edit-btn svg{width:1em;height:1em;fill:currentColor}.done-edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.done-edit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-edit-btn{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:.6rem 1.25rem;justify-content:center}.cancel-edit-btn:hover:not(:disabled){background:#f4433633;transform:translateY(-1px)}.cancel-edit-btn:disabled{opacity:.4;cursor:not-allowed}.background-edit-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.background-edit-btn svg{width:1em;height:1em;fill:currentColor}.background-edit-btn:hover:not(:disabled){background:#3b82f640;transform:translateY(-1px)}.background-edit-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.slideshow-modal-backdrop{align-items:flex-start;padding:0}.slideshow-modal-content{width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0;justify-content:space-between;transition:none}.slideshow-close-btn{top:10px;right:10px;z-index:1020}.slideshow-media-container{flex:1 1 auto;min-height:0;overflow:hidden}.slideshow-info{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));flex:0 0 auto;height:auto;max-height:none;overflow:visible;margin-top:auto}.slideshow-header{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.35rem}.slideshow-header-right{margin-left:auto}.slideshow-username{font-size:.95rem}.slideshow-metrics{font-size:.875rem;gap:1rem}.slideshow-date{font-size:.8rem}.source-link-btn{width:32px;height:32px;font-size:.875rem}.done-edit-btn{padding:.5rem 1rem;font-size:.8125rem}.cancel-edit-btn{padding:.5rem 1rem}.edit-btn{font-size:1.1rem}.edit-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#000000e6;z-index:1000}}@media (max-width: 480px){.slideshow-info{padding:.6rem .875rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}.slideshow-username{font-size:.875rem}.done-edit-btn{padding:.45rem .875rem;font-size:.75rem}.cancel-edit-btn{padding:.45rem .875rem}}.bulk-tag-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#0009;pointer-events:all}.bulk-tag-modal{background:#0f0f0f;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid #1b1b1b;width:400px;max-width:90vw;max-height:90vh;overflow:hidden;pointer-events:all;position:fixed;z-index:10000;bottom:80px;right:20px}.bulk-tag-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #1b1b1b;background-color:#0f0f0f}.bulk-tag-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#e2e8f0}.bulk-tag-modal-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6c757d;cursor:pointer;border-radius:6px;padding:4px;transition:all .2s ease;flex-shrink:0}.bulk-tag-modal-close-btn:hover{background-color:#2a2a2a;color:#e2e8f0}.bulk-tag-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-tag-modal-form{display:flex;flex-direction:column}.bulk-tag-modal-content{padding:24px;max-height:60vh;overflow-y:auto}.operation-selection{margin-bottom:24px}.operation-label{display:block;font-size:14px;font-weight:500;color:#e2e8f0;margin-bottom:12px}.operation-buttons{display:flex;gap:8px;flex-wrap:wrap}.operation-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #3a3a3a;border-radius:8px;background-color:#1a1a1a;color:#e2e8f0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;min-width:120px}.operation-btn:hover:not(:disabled){background-color:#2a2a2a;border-color:#4a4a4a}.operation-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.operation-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-tag-input-section{margin-bottom:24px}.tags-label{display:block;font-size:14px;font-weight:500;color:#e2e8f0;margin-bottom:8px}.preview-section{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;margin-bottom:16px}.preview-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.preview-icon{display:flex;align-items:center;color:#007bff}.preview-title{font-size:14px;font-weight:600;color:#e2e8f0}.preview-description{font-size:13px;color:#94a3b8;line-height:1.4}.bulk-tag-modal-error{padding:12px 16px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:16px}.bulk-tag-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #1b1b1b;background-color:#0f0f0f}.bulk-tag-modal-cancel-btn,.bulk-tag-modal-submit-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.bulk-tag-modal-cancel-btn{background-color:#2a2a2a;color:#e2e8f0;border:1px solid #3a3a3a}.bulk-tag-modal-cancel-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#4a4a4a}.bulk-tag-modal-submit-btn{background-color:#007bff;color:#fff}.bulk-tag-modal-submit-btn:hover:not(:disabled){background-color:#0056b3}.bulk-tag-modal-cancel-btn:disabled,.bulk-tag-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.bulk-tag-modal{width:calc(100vw - 20px);left:10px;right:10px;bottom:90px}.operation-buttons{flex-direction:column}.operation-btn{min-width:unset}.bulk-tag-modal-actions{flex-direction:column;align-items:stretch}.bulk-tag-modal-actions button{width:100%}}.archive-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.archive-modal-content{background:#272725;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;overflow:hidden;animation:modal-enter .2s ease-out}.archive-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.archive-modal-icon{width:48px;height:48px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4285f4}.archive-modal-icon svg{width:24px;height:24px}.archive-modal-close{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.archive-modal-close:hover{background:#f3f4f6;color:#374151}.archive-modal-close svg{width:20px;height:20px}.archive-modal-body{padding:1rem 1.5rem}.archive-modal-body h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#ebebeb}.archive-modal-body p{margin:0;font-size:.875rem;color:#e8e8e8bc;line-height:1.5}.archive-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #272725}.archive-modal-cancel,.archive-modal-confirm{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.archive-modal-cancel{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.archive-modal-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.archive-modal-confirm{background:#4285f4;border:1px solid #4285f4;color:#fff}.archive-modal-confirm:hover:not(:disabled){background:#3367d6;border-color:#3367d6}.archive-modal-confirm:disabled,.archive-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.archive-modal-confirm svg{width:16px;height:16px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.archive-modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.archive-modal-header{padding:1rem 1rem 0}.archive-modal-body{padding:.75rem 1rem}.archive-modal-actions{padding:1rem;gap:.5rem}.archive-modal-actions{flex-direction:column}.archive-modal-cancel,.archive-modal-confirm{width:100%}}.download-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.download-modal-content{background:#272725;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;width:100%;max-height:80vh;overflow:hidden;animation:modal-enter .2s ease-out;display:flex;flex-direction:column}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.download-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #3a3a38}.download-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.download-modal-icon.progress{background:#e3f2fd;color:#1976d2;animation:pulse 2s infinite}.download-modal-icon.success{background:#e8f5e8;color:#4caf50}.download-modal-icon.error{background:#ffebee;color:#f44336}.download-modal-icon svg{width:24px;height:24px}.download-modal-title{flex:1}.download-modal-title h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#ebebeb}.download-modal-title p{margin:0;font-size:.875rem;color:#e8e8e8b3;line-height:1.4}.download-modal-close{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.download-modal-close:hover{background:#3a3a38;color:#ebebeb}.download-modal-close svg{width:20px;height:20px}.download-modal-body{padding:1.5rem;flex:1}.progress-container{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:#3a3a38;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill.complete{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;font-size:.875rem;font-weight:600;color:#ebebeb}.download-success{text-align:center;margin-bottom:1rem}.download-filename{font-size:1rem;margin-bottom:.5rem;color:#ebebeb}.download-warning{font-size:.875rem;color:#ff9800;margin:0}.download-error{text-align:center;color:#e8e8e8b3;font-size:.875rem;margin-bottom:1rem}.download-modal-actions{display:flex;justify-content:center;margin-top:1rem}.done-btn{background:#007bff;border:1px solid #007bff;color:#fff;padding:.75rem 2rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.done-btn:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px)}@media (max-width: 640px){.download-modal-content{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.download-modal-header{padding:1rem;gap:.75rem}.download-modal-body{padding:1rem}.download-modal-icon{width:40px;height:40px}.download-modal-icon svg{width:20px;height:20px}.done-btn{width:100%;justify-content:center}}.step-profile-selection h2{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #fafafa)}.step-description{color:var(--text-secondary, #a1a1aa);font-size:14px;margin:0 0 24px}.accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;max-height:300px;overflow-y:auto;padding:4px}.account-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary, #16161a);border:2px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.account-option:hover{border-color:var(--border-default, rgba(255, 255, 255, .1));background:var(--bg-elevated, #1c1c21)}.account-option.selected{border-color:var(--text-primary, #fafafa);background:var(--bg-elevated, #1c1c21)}.account-option input[type=checkbox]{width:20px;height:20px;cursor:pointer}.account-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--bg-primary, #09090b);display:flex;align-items:center;justify-content:center}.account-details{flex:1;min-width:0}.account-name{font-size:14px;font-weight:600;color:var(--text-primary, #fafafa);margin:0 0 4px}.account-username{font-size:12px;color:var(--text-secondary, #a1a1aa);margin:0;display:flex;align-items:center;gap:6px}.media-preview-section{margin-bottom:32px}.media-preview-section h3{font-size:14px;font-weight:600;color:var(--text-primary, #fafafa);margin:0 0 12px}.media-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.thumbnail{width:60px;height:60px;border-radius:6px;overflow:hidden;position:relative;background:var(--bg-primary, #09090b)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-index{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}.more-badge{width:60px;height:60px;border-radius:6px;background:var(--bg-tertiary, #16161a);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary, #a1a1aa)}.step-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit}.btn-primary{background:var(--text-primary, #fafafa);color:var(--bg-primary, #09090b)}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary, #16161a);color:var(--text-primary, #fafafa);border:1px solid var(--border-default, rgba(255, 255, 255, .1))}.btn-secondary:hover{background:var(--bg-elevated, #1c1c21)}.step-loading,.step-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.step-empty h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary, #fafafa)}.step-empty p,.step-loading p{color:var(--text-secondary, #a1a1aa);margin:0}.step-caption-editor h2{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #fafafa)}.step-caption-editor .step-description{color:var(--text-secondary, #a1a1aa);font-size:14px;margin:0 0 24px}.editor-container{margin-bottom:24px}.editor-container textarea{width:100%;padding:16px;background:var(--bg-tertiary, #16161a);border:2px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:10px;color:var(--text-primary, #fafafa);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .15s ease}.editor-container textarea:focus{outline:none;border-color:var(--border-default, rgba(255, 255, 255, .1))}.editor-container textarea.error{border-color:var(--error, #ef4444)}.editor-container textarea::placeholder{color:var(--text-muted, #52525b)}.caption-info{margin-top:16px;padding:12px 16px;background:var(--bg-primary, #09090b);border-radius:8px}.character-count{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.count{font-size:14px;font-weight:600;color:var(--text-primary, #fafafa);font-family:JetBrains Mono,Courier New,monospace}.count.warning{color:var(--warning, #f59e0b)}.count.error{color:var(--error, #ef4444)}.remaining-label{font-size:12px;color:var(--text-secondary, #a1a1aa)}.platform-limits{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.limits-title{font-size:12px;font-weight:600;color:var(--text-secondary, #a1a1aa);margin:0 0 8px}.platform-limits ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.platform-limits li{font-size:12px;color:var(--text-tertiary, #71717a)}.platform-limits li.exceeds{color:var(--warning, #f59e0b)}.caption-preview{margin-bottom:24px}.caption-preview h3{font-size:14px;font-weight:600;color:var(--text-primary, #fafafa);margin:0 0 12px}.preview-box{padding:16px;background:var(--bg-tertiary, #16161a);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:10px;min-height:100px;font-size:14px;line-height:1.6;color:var(--text-primary, #fafafa);white-space:pre-wrap;word-wrap:break-word}.preview-box .placeholder{color:var(--text-muted, #52525b);font-style:italic}.step-scheduling h2{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #fafafa)}.step-scheduling .step-description{color:var(--text-secondary, #a1a1aa);font-size:14px;margin:0 0 24px}.scheduling-options{margin-bottom:24px}.toggle-option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary, #16161a);border-radius:8px;cursor:pointer;transition:background .15s ease;margin-bottom:16px}.toggle-option:hover{background:var(--bg-elevated, #1c1c21)}.toggle-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.toggle-option span{font-size:14px;font-weight:500;color:var(--text-primary, #fafafa)}.date-time-picker{padding:20px;background:var(--bg-tertiary, #16161a);border-radius:10px;border:2px solid var(--border-subtle, rgba(255, 255, 255, .06))}.picker-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.picker-group{display:flex;flex-direction:column;gap:8px}.picker-group label{font-size:12px;font-weight:600;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.04em}.date-input,.time-input{padding:10px 12px;background:var(--bg-primary, #09090b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:6px;color:var(--text-primary, #fafafa);font-size:14px;font-family:inherit;transition:border-color .15s ease}.date-input:focus,.time-input:focus{outline:none;border-color:var(--border-emphasis, rgba(255, 255, 255, .15))}.date-input::-webkit-calendar-picker-indicator,.time-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.timezone-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary, #09090b);border-radius:6px;font-size:12px;color:var(--text-secondary, #a1a1aa)}.schedule-info,.immediate-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--success-bg, rgba(34, 197, 94, .1));border:1px solid var(--success, #22c55e);border-radius:8px;margin-bottom:24px}.immediate-info{background:var(--warning-bg, rgba(245, 158, 11, .1));border-color:var(--warning, #f59e0b)}.schedule-info p,.immediate-info p{margin:0;font-size:14px;color:var(--text-primary, #fafafa);line-height:1.6}.schedule-info strong,.immediate-info strong{font-weight:600}.schedule-info svg,.immediate-info svg{flex-shrink:0;margin-top:2px}.submit-buttons{display:flex;gap:12px}.btn-schedule,.btn-post-now{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit}.btn-schedule{background:var(--text-primary, #fafafa);color:var(--bg-primary, #09090b)}.btn-schedule:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-schedule:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-post-now{background:var(--success, #22c55e);color:#fff}.btn-post-now:hover{background:#16a34a;transform:translateY(-1px)}@media (max-width: 640px){.picker-row{grid-template-columns:1fr}.submit-buttons{flex-direction:column}.btn-schedule,.btn-post-now{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.post-creation-modal{background:var(--bg-secondary, #0f0f12);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #fafafa)}.close-btn{background:none;border:none;color:var(--text-secondary, #a1a1aa);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.close-btn:hover{background:var(--bg-tertiary, #16161a);color:var(--text-primary, #fafafa)}.steps-indicator{display:flex;align-items:center;justify-content:center;padding:32px 24px;gap:16px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary, #16161a);border:2px solid var(--border-subtle, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-secondary, #a1a1aa);transition:all .2s ease}.step.active .step-number{background:var(--text-primary, #fafafa);color:var(--bg-primary, #09090b);border-color:var(--text-primary, #fafafa)}.step.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-label{font-size:12px;color:var(--text-tertiary, #71717a);font-weight:500}.step.active .step-label{color:var(--text-primary, #fafafa)}.step-connector{width:60px;height:2px;background:var(--border-subtle, rgba(255, 255, 255, .06))}.step-content{padding:24px;min-height:400px}@media (max-width: 768px){.modal-overlay{padding:0}.post-creation-modal{max-width:100%;max-height:100vh;border-radius:0}.steps-indicator{padding:20px 16px}.step-label{font-size:10px}.step-connector{width:30px}.step-content{padding:16px}}:root{--selection-bar-height: 60px;--selection-bar-padding: 16px 40px;--selection-btn-padding: 8px 16px;--selection-btn-font-size: .875rem;--selection-btn-border-radius: 6px;--selection-btn-gap: 12px;--selection-btn-width: auto;--selection-btn-height: 40px;--selection-icon-btn-width: 40px}.collection-view-page{min-height:100vh;background:var(--bg-app);color:var(--text-primary);padding-top:2rem}@media (min-width: 769px){.collection-view-page{padding-top:0}}.page-container{max-width:1500px;margin:0 auto;padding:2rem 1rem 2rem 0}@media (max-width: 768px){.collection-view-page .page-container{padding:2rem 1rem}}.collection-page-header{margin-bottom:2rem;background:transparent}.content-header{padding:2rem 2rem 1rem}.content-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.content-header .subtitle{font-size:1.125rem;color:#fff9;margin:0;font-weight:500}.sort-controls-row{display:flex;justify-content:flex-end;align-items:center;padding:0 2rem;margin-bottom:1rem}.filter-row{display:flex;align-items:center;gap:1rem;padding:0 2rem 1.5rem;flex-wrap:wrap}.filter-row>.filter-button{margin-right:.5rem}.filter-chips{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffe6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:#ffffff1a;border-color:#ffffff40}.filter-chip.active{background:#fff3;border-color:#fff6;font-weight:600}.filter-chip-favorites{color:#ffffffe6;border-color:#ffffff26}.filter-chip-favorites:hover{background:#ffffff1a;border-color:#ffffff40}.filter-chip-favorites.active{background:#fff3;border-color:#fff6;font-weight:600}@media (max-width: 1024px){.filter-chips{justify-content:flex-start}}@media (max-width: 768px){.content-header{padding:1.5rem 1rem 1rem}.sort-controls-row{padding-left:1rem;padding-right:1rem}.filter-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem 1rem;gap:.5rem;mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%)}.filter-row:not(:hover){mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%)}.filter-row::-webkit-scrollbar{display:none}.filter-row>*{flex-shrink:0}.filter-row:after{content:"";flex-shrink:0;width:40px}.filter-chips{gap:.5rem}.filter-chip{font-size:.813rem;padding:.4rem .75rem}}@media (max-width: 480px){.content-header h1{font-size:2rem}.content-header .subtitle{font-size:1rem}.filter-chip{font-size:.75rem;padding:.375rem .625rem}}.header-nav,.hero-section,.search-section,.view-controls-bar{display:none}.back-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-tertiary);font-size:.875rem;font-weight:500;padding:0;cursor:pointer;transition:color .2s ease}.back-button:hover{color:var(--text-secondary)}.back-button svg{width:.875rem;height:.875rem}.subtitle{font-size:1.125rem;color:var(--text-tertiary);font-weight:400;max-width:32ch;margin:0}.subtitle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter-button-hero{flex-shrink:0}.search-container{position:relative;display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem}.search-input{flex:1;width:100%;padding:1.25rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;outline:none;transition:border-color .3s ease}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input:focus{border-color:var(--border-active)}.clear-search-button{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:400;padding:8px 16px;cursor:pointer;transition:color .2s ease;white-space:nowrap;align-self:flex-end;padding-bottom:1.25rem}.clear-search-button:hover{color:var(--text-primary)}.search-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-default)}.search-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:var(--text-tertiary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.search-tab:hover{color:var(--text-secondary);background:var(--surface-hover)}.search-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.search-tab .tab-label{letter-spacing:-.01em}.search-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--surface-muted);color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:all .2s ease}.search-tab.active .tab-count{background:var(--surface-active);color:var(--text-primary)}.view-controls-left{display:flex;align-items:center;gap:12px}.view-control-button{display:inline-flex;align-items:center;gap:6px;padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;letter-spacing:-.01em}.view-control-button:hover,.view-control-button.active{color:var(--text-primary)}.view-control-button svg{width:14px;height:14px;opacity:.6;transition:opacity .2s ease}.view-control-button:hover svg,.view-control-button.active svg{opacity:1}.selection-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--selection-bar-padding);height:0;opacity:0;overflow:visible;transform:translateY(100%);transition:all .3s cubic-bezier(.4,0,.2,1);background:#1a1a1af2;border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0000004d;z-index:999}.selection-bar.active{height:var(--selection-bar-height);opacity:1;transform:translateY(0)}.selection-info{display:flex;align-items:center;gap:8px}.selection-count{color:var(--text-primary);font-weight:600;font-size:.875rem;white-space:nowrap}.selection-separator{color:var(--text-tertiary);font-weight:400}.selection-context{color:var(--text-secondary);font-size:.875rem}.selection-actions{display:flex;gap:var(--selection-btn-gap);align-items:center}.action-btn{padding:var(--selection-btn-padding);border-radius:var(--selection-btn-border-radius);font-size:var(--selection-btn-font-size);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:4px;width:var(--selection-btn-width);height:var(--selection-btn-height);min-height:var(--selection-btn-height)}.action-btn.icon-only{width:var(--selection-icon-btn-width);padding:0}.action-btn.primary{background:var(--accent-white);color:var(--accent-black)}.action-btn.primary:hover:not(:disabled){background:var(--accent-white-hover)}.action-btn.primary:disabled{background:var(--surface-muted);cursor:not-allowed;opacity:.5}.action-btn.secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border-default)}.action-btn.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover)}.action-btn.secondary:disabled{opacity:.5;cursor:not-allowed}.done-button{display:flex;align-items:center;gap:6px;padding:var(--selection-btn-padding);border-radius:var(--selection-btn-border-radius);font-size:var(--selection-btn-font-size);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:var(--accent-white);color:var(--accent-black);height:var(--selection-btn-height);min-height:var(--selection-btn-height)}.done-button:hover{background:var(--accent-white-hover)}.done-button.secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border-default)}.done-button.secondary:hover{background:var(--surface-hover);border-color:var(--border-emphasis)}.done-button svg{width:16px;height:16px}.action-btn.text{background:transparent;color:var(--text-secondary)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;background:#1a1a1afa;border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0000004d;z-index:999;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.bottom-sheet.active{transform:translateY(0)}.bottom-sheet.collapsed{height:auto}.bottom-sheet.expanded{height:33vh;min-height:250px;transition:height .3s cubic-bezier(.4,0,.2,1)}.bottom-sheet.focused{height:auto;min-height:400px;max-height:80vh;transition:height .3s cubic-bezier(.4,0,.2,1)}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.bottom-sheet-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bottom-sheet-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.bottom-sheet-title{display:flex;align-items:center;gap:.75rem;flex:1;margin-left:1rem}.selection-count-badge{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .75rem;background:var(--accent-white);color:var(--accent-black);border-radius:16px;font-weight:700;font-size:.875rem}.selection-text{color:var(--text-primary);font-weight:500;font-size:.9375rem}.bottom-sheet-actions{display:flex;gap:.75rem;align-items:center}.edit-mode-btn{display:flex;align-items:center;gap:.4rem;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);height:40px}.edit-mode-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.edit-mode-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.edit-mode-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.bottom-sheet-carousel{display:flex;gap:1rem;padding:1.5rem;overflow-x:auto;overflow-y:hidden;flex:1;align-items:flex-end}.bottom-sheet-carousel::-webkit-scrollbar{height:8px}.bottom-sheet-carousel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.bottom-sheet-carousel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.bottom-sheet-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.carousel-item{position:relative;flex-shrink:0;width:150px;height:150px;border-radius:8px;overflow:hidden;background:var(--surface-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-item.focused{cursor:pointer;box-shadow:0 8px 32px #0006;z-index:10}.carousel-item.edit-mode{cursor:grab;touch-action:none}.carousel-item.edit-mode:active{cursor:grabbing}.carousel-item.edit-mode.focused{width:150px;height:150px;box-shadow:none}.carousel-item.dragging{opacity:.3}.carousel-item.dragging-overlay{width:150px;height:150px;cursor:grabbing;box-shadow:0 12px 32px #0009;transform:scale(1.08);z-index:1000}.carousel-item.drag-over{box-shadow:0 0 0 3px var(--accent-primary);background:#8b5cf61a}.export-index{position:absolute;top:8px;left:8px;min-width:28px;height:28px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:var(--accent-white);color:var(--accent-black);border-radius:14px;font-weight:700;font-size:.875rem;z-index:2;box-shadow:0 2px 8px #0000004d}.remove-item-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:2;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;opacity:1;transform:scale(1)}.remove-item-btn:hover{background:#f44336;transform:scale(1.1)}.carousel-item:not(.edit-mode) .remove-item-btn{display:none}.media-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-muted)}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.bottom-sheet.expanded{height:auto;max-height:50vh}.bottom-sheet.focused{height:auto;max-height:85vh}.bottom-sheet.focused .bottom-sheet-carousel{padding:1.5rem}.bottom-sheet-header{padding:.75rem 1rem;gap:.5rem;justify-content:flex-start;touch-action:none;overscroll-behavior:contain}.bottom-sheet-carousel{touch-action:pan-x;overscroll-behavior:contain;padding:1rem;gap:.75rem;height:auto;min-height:auto}.bottom-sheet-toggle{flex-shrink:0;padding:.25rem;margin:0;width:32px;height:32px}.bottom-sheet-toggle svg{width:20px;height:20px}.bottom-sheet-title{flex:1;margin-left:0;min-width:0;gap:.5rem}.bottom-sheet-actions{flex-shrink:0;gap:.5rem;margin-left:auto}.selection-count-badge{min-width:24px;height:24px;font-size:.75rem;padding:0 .5rem;flex-shrink:0}.selection-text{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bottom-sheet-carousel{padding:1rem;gap:.75rem}.carousel-item{width:120px;height:120px}.export-index{min-width:24px;height:24px;font-size:.75rem;top:6px;left:6px}.remove-item-btn{width:24px;height:24px;top:6px;right:6px}.remove-item-btn svg{width:14px;height:14px}.bottom-sheet .action-btn span,.bottom-sheet .done-button span,.bottom-sheet .edit-mode-btn span{display:none}.bottom-sheet .action-btn,.bottom-sheet .done-button,.bottom-sheet .edit-mode-btn{padding:.5rem .75rem;min-width:40px}}.action-btn.text:hover{color:var(--text-primary);background:var(--surface-hover)}.media-grid-container{position:relative;transition:padding-bottom .3s cubic-bezier(.4,0,.2,1)}.media-grid-container.selection-mode{padding-bottom:80px}.stack-toggle-container{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border-default)}.stack-toggle-switch{position:relative;display:inline-block;width:36px;height:20px;margin:0}.stack-toggle-switch input{opacity:0;width:0;height:0}.stack-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-muted);transition:.4s;border-radius:20px}.stack-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-primary);transition:.4s;border-radius:50%}input:checked+.stack-toggle-slider{background-color:var(--surface-active)}input:checked+.stack-toggle-slider:before{transform:translate(16px)}.stack-icon{color:var(--text-secondary);width:20px;height:20px;opacity:.8;transition:opacity .2s ease}.stack-icon.active{opacity:1;color:var(--text-primary)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.error-state h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem}.error-state p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.retry-button{background:var(--accent-white);border:none;color:var(--accent-black);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--accent-white-hover)}@media (max-width: 768px){.page-container{padding:2rem 1.5rem 1rem}.header-nav{margin-bottom:4rem;padding:.875rem 1rem}.back-button-text{display:none}.back-button svg{width:1.25rem;height:1.25rem}.hero-section{margin-bottom:4rem;padding:3rem 1rem 1.5rem}.hero-section h1{font-size:clamp(2.5rem,10vw,5rem)}.subtitle{font-size:.9375rem}.search-section{padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem}.search-input{font-size:1rem}.clear-search-button{font-size:.8125rem;padding:6px 12px}.view-controls-bar{gap:12px;flex-wrap:wrap}.view-controls-left{flex:1}}@media (max-width: 480px){:root{--selection-bar-height: 70px;--selection-bar-padding: 8px 16px;--selection-btn-padding: 8px 12px;--selection-btn-font-size: 14px;--selection-btn-gap: 8px;--selection-btn-height: 40px;--selection-icon-btn-width: 40px}.selection-count{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}.page-container{padding:1.5rem 1rem .75rem}.header-nav,.hero-section{margin-bottom:3rem}.hero-section h1{font-size:clamp(2rem,12vw,4rem);letter-spacing:-.03em}.subtitle{font-size:.9375rem}.search-section{margin-bottom:2rem}.search-input{font-size:1rem;padding:1rem 0}.clear-search-button{font-size:.75rem;padding:6px 10px;padding-bottom:1rem}.view-controls-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.view-controls-left{display:flex;gap:12px;align-items:center}.view-controls-bar .sort-controls-elegant{flex-shrink:0}.selection-actions{display:flex;gap:var(--selection-btn-gap);justify-content:flex-end}.action-btn{justify-content:center}.action-btn.icon-only{flex:0 0 var(--selection-icon-btn-width)}.media-grid-container.selection-mode{padding-bottom:90px}}.collection-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:24px;border-top:1px solid var(--border-subtle)}.pagination-info{color:var(--text-tertiary);font-size:.875rem}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-button{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:8px;padding:8px 16px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.pagination-button:hover:not(:disabled){background:var(--surface-active);border-color:var(--border-hover)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px;margin:0 8px}.page-number{background:var(--surface-muted);border:1px solid var(--border-default);border-radius:6px;padding:6px 12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center;font-size:.875rem}.page-number:hover{background:var(--surface-active);border-color:var(--border-hover)}.page-number.active{background:var(--surface-active);color:var(--text-primary);border-color:var(--border-active)}@media (max-width: 768px){.collection-pagination{flex-direction:column;gap:12px}.pagination-button,.page-number{font-size:.8125rem;padding:6px 12px}}.retry-progress-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #00000080;border:1px solid var(--border-muted);min-width:320px;max-width:500px}.retry-progress-content{display:flex;align-items:center;gap:1rem}.progress-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.progress-text{flex:1}.progress-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.progress-details{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.progress-count{font-size:.875rem;color:var(--text-tertiary)}.progress-complete{display:flex;align-items:center;gap:1rem}.progress-icon{width:40px;height:40px;background:var(--surface-active);color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.progress-message{font-size:1rem;color:var(--text-primary);font-weight:500}@media (max-width: 640px){.retry-progress-container{margin:1rem;padding:1.5rem;min-width:auto;width:calc(100vw - 2rem)}.progress-title{font-size:1rem}.progress-details{font-size:.875rem}}.load-more-container{display:flex;justify-content:center;align-items:center;padding:2rem 0;margin:1rem 0}.load-more-button{padding:12px 32px;font-size:1rem;font-weight:600;color:var(--accent-black);background:var(--accent-white);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.load-more-button:hover:not(:disabled){background:var(--accent-white-hover)}.load-more-button:active:not(:disabled){transform:translateY(0)}.load-more-button:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.upgrade-modal{background:#121212f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d;max-width:440px;width:100%;color:#fff;animation:slideUp .3s ease-out}.upgrade-modal.period-end{max-width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.header-icon{color:#10b981;width:24px;height:24px}.modal-header h3{font-size:18px;font-weight:600;margin:0;color:#fff}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px}.period-end-info{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:24px}.info-icon{color:#3b82f6;width:24px;height:24px;flex-shrink:0;margin-top:2px}.info-text h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#fff}.info-text p{font-size:14px;margin:0;color:#d1d5db;line-height:1.5}.upgrade-details{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.detail-row span:first-child{color:#9ca3af}.detail-row span:last-child{color:#fff;font-weight:500}.detail-row.highlight span{color:#10b981;font-weight:600}.pricing-summary{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:10px;padding:16px;margin-bottom:20px}.plan-change{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.plan-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px}.current-plan{color:#9ca3af}.arrow{color:#6b7280}.new-plan{color:#10b981;font-weight:600}.billing-info{display:grid;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0}.info-label{color:#9ca3af}.info-value{color:#fff;font-weight:500}.info-row.highlight .info-value{color:#10b981;font-size:15px;font-weight:600}.quick-info{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.info-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px 12px;font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.info-pill .pill-icon{width:14px;height:14px;color:#6b7280}.expandable-section{margin-bottom:16px}.expand-button{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;color:#d1d5db;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.expand-button:hover{background:#ffffff0d;border-color:#ffffff1f}.expand-icon{transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.expandable-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.expandable-content.expanded{max-height:300px;margin-top:12px}.benefits-list{display:grid;gap:8px;padding:12px;background:#ffffff05;border-radius:6px}.benefit{display:flex;align-items:center;gap:8px;font-size:13px;color:#d1d5db}.check-icon{color:#10b981;width:16px;height:16px;flex-shrink:0}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;margin-bottom:24px}.error-text{color:#fca5a5;font-size:14px;font-weight:500}.modal-actions{padding:0 20px 20px;display:flex;gap:12px}.button{flex:1;padding:11px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.button-secondary{background:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1)}.button-secondary:hover:not(:disabled){background:#ffffff14;color:#fff}.button-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;position:relative}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button,.primary-button,.confirm-button{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-button{background:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1)}.secondary-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.primary-button,.confirm-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.primary-button:hover:not(:disabled),.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.secondary-button:disabled,.primary-button:disabled,.confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.validation-warning{padding:8px 24px 24px;text-align:center}.validation-warning small{color:#fbbf24;font-size:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.modal-overlay{padding:16px}.upgrade-modal{border-radius:12px}.modal-header,.modal-content{padding:16px}.modal-actions{padding:0 16px 16px;flex-direction:column}.modal-header h3{font-size:18px}.upgrade-summary p{font-size:15px}.pricing-summary,.expandable-content,.period-end-info{padding:12px}.quick-info{justify-content:center}.info-pill{font-size:11px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.downgrade-modal{background:#1e1e1ef2;border:1px solid rgba(255,100,80,.3);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0009;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(255,100,80,.2)}.modal-header .header-content{display:flex;align-items:center;gap:12px}.header-icon{color:#ff6450;flex-shrink:0}.header-icon.downgrade{color:#ff6450}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.close-button{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.modal-content{padding:24px}.downgrade-summary{margin-bottom:24px}.downgrade-summary p{margin:0;font-size:16px;line-height:1.5;color:#e0e0e0}.billing-timeline{margin-bottom:24px}.billing-timeline h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.timeline-item{display:flex;align-items:center;gap:16px;margin-bottom:16px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{width:12px;height:12px;border-radius:50%;background:#ff64504d;border:2px solid #ff6450;flex-shrink:0}.timeline-marker.active{background:#ff6450}.timeline-icon{width:16px;height:16px;color:#ff6450;flex-shrink:0}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-label{font-size:14px;font-weight:600;color:#fff}.timeline-value{font-size:14px;color:#b0b0b0}.savings-breakdown{background:#ff64501a;border:1px solid rgba(255,100,80,.2);border-radius:12px;padding:16px;margin-bottom:24px}.savings-breakdown h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.savings-amount{display:flex;justify-content:space-between;align-items:center}.savings-label{font-size:14px;color:#e0e0e0}.savings-value{font-size:18px;font-weight:700;color:#ff6450}.plan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.plan-column{background:#28282880;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.plan-column.current-plan{border-color:#ff64504d}.plan-column h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff}.feature-list{list-style:none;margin:0 0 12px;padding:0}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:#b0b0b0}.feature-item:last-child{margin-bottom:0}.feature-item.active{color:#e0e0e0}.feature-item:before{content:"•";color:#ff6450;font-weight:700}.plan-note{margin:0;font-size:12px;color:#888;font-style:italic}.important-note{background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.note-icon{color:#ffc107;flex-shrink:0;margin-top:2px}.important-note p{margin:0;font-size:14px;line-height:1.5;color:#e0e0e0}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:12px;margin-bottom:20px}.error-text{color:#ff6b6b;font-size:14px;margin:0}.modal-actions{display:flex;gap:12px;padding:20px 24px 24px;border-top:1px solid rgba(255,100,80,.2)}.secondary-button,.confirm-button{flex:1;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.secondary-button{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.secondary-button:hover:not(:disabled){background:#ffffff26;color:#fff}.confirm-button{background:linear-gradient(135deg,#ff6450,#ff4757);color:#fff;box-shadow:0 4px 15px #ff64504d}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 6px 20px #ff645066;transform:translateY(-1px)}.confirm-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-overlay{padding:10px}.downgrade-modal{max-height:95vh}.plan-comparison{grid-template-columns:1fr;gap:16px}.modal-header{padding:20px 20px 16px}.modal-content{padding:20px}.modal-actions{padding:16px 20px 20px;flex-direction:column}.modal-header h3{font-size:18px}.timeline-item{gap:12px}}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #151515;--border-color: #222222;--border-highlight: #22c55e;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--accent-green: #22c55e;--check-color: #22c55e;--x-color: #444444}.plans-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.plans-container{max-width:1200px;margin:0 auto;padding:100px 40px 60px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:14px 20px;margin-bottom:24px;color:#ef4444;font-size:14px;text-align:center}.desktop-view{display:block}.plans-header{display:grid;grid-template-columns:200px repeat(4,1fr);gap:0;margin-bottom:0}.plans-header .spacer{background:transparent}.plan-card{padding:32px 24px;border:1px solid var(--border-color);border-right:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;background:#000!important;border-radius:0;text-align:left;overflow:visible}.plan-card>*{text-align:left}.plans-header>div.plan-card:nth-child(2){border-radius:12px 0 0}.plans-header>div.plan-card:nth-child(3),.plans-header>div.plan-card:nth-child(4){border-radius:0}.plans-header>div.plan-card:nth-child(5){border-right:1px solid var(--border-color);border-radius:0 12px 0 0}.plan-card.recommended{background:#000!important;padding-top:48px}.plan-card.current{border:2px solid var(--border-highlight);border-right:2px solid var(--border-highlight)}.plans-header>div.plan-card.current:nth-child(2){border-top-left-radius:12px}.plans-header>div.plan-card.current:nth-child(5){border-top-right-radius:12px}.plan-card.current+.plan-card{border-left:none}.recommended-badge{position:absolute;top:12px;right:12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;z-index:1;box-sizing:border-box}.recommended-badge svg{width:12px;height:12px;color:#fbbf24;fill:#fbbf24;flex-shrink:0}.plan-name{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:flex-start;text-align:left;flex-wrap:nowrap;gap:12px;color:var(--text-primary)}.plan-name-text{font-size:20px;font-weight:700;color:var(--text-primary)}.plan-price{font-size:42px;font-weight:800;margin-bottom:4px;text-align:left;color:var(--text-primary);line-height:1;display:flex;align-items:baseline}.plan-price .price-suffix,.plan-price span{font-size:14px!important;font-weight:400!important;color:var(--text-secondary)!important;margin-left:2px}.plan-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;min-height:40px;text-align:left}.plan-button{width:100%;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;margin-top:auto;text-align:center;display:flex;align-items:center;justify-content:center}.plan-button.current{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:default}.plan-button.upgrade{background:var(--text-primary);color:var(--bg-primary)}.plan-button.upgrade:hover:not(:disabled){background:#e5e5e5}.plan-button.downgrade{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.plan-button.downgrade:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.plan-button:disabled{opacity:.6;cursor:not-allowed}.plan-button .button-spinner{width:16px;height:16px;animation:spin 1s linear infinite;margin-right:8px}.features-section{border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px}.feature-category{padding:16px 0 8px 24px;font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.feature-category:first-child{border-top:1px solid var(--border-color)}.feature-row{display:grid;grid-template-columns:200px repeat(4,1fr);border-bottom:1px solid var(--border-color)}.feature-row:last-child{border-bottom:none}.feature-name{padding:14px 24px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;border-right:1px solid var(--border-color);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:var(--text-muted)}.feature-value{padding:14px 24px;font-size:13px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--border-color);text-align:center}.feature-value:last-child{border-right:none}.feature-value.current-col{background:#22c55e08}.feature-value .check{color:var(--check-color);font-size:16px}.feature-value .x-mark{color:var(--x-color);font-size:14px}.feature-value .detail{color:var(--text-secondary);font-size:12px}.mobile-view{display:none}.mobile-plan-header{margin-bottom:32px;text-align:left}.mobile-plan-name{font-size:24px;font-weight:700;margin-bottom:8px;text-align:left}.mobile-plan-price{font-size:48px;font-weight:800;margin-bottom:4px;text-align:left;display:flex;align-items:baseline}.mobile-plan-price span{font-size:16px;font-weight:400;color:var(--text-secondary);margin-left:4px}.mobile-plan-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;text-align:left}.mobile-features{margin-bottom:140px}.mobile-feature-category{font-size:14px;font-weight:600;color:var(--text-primary);padding:20px 0 12px}.mobile-feature-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color)}.mobile-feature-name{font-size:14px;color:var(--text-secondary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:var(--text-muted)}.mobile-feature-value{font-size:14px;color:var(--text-primary);text-align:right}.mobile-feature-value .check{color:var(--check-color);font-size:18px}.mobile-feature-value .x-mark{color:var(--x-color);font-size:16px}.chip-carousel-container{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);padding:16px 20px 24px;border-top:1px solid var(--border-color);z-index:100}.chip-carousel{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center}.chip-carousel::-webkit-scrollbar{display:none}.plan-chip{flex-shrink:0;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);white-space:nowrap;font-family:inherit}.plan-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.plan-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.mobile-action-button{width:100%;padding:14px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;margin-top:4px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-action-button.current{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:default}.mobile-action-button.upgrade{background:var(--text-primary);color:var(--bg-primary)}.mobile-action-button.upgrade:hover:not(:disabled){background:#e5e5e5}.mobile-action-button.downgrade{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.mobile-action-button.downgrade:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.mobile-action-button:disabled{opacity:.6;cursor:not-allowed}.mobile-action-button .button-spinner{width:16px;height:16px;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cancel-confirm-modal{background:#1e1e1e;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:0;max-width:28rem;width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080}.cancel-confirm-modal .modal-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.cancel-confirm-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fcfbf8}.cancel-confirm-modal .close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cancel-confirm-modal .close-button:hover{color:#fcfbf8;background:#ffffff1a}.cancel-confirm-modal .modal-content{padding:0 1.5rem 1.5rem}.cancel-confirm-modal .cancel-summary{margin-bottom:1.5rem}.cancel-confirm-modal .cancel-summary p{margin:0;color:#c5c1ba;line-height:1.6}.cancel-confirm-modal .current-plan-info{margin-bottom:1.5rem}.cancel-confirm-modal .current-plan-info h4{margin:0 0 .75rem;color:#fcfbf8;font-size:1rem;font-weight:600}.cancel-confirm-modal .current-plan-info ul{margin:0;padding:0;list-style:none}.cancel-confirm-modal .current-plan-info li{color:#c5c1ba;margin-bottom:.5rem;line-height:1.5}.cancel-confirm-modal .billing-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.cancel-confirm-modal .billing-info h4{margin:0 0 .75rem;color:#fcfbf8;font-size:1rem;font-weight:600}.cancel-confirm-modal .billing-details{display:flex;flex-direction:column;gap:.5rem}.cancel-confirm-modal .billing-item{display:flex;justify-content:space-between;align-items:center}.cancel-confirm-modal .billing-item .label{color:#9ca3af;font-size:.875rem}.cancel-confirm-modal .billing-item .value{color:#fcfbf8;font-weight:500;font-size:.875rem}.cancel-confirm-modal .modal-actions{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.75rem;justify-content:flex-end}.cancel-confirm-modal .secondary-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#c5c1ba;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-family:inherit}.cancel-confirm-modal .secondary-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.cancel-confirm-modal .secondary-button:disabled{opacity:.5;cursor:not-allowed}.cancel-confirm-modal .confirm-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b;color:#fff;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-family:inherit}.cancel-confirm-modal .confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.cancel-confirm-modal .confirm-button:disabled{opacity:.7;cursor:not-allowed}.pending-change-header{background:linear-gradient(135deg,#fb923c33,#f5656526);border:1px solid rgba(251,146,60,.4);border-radius:8px;padding:12px 16px;margin-top:16px}.pending-change-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.pending-change-info{display:flex;align-items:center;gap:8px;flex:1}.pending-change-icon{color:#fb923c;flex-shrink:0;width:16px;height:16px}.pending-change-text{color:#fed7aa;font-size:13px;font-weight:500;line-height:1.25}.pending-change-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;color:#fef3c7;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;font-size:13px;font-weight:500;font-family:inherit}.pending-change-cancel:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.pending-change-cancel:disabled{opacity:.5;cursor:not-allowed}.cancel-spinner{animation:spin 1s linear infinite;width:14px;height:14px}@media (max-width: 1024px){.plans-container{padding:100px 20px 60px}.plans-header,.feature-row{grid-template-columns:160px repeat(4,1fr)}.plan-card{padding:24px 16px}.plan-price{font-size:28px}.feature-name,.feature-value{padding:12px 16px;font-size:12px}}@media (max-width: 768px){.plans-container{padding:80px 20px 40px}.desktop-view{display:none}.mobile-view{display:block}}.checkout-cancel-page{min-height:100vh;background:#0a0a0a;color:#fcfbf8}.cancel-container{padding:3rem 1rem;max-width:56rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.cancel-content{width:100%;max-width:52rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 25px -5px #0000004d;text-align:center}.cancel-header{margin-bottom:3rem}.cancel-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#ff6b35,red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #ff6b3566}.cancel-icon svg{width:2rem;height:2rem;color:#fff}.cancel-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff;font-family:Montserrat,sans-serif;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cancel-subtitle{font-size:1.125rem;color:#fffc;line-height:1.6;margin:0;font-family:Montserrat,sans-serif}.cancel-message{background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;margin-bottom:3rem;text-align:left}.cancel-message h3{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:#fff;font-family:Montserrat,sans-serif}.cancel-message p{color:#fffc;font-family:Montserrat,sans-serif;line-height:1.6;margin:0 0 1rem}.cancel-message ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.cancel-message li{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-family:Montserrat,sans-serif;padding:.5rem 0}.cancel-message li:before{content:"•";color:#00e5ff;font-weight:700;font-size:1.2rem}.plans-summary{margin-bottom:3rem}.plans-summary h3{font-size:1.25rem;font-weight:600;margin:0 0 2rem;color:#fff;font-family:Montserrat,sans-serif}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.plan-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 12px 30px #0006}.plan-card.popular{border-color:#3b82f64d}.popular-badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;font-family:Montserrat,sans-serif;display:flex;align-items:center;gap:.25rem}.badge-icon{width:.75rem;height:.75rem}.plan-icon{width:3rem;height:3rem;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#00e5ff}.plan-icon svg{width:1.5rem;height:1.5rem}.plan-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fff;font-family:Montserrat,sans-serif}.plan-description{color:#ffffffb3;font-size:.875rem;margin:0 0 1rem;font-family:Montserrat,sans-serif}.plan-price{margin-bottom:1.5rem}.price-amount{font-size:1.75rem;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.price-period{font-size:.875rem;color:#fff9;margin-left:.25rem;font-family:Montserrat,sans-serif}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;text-align:left}.feature{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-family:Montserrat,sans-serif;font-size:.875rem}.feature-check{color:#22c55e;font-weight:700;flex-shrink:0}.next-steps{margin-bottom:3rem}.next-steps h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#fff;font-family:Montserrat,sans-serif}.step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card:hover{background:#ffffff14;transform:translateY(-2px)}.step-icon{width:2rem;height:2rem;color:#00e5ff;margin:0 auto .75rem;display:block}.cancel-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.primary-button{background:linear-gradient(135deg,#00e5ff,#00a3ff);color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.primary-button:hover{background:linear-gradient(135deg,#00a3ff,#0080cc);transform:translateY(-2px);box-shadow:0 8px 25px #00e5ff66}.help-section{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.help-section p{color:#ffffffb3;margin:0;font-family:Montserrat,sans-serif;font-size:.875rem;line-height:1.5}.help-section strong{color:#fff}@media (max-width: 768px){.cancel-container{padding:2rem 1rem}.cancel-content{padding:2rem 1.5rem}.cancel-header h1{font-size:2rem}.cancel-subtitle{font-size:1rem}.cancel-message{padding:1.5rem}.plans-grid{grid-template-columns:1fr;gap:1rem}.plan-card{padding:1.25rem}.steps-grid{grid-template-columns:1fr;gap:.75rem}.step-card{padding:1.25rem}.cancel-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center}}@media (max-width: 480px){.cancel-container{padding:1.5rem .75rem}.cancel-content{padding:1.5rem 1rem}.cancel-header h1{font-size:1.75rem}.cancel-icon{width:3rem;height:3rem}.cancel-icon svg{width:1.5rem;height:1.5rem}.cancel-message{padding:1.25rem}.plan-card{padding:1rem}}.checkout-success-page{min-height:100vh;background:#0a0a0a;color:#fcfbf8}.success-container{padding:3rem 1rem;max-width:48rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.loading-state,.error-state{text-align:center;padding:3rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 25px -5px #0000004d}.loading-spinner{width:3rem;height:3rem;color:#00e5ff;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-state h2,.error-state h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff;font-family:Montserrat,sans-serif}.loading-state p,.error-state p{color:#fffc;font-family:Montserrat,sans-serif;margin:0}.error-icon{width:3rem;height:3rem;color:#ff6b6b;margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center;flex-wrap:wrap}.success-content{width:100%;max-width:44rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);backdrop-filter:blur(20px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 25px -5px #0000004d;text-align:center}.success-header{margin-bottom:3rem}.success-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #22c55e66}.success-icon svg{width:2rem;height:2rem;color:#fff}.success-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#fff;font-family:Montserrat,sans-serif;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.success-subtitle{font-size:1.125rem;color:#fffc;line-height:1.6;margin:0;font-family:Montserrat,sans-serif}.subscription-summary{background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;margin-bottom:3rem;text-align:left}.plan-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.plan-icon-wrapper{width:3rem;height:3rem;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-icon-wrapper svg{width:1.5rem;height:1.5rem}.plan-details h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#fff;font-family:Montserrat,sans-serif}.plan-status{color:#22c55e;font-size:.875rem;font-weight:500;margin:0;font-family:Montserrat,sans-serif}.plan-features h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#fff;font-family:Montserrat,sans-serif}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features li{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-family:Montserrat,sans-serif}.feature-check{width:1rem;height:1rem;color:#22c55e;flex-shrink:0}.next-steps{margin-bottom:3rem;text-align:left}.next-steps h3{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#fff;font-family:Montserrat,sans-serif;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center}.step-card h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#fff;font-family:Montserrat,sans-serif}.step-card p{font-size:.875rem;color:#ffffffb3;margin:0;font-family:Montserrat,sans-serif;line-height:1.5}.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.primary-button,.secondary-button{padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;border:none;text-decoration:none}.primary-button{background:#2563eb;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.primary-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.secondary-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.secondary-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.button-icon{width:1rem;height:1rem}.session-info{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem}.session-info p{font-size:.75rem;color:#ffffff80;margin:0;font-family:Montserrat,monospace}@media (max-width: 768px){.success-container{padding:2rem 1rem}.success-content{padding:2rem 1.5rem}.success-header h1{font-size:2rem}.success-subtitle{font-size:1rem}.subscription-summary{padding:1.5rem}.plan-info{flex-direction:column;text-align:center;gap:.75rem}.steps-grid{grid-template-columns:1fr;gap:.75rem}.step-card{padding:1.25rem}.success-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center}.error-actions{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.success-container{padding:1.5rem .75rem}.success-content{padding:1.5rem 1rem}.success-header h1{font-size:1.75rem}.success-icon{width:3rem;height:3rem}.success-icon svg{width:1.5rem;height:1.5rem}}.billing-page{min-height:100vh;background:var(--bg-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);line-height:1.5}.billing-container{max-width:720px;margin:0 auto;padding:120px 20px 40px}.billing-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.billing-header-content{display:flex;align-items:center;gap:12px;width:100%}.billing-header h1{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.billing-header-badge{background:var(--bg-tertiary);padding:4px 12px;border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500}.back-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-right:auto}.back-button:hover{background:var(--bg-secondary);border-color:#3a3a3a}.billing-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.billing-loading-container p{color:var(--text-secondary);font-size:14px}.success-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#4ade801a;border:1px solid rgba(74,222,128,.25);border-radius:8px;color:var(--accent-green);margin-bottom:24px;font-size:14px}.billing-section{margin-bottom:0}.section-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:24px 0 8px;display:flex;align-items:center;gap:8px;margin:0;border-bottom:none}.section-header h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0}.section-header svg{width:14px;height:14px;color:var(--text-muted);opacity:.6}.subscription-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-subtle);gap:12px}.plan-details{display:flex;flex-direction:column;gap:4px}.plan-name{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.renewal-info{font-size:14px;color:var(--text-secondary);margin:0}.adjust-plan-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.adjust-plan-button:hover{background:var(--bg-secondary);border-color:#3a3a3a}.plan-price{font-size:14px;font-weight:500;color:var(--text-secondary)}.usage-section{display:flex;flex-direction:column;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.usage-color-key{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle)}.color-key-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.color-indicator{width:16px;height:16px;border-radius:4px;flex-shrink:0}.color-indicator.consumed{background:var(--text-primary)}.color-indicator.remaining{background:var(--border-color);border:1px solid #3a3a3a}.invoice-info{display:flex;flex-direction:column;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.invoice-date{font-size:15px;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;margin:0;text-align:center}.invoice-note{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;color:#f59e0b;font-size:13px;margin:0;line-height:1.5}.invoice-note svg{color:#f59e0b;margin-top:2px;flex-shrink:0}.payment-failure-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:12px;margin-bottom:24px;padding:20px}.alert-content{display:flex;align-items:flex-start;gap:16px}.alert-icon{color:var(--accent-red);margin-top:2px;flex-shrink:0}.alert-text{flex:1}.alert-text h3{margin:0 0 8px;color:var(--accent-red);font-size:14px;font-weight:500}.alert-text p{margin:0;color:var(--text-primary);line-height:1.5;font-size:14px}.update-payment-btn{background:var(--accent-red);color:#fff;border:1px solid var(--accent-red);border-radius:8px;padding:8px 16px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.update-payment-btn:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.overage-info{display:flex;flex-direction:column;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.overage-amount{display:flex;justify-content:space-between;align-items:center;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:16px}.amount-label{color:var(--text-primary);font-size:14px;font-weight:500}.amount-value{color:#f59e0b;font-size:18px;font-weight:600}.overage-description{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px}.overage-description p{margin:0;color:var(--text-secondary);line-height:1.5;font-size:13px}.pay-now-btn{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;align-self:flex-start}.pay-now-btn:hover{background:var(--accent-green);color:var(--bg-primary)}.invoices-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary);font-size:14px}.invoices-table-container{width:100%;overflow-x:auto;padding:20px 0}.invoices-table{width:100%;border-collapse:collapse;font-size:14px}.invoices-table thead{border-bottom:1px solid var(--border-subtle)}.invoices-table th{padding:12px 16px;text-align:left;font-weight:500;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.invoices-table th:last-child{text-align:center}.invoices-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all .15s ease}.invoices-table tbody tr:hover{background:#ffffff05}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table td{padding:16px;color:var(--text-primary);vertical-align:middle}.invoices-table td:last-child{text-align:center}.status-badge{font-size:13px;font-weight:500;text-transform:capitalize;color:var(--text-secondary)}.view-invoice-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.view-invoice-btn:hover{background:var(--bg-secondary);border-color:#3a3a3a}.no-link{color:var(--text-muted);font-size:13px}.no-invoices{padding:60px 24px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-subtle)}.no-invoices p{margin:0;font-size:14px;line-height:1.5}.payment-method-info{padding:20px 0;border-bottom:1px solid var(--border-subtle)}.payment-method-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.card-info{display:flex;align-items:center;gap:12px;flex:1;color:var(--text-primary)}.card-icon{color:var(--text-muted);flex-shrink:0}.card-details{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500;font-size:14px;color:var(--text-primary)}.card-brand{background:var(--bg-tertiary);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;border:1px solid var(--border-color)}.card-expiry{color:var(--text-secondary);font-size:13px;font-family:SF Mono,Monaco,Consolas,monospace}.add-payment-btn{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:13px;transition:all .15s ease}.add-payment-btn:hover{background:var(--accent-green);color:var(--bg-primary)}.no-payment-method{text-align:center;padding:20px}.no-payment-method p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}@media (max-width: 768px){.billing-container{padding:100px 16px 32px}.billing-header h1{font-size:18px}.billing-header-content{gap:8px}.back-button{font-size:13px;padding:8px 12px}.payment-failure-alert{padding:16px}.alert-content{flex-direction:column;align-items:stretch;gap:12px}.alert-icon{display:none}.alert-text h3{font-size:15px;margin-bottom:4px}.alert-text p{font-size:13px}.update-payment-btn{width:100%;text-align:center;padding:12px 16px}.subscription-info{flex-direction:column;align-items:flex-start;gap:12px}.adjust-plan-button{width:100%;text-align:center}.invoices-table th,.invoices-table td{padding:12px;font-size:13px}.invoices-table th{font-size:10px}.view-invoice-btn{padding:6px 12px;font-size:12px}.payment-method-display{flex-direction:column;align-items:stretch;text-align:center}.card-info{justify-content:center;flex-wrap:wrap;gap:8px 12px}.update-payment-btn,.add-payment-btn{width:100%;justify-content:center}}@media (max-width: 480px){.billing-container{padding:90px 12px 24px}.billing-header h1{font-size:16px}.back-button{font-size:12px;padding:6px 10px}.invoices-table{font-size:12px}.invoices-table th,.invoices-table td{padding:10px 8px}.view-invoice-btn{padding:5px 10px;font-size:11px}.no-invoices{padding:40px 16px}.overage-amount{flex-direction:column;align-items:flex-start;gap:8px}}.terms-container{max-width:800px;margin:2rem auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.terms-title{font-size:2.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:1rem}.terms-dates{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.terms-dates p{margin:.25rem 0;color:#fffc;font-size:.95rem}.terms-content{line-height:1.7;color:#ffffffe6}.terms-content>p{margin-bottom:1.5rem;font-size:1rem}.terms-section{margin-bottom:2rem}.terms-section h2{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.terms-section p{margin-bottom:1rem;font-size:.95rem}.terms-section ul{margin:1rem 0 1rem 1.5rem;padding-left:0}.terms-section li{margin-bottom:.5rem;font-size:.95rem;list-style-type:disc}@media (max-width: 768px){.terms-container{margin:1rem;padding:1.5rem}.terms-title{font-size:2rem}.terms-section h2{font-size:1.2rem}.terms-content>p,.terms-section p,.terms-section li{font-size:.9rem}}@media (max-width: 480px){.terms-container{margin:.5rem;padding:1rem}.terms-title{font-size:1.8rem}.terms-section ul{margin-left:1rem}}.privacy-container{max-width:800px;margin:2rem auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.privacy-title{font-size:2.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:1rem}.privacy-dates{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.privacy-dates p{margin:.25rem 0;color:#fffc;font-size:.95rem}.privacy-content{line-height:1.7;color:#ffffffe6}.privacy-content>p{margin-bottom:1.5rem;font-size:1rem}.privacy-section{margin-bottom:2rem}.privacy-section h2{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.privacy-section h3{font-size:1.2rem;font-weight:600;color:#fff;margin:1.5rem 0 .8rem}.privacy-section p{margin-bottom:1rem;font-size:.95rem}.privacy-section ul,.privacy-section ol{margin:1rem 0 1rem 1.5rem;padding-left:0}.privacy-section li{margin-bottom:.5rem;font-size:.95rem;list-style-type:disc}.privacy-section ol li{list-style-type:decimal}@media (max-width: 768px){.privacy-container{margin:1rem;padding:1.5rem}.privacy-title{font-size:2rem}.privacy-section h2{font-size:1.2rem}.privacy-section h3{font-size:1.1rem}.privacy-content>p,.privacy-section p,.privacy-section li{font-size:.9rem}}@media (max-width: 480px){.privacy-container{margin:.5rem;padding:1rem}.privacy-title{font-size:1.8rem}.privacy-section ul,.privacy-section ol{margin-left:1rem}}.support-container{max-width:800px;margin:2rem auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.support-title{font-size:2.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:2rem}.support-content{line-height:1.7;color:#ffffffe6;text-align:center}.support-content p{margin-bottom:1.5rem;font-size:1.1rem}.support-link{color:#4a90e2;text-decoration:none;font-weight:500;transition:color .3s ease}.support-link:hover{color:#357abd;text-decoration:underline}@media (max-width: 768px){.support-container{margin:1rem;padding:1.5rem}.support-title{font-size:2rem}.support-content p{font-size:1rem}}@media (max-width: 480px){.support-container{margin:.5rem;padding:1rem}.support-title{font-size:1.8rem}.support-content p{font-size:.95rem}}.upload-grid-masonry{width:100%;min-height:200px}.upload-grid-item{border-radius:8px;overflow:hidden;background-color:var(--color-surface-secondary, #1a1a1a);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.upload-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.upload-grid-item.deleting{opacity:.5;pointer-events:none}.upload-grid-image{width:100%;height:100%;object-fit:cover;display:block}.upload-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-tertiary, #2a2a2a);color:var(--color-text-secondary, #888);font-size:14px}.upload-grid-delete-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:6px;background-color:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease;color:#fff;z-index:10}.upload-grid-item:hover .upload-grid-delete-btn{opacity:1}.upload-grid-delete-btn:hover{background-color:#ef4444e6}.upload-grid-delete-btn:disabled{cursor:not-allowed;opacity:.5}.delete-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:delete-spin .6s linear infinite}@keyframes delete-spin{to{transform:rotate(360deg)}}.dropzone-container{margin-bottom:24px}.dropzone{display:flex;align-items:center;justify-content:center;min-height:180px;padding:32px;background:var(--surface-secondary, #1a1a1a);border:2px dashed var(--border-color, #3a3a3a);border-radius:12px;cursor:pointer;transition:all .2s ease}.dropzone:hover{border-color:var(--primary-color, #6366f1);background:var(--surface-hover, #222)}.dropzone.dragging{border-color:var(--primary-color, #6366f1);background:#6366f11a;border-style:solid}.dropzone-input{display:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.dropzone-icon{color:var(--text-secondary, #888);transition:color .2s}.dropzone:hover .dropzone-icon,.dropzone.dragging .dropzone-icon{color:var(--primary-color, #6366f1)}.dropzone-text{display:flex;flex-direction:column;gap:4px}.dropzone-primary{font-size:16px;font-weight:500;color:var(--text-primary, #fff)}.dropzone-secondary{font-size:13px;color:var(--text-secondary, #888)}.dropzone-error{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px}.upload-progress-list{background:var(--surface-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;padding:16px;margin-top:16px}.upload-progress-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 12px}.upload-progress-items{display:flex;flex-direction:column;gap:8px}.upload-progress-item{display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;gap:8px 12px;padding:12px;background:var(--surface-primary, #111);border-radius:8px;align-items:center}.upload-progress-item.completed{background:#22c55e1a}.upload-progress-item.error{background:#ef44441a}.upload-progress-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #888)}.upload-progress-item.completed .upload-progress-icon{color:#22c55e}.upload-progress-item.error .upload-progress-icon{color:#ef4444}.upload-progress-item.uploading .upload-progress-icon,.upload-progress-item.pending .upload-progress-icon{color:var(--primary-color, #6366f1)}.upload-progress-info{display:flex;flex-direction:column;gap:2px;min-width:0}.upload-progress-filename{font-size:13px;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-error{font-size:12px;color:#ef4444}.upload-progress-status{font-size:12px;font-weight:500}.upload-progress-percent{color:var(--primary-color, #6366f1)}.upload-progress-done{color:#22c55e}.upload-progress-failed{color:#ef4444}.upload-progress-bar-container{grid-column:1 / -1;height:4px;background:var(--border-color, #333);border-radius:2px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--primary-color, #6366f1);border-radius:2px;transition:width .2s ease}.spinning{animation:spin 1s linear infinite}.upload-page{padding:24px;max-width:1600px;margin:0 auto}.upload-page-header{margin-bottom:24px}.upload-page-header h1{font-size:24px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.upload-page-description{font-size:14px;color:var(--text-secondary, #a0a0a0);margin:0}.upload-page-grid{margin-top:32px}.upload-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:var(--surface-secondary, #1a1a1a);border-radius:12px;border:1px solid var(--border-color, #2a2a2a)}.upload-empty-state .empty-icon{font-size:48px;margin-bottom:16px}.upload-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary, #fff);margin:0 0 8px}.upload-empty-state p{font-size:14px;color:var(--text-secondary, #a0a0a0);margin:0}.load-more-container{display:flex;justify-content:center;padding:24px 0}.load-more-btn{padding:12px 32px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.load-more-btn:hover:not(:disabled){background:var(--primary-hover, #5558e3);transform:translateY(-1px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--accent-green: #4ade80;--accent-red: #ef4444;--accent-red-hover: #dc2626;--border-color: #2a2a2a;--border-subtle: #1f1f1f}.profile-page{min-height:100vh;background:var(--bg-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);line-height:1.5}.profile-container{max-width:720px;margin:0 auto;padding:120px 20px 40px}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.profile-header h1{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0}.profile-header-badge{background:var(--bg-tertiary);padding:4px 12px;border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500}.profile-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.profile-loading-container p{color:var(--text-secondary);font-size:14px}.error-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:var(--accent-red);margin-bottom:24px;font-size:14px}.error-message p{margin:0}.profile-section{margin-bottom:0}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:24px 0 8px;display:flex;align-items:center;gap:8px;margin:0}.section-title svg{width:14px;height:14px;opacity:.6}.profile-grid{display:flex;flex-direction:column}.profile-field{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.profile-field:last-child{border-bottom:none}.profile-field>label{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.field-display{display:flex;justify-content:space-between;align-items:center;gap:12px}.field-display>span{font-size:14px;color:var(--text-secondary)}.field-display .field-icon{color:var(--text-muted);width:16px;height:16px}.field-note{display:block;font-size:13px;color:var(--text-muted);margin-top:8px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-subtle);gap:24px}.settings-row:last-child{border-bottom:none}.row-content{display:flex;flex-direction:column;gap:4px;flex:1}.row-label{font-size:15px;font-weight:500;color:var(--text-primary)}.row-value{font-size:14px;color:var(--text-secondary)}.row-value.status-enabled{display:inline-flex;align-items:center;gap:6px;color:var(--accent-green)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.row-actions{display:flex;gap:8px;flex-shrink:0}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--bg-secondary);border-color:#3a3a3a}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-danger-outline:hover{background:var(--accent-red);color:#fff}.btn-green-outline{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn-green-outline:hover{background:var(--accent-green);color:var(--bg-primary)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-secondary);border-color:#3a3a3a;color:var(--text-primary)}.backup-codes-expanded{flex-direction:column;align-items:flex-start}.backup-codes-expanded .row-content{width:100%}.backup-codes-expanded .row-actions{margin-top:16px}.sms-teaser{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;margin-top:-8px;margin-bottom:8px}.sms-teaser svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.sms-teaser span{font-size:13px;color:var(--text-secondary)}.sms-teaser strong{color:var(--text-primary);font-weight:500}.sms-row{flex-direction:column;align-items:flex-start;gap:12px}.sms-row .row-content{width:100%}.sms-row .row-actions{align-self:flex-start}.sms-phone-row{display:flex;align-items:center;gap:8px;margin-top:8px}.sms-phone-number{font-family:SF Mono,Monaco,Consolas,monospace;font-size:16px;font-weight:500;color:var(--text-primary)}.sms-linked{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--accent-green);margin-top:8px}.sms-linked svg{width:14px;height:14px}.sms-row .save-contact-button{background:transparent!important;color:var(--accent-green)!important;border:1px solid var(--accent-green)!important;padding:8px 16px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;transition:all .15s ease!important}.sms-row .save-contact-button:hover{background:var(--accent-green)!important;color:var(--bg-primary)!important;transform:none!important;box-shadow:none!important}.edit-field{display:flex;gap:8px;align-items:center}.edit-field input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text-primary);font-family:inherit}.edit-field input:focus{outline:none;border-color:#3a3a3a}.edit-actions{display:flex;gap:4px}.btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn svg{width:14px;height:14px}.btn-secondary,.edit-btn,.manage-btn,.view-codes-btn,.hide-codes-btn,.copy-codes-btn,.sign-out-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover,.edit-btn:hover,.manage-btn:hover,.view-codes-btn:hover,.hide-codes-btn:hover,.copy-codes-btn:hover,.sign-out-btn:hover{background:var(--bg-secondary);border-color:#3a3a3a}.save-btn,.cancel-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.save-btn:hover{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.cancel-btn:hover{background:var(--bg-secondary);border-color:#3a3a3a;color:var(--text-primary)}.setup-2fa-btn{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.setup-2fa-btn:hover{background:var(--accent-green);color:var(--bg-primary)}.setup-2fa-btn svg{width:14px;height:14px}.disable-2fa-btn{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.disable-2fa-btn:hover{background:var(--accent-red);color:#fff}.twofa-enabled,.twofa-disabled{display:flex;justify-content:space-between;align-items:center}.twofa-info{display:flex;flex-direction:column;gap:4px}.twofa-status{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--accent-green)}.twofa-status .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.twofa-icon-enabled{width:16px;height:16px;color:var(--accent-green)}.twofa-phone{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.twofa-phone svg{width:14px;height:14px;color:var(--text-muted)}.twofa-status-text{font-size:14px;color:var(--text-secondary)}.backup-codes-field{margin-top:4px}.backup-codes-hidden{display:flex;justify-content:space-between;align-items:center}.backup-codes-info{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.backup-codes-info span{font-size:14px;color:var(--text-secondary)}.backup-codes-icon{width:18px;height:18px;color:var(--text-muted)}.backup-codes-visible{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.backup-code-item{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;color:var(--text-primary);background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;text-align:center;border:1px solid var(--border-color)}.backup-codes-actions{display:flex;gap:8px}.sms-downloads-content{padding:20px 0;border-bottom:1px solid var(--border-subtle)}.sms-downloads-info{display:flex;flex-direction:column;gap:12px}.sms-downloads-description{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.sms-downloads-number-row{display:flex;align-items:center;gap:12px}.sms-downloads-label{font-size:14px;color:var(--text-secondary)}.save-contact-inline{display:flex;align-items:center;gap:8px}.save-contact-inline-number{background:var(--bg-tertiary);padding:8px 14px;border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;border:1px solid var(--border-color);color:var(--text-primary)}.save-contact-inline-button,.save-contact-inline-sms{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);text-decoration:none}.save-contact-inline-button:hover,.save-contact-inline-sms:hover{background:var(--bg-secondary);border-color:#3a3a3a;color:var(--text-primary)}.sms-downloads-linked{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.sms-downloads-linked svg{width:14px;height:14px;color:var(--text-muted)}.sms-downloads-actions{display:flex;gap:8px;margin-top:16px}.sms-downloads-actions .save-contact-container{gap:8px}.sms-downloads-actions .save-contact-button{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s ease}.sms-downloads-actions .save-contact-button:hover{background:var(--accent-green);color:var(--bg-primary);transform:none;box-shadow:none}.sms-downloads-actions .save-contact-sms-link{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s ease}.sms-downloads-actions .save-contact-sms-link:hover{background:var(--bg-secondary);border-color:#3a3a3a}.sms-downloads-help{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;margin-top:12px}.sms-downloads-help p{font-size:13px;color:var(--text-secondary);margin:0}.sms-downloads-help strong{color:var(--text-primary);font-weight:500}.account-actions{padding:20px 0;border-bottom:1px solid var(--border-subtle)}.danger-zone-drawer{margin-top:16px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.danger-zone-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--bg-secondary);border:none;cursor:pointer;transition:background .15s ease;font-family:inherit}.danger-zone-toggle:hover{background:var(--bg-tertiary)}.danger-zone-toggle-content{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px;font-weight:500}.danger-zone-toggle-content svg{width:18px;height:18px}.danger-zone-chevron{color:var(--text-muted);width:20px;height:20px;transition:transform .2s ease}.danger-zone-chevron.rotated{transform:rotate(180deg)}.danger-zone-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.danger-zone-drawer.expanded .danger-zone-content{max-height:300px}.danger-zone-inner{padding:20px}.danger-zone-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-subtle);gap:24px}.danger-zone-item:last-child{border-bottom:none;padding-bottom:0}.danger-zone-item:first-child{padding-top:0}.danger-zone-item-info h3{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.danger-zone-item-info p{font-size:13px;color:var(--text-secondary);margin:0;max-width:400px}.danger-zone-btn{background:var(--accent-red);color:#fff;border:1px solid var(--accent-red);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.danger-zone-btn:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.danger-zone-btn svg{width:14px;height:14px}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-restriction-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:480px;overflow:hidden}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.profile-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.profile-close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:20px;line-height:1;transition:all .15s ease}.profile-close-button:hover{background:var(--bg-primary);color:var(--text-primary)}.profile-modal-content{padding:24px}.profile-restriction-explanation{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.profile-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.profile-features-warning .profile-feature{color:var(--text-secondary)}.profile-feature{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative}.profile-feature:before{content:"•";position:absolute;left:6px;color:var(--text-muted)}.profile-confirm-section{margin-top:20px}.profile-confirm-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.profile-confirm-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;font-size:14px;color:var(--text-primary);font-family:inherit}.profile-confirm-input:focus{outline:none;border-color:var(--accent-red)}.profile-modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:12px 14px;color:var(--accent-red);font-size:13px;margin-top:16px}.profile-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-subtle);justify-content:flex-end}.profile-secondary-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.profile-secondary-button:hover{background:var(--bg-primary);border-color:#3a3a3a}.profile-secondary-button:disabled{opacity:.5;cursor:not-allowed}.profile-upgrade-button{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.profile-upgrade-button:hover{background:#e0e0e0;border-color:#e0e0e0}.profile-upgrade-button:disabled{opacity:.5;cursor:not-allowed}.profile-danger-button{background:var(--accent-red);color:#fff;border:1px solid var(--accent-red);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.profile-danger-button:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.profile-danger-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.profile-container{padding:100px 16px 32px}.profile-header h1{font-size:18px}.settings-row{flex-direction:column;align-items:flex-start;gap:12px}.row-actions{width:100%}.row-actions .btn-secondary,.row-actions .btn-danger-outline,.row-actions .btn-green-outline{width:100%;justify-content:center}.sms-row .row-actions{width:100%}.sms-row .save-contact-button{width:100%!important;justify-content:center!important}.danger-zone-item{flex-direction:column;align-items:flex-start;gap:12px}.danger-zone-btn{width:100%;justify-content:center}.danger-zone-item-info p{max-width:100%}.backup-codes-grid{grid-template-columns:1fr}.backup-codes-hidden,.twofa-enabled,.twofa-disabled{flex-direction:column;align-items:flex-start;gap:12px}.sms-downloads-number-row{flex-direction:column;align-items:flex-start}.sms-downloads-actions{flex-direction:column}.sms-downloads-actions .save-contact-container{flex-direction:column;width:100%}.sms-downloads-actions .save-contact-button,.sms-downloads-actions .save-contact-sms-link{width:100%;justify-content:center}.profile-modal-actions{flex-direction:column}.profile-secondary-button,.profile-upgrade-button,.profile-danger-button{width:100%;text-align:center;justify-content:center}}@media (max-width: 480px){.profile-container{padding:90px 12px 24px}.field-display{flex-direction:column;align-items:flex-start;gap:8px}.profile-field>label{font-size:14px}.edit-field{flex-direction:column;width:100%}.edit-field input{width:100%}.edit-actions{width:100%;justify-content:flex-end}}.social-profile-page{min-height:100vh;background:var(--bg-primary, #ffffff)}.redirect-container,.success-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.redirect-container{flex-direction:column;gap:1rem;color:var(--text-secondary, #666)}.success-card{text-align:center;max-width:500px;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a}.success-icon{margin-bottom:1.5rem;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-card h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 .75rem}.success-card p{font-size:1rem;color:var(--text-secondary, #666);margin:0 0 .5rem;line-height:1.6}.countdown-text{font-size:.875rem;color:var(--text-tertiary, #9ca3af);margin:1.5rem 0 2rem!important}.continue-btn{padding:.875rem 2rem;background:var(--primary-color, #4F46E5);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.continue-btn:hover{background:var(--primary-hover, #4338CA);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}@media (max-width: 640px){.success-card{padding:2rem 1.5rem}.success-card h1{font-size:1.5rem}.success-icon svg{width:48px;height:48px}}:root{--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-tertiary: #16161a;--bg-elevated: #1c1c21;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-emphasis: rgba(255, 255, 255, .15);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--instagram: #E4405F;--tiktok: #00f2ea;--youtube: #FF0000;--facebook: #1877F2;--linkedin: #0A66C2;--x: #14171A;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}.social-analytics-page{min-height:100vh;background:var(--bg-primary)}.social-analytics-page .main-content{padding:28px 40px;max-width:1200px;margin:0 auto}.social-analytics-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.social-analytics-page .page-title{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.social-analytics-page .page-subtitle{color:var(--text-secondary);font-size:14px}.social-analytics-page .header-actions{display:flex;gap:10px}.social-analytics-page .btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;border:none}.social-analytics-page .btn svg{width:15px;height:15px}.social-analytics-page .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.social-analytics-page .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-emphasis)}.social-analytics-page .btn-primary{background:var(--text-primary);color:var(--bg-primary)}.social-analytics-page .btn-primary:hover{opacity:.9;transform:translateY(-1px)}.connect-dropdown-container{position:relative}.connect-dropdown-trigger{display:inline-flex;align-items:center;gap:7px}.dropdown-chevron{transition:transform .2s ease;margin-left:2px}.dropdown-chevron.open{transform:rotate(180deg)}.connect-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px;min-width:240px;z-index:100;box-shadow:0 8px 24px #0006;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.connect-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-family:inherit;color:var(--text-primary)}.connect-dropdown-item:hover:not(.disabled){background:var(--bg-tertiary)}.connect-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.dropdown-item-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dropdown-item-text{flex:1;text-align:left;font-size:13px;font-weight:500}.dropdown-item-count{font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:10px}.account-selector-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.selector-label{font-size:13px;color:var(--text-tertiary);font-weight:500}.account-pills{display:flex;gap:8px;flex-wrap:wrap}.account-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:100px;cursor:pointer;transition:all .15s ease;font-family:inherit;color:inherit;overflow:visible}.account-pill.all{padding:6px 14px}.account-pill:hover{border-color:var(--border-default);background:var(--bg-tertiary)}.account-pill.selected{border-color:var(--border-emphasis);background:var(--bg-elevated)}.pill-avatar{width:48px;height:48px;border-radius:50%;overflow:visible;position:relative;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.pill-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pill-avatar-placeholder{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);overflow:visible}.pill-avatar-placeholder svg,.pill-avatar-placeholder a{width:100%!important;height:100%!important}.pill-platform{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-secondary);flex-shrink:0}.pill-platform svg,.pill-platform a{width:100%!important;height:100%!important}.pill-platform.tiktok{background:#000;border:2px solid #000000}.pill-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.account-pill.selected .pill-name{color:var(--text-primary)}.tabs{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md);width:fit-content;margin-bottom:24px}.tab{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-elevated);color:var(--text-primary)}.tab svg{width:15px;height:15px}.tab-badge{background:var(--warning-bg);color:var(--warning);font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.analytics-section{animation:fadeIn .4s ease}.accounts-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:100%}.account-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:visible;transition:all .2s ease}.account-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle);overflow:visible}.card-avatar{width:80px;height:80px;border-radius:50%;overflow:visible;position:relative;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-avatar-placeholder{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);overflow:visible}.account-avatar-placeholder svg,.account-avatar-placeholder a{width:100%!important;height:100%!important}.card-avatar-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);color:#fff;flex-shrink:0}.card-avatar-badge svg,.card-avatar-badge a{width:100%!important;height:100%!important}.card-avatar-badge.instagram{background:var(--instagram)}.card-avatar-badge.tiktok{background:#000;border:2px solid #000000}.card-avatar-badge.youtube{background:var(--youtube)}.card-avatar-badge.facebook{background:var(--facebook)}.card-avatar-badge.linkedin{background:var(--linkedin)}.card-avatar-badge.x{background:var(--x)}.card-info{flex:1;min-width:0}.card-name{font-size:14px;font-weight:600;margin-bottom:1px}.card-handle-row{display:flex;align-items:center;gap:8px}.card-handle{font-size:12px;color:var(--text-tertiary)}.card-status{font-size:9px;font-weight:600;padding:2px 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;background:var(--success-bg);color:var(--success)}.card-status.disconnected{background:var(--error-bg);color:var(--error)}.card-actions{display:flex;gap:4px}.card-action{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.card-action:hover{background:var(--bg-elevated);color:var(--text-primary)}.card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-subtle)}.stat{background:var(--bg-secondary);padding:14px 12px;text-align:center}.stat-value{font-size:16px;font-weight:700;font-family:JetBrains Mono,Courier New,monospace;margin-bottom:2px}.stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;display:flex;flex-direction:column;gap:2px}.stat-period{font-size:8px;color:var(--text-muted);font-weight:500;text-transform:lowercase;letter-spacing:.02em}.card-chart{padding:14px 18px;border-top:1px solid var(--border-subtle)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-title{font-size:11px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.chart-period{font-size:10px;color:var(--text-muted)}.reach-chart{height:64px;display:flex;align-items:flex-end;gap:2px;margin-bottom:6px;position:relative}.reach-bar{flex:1;border-radius:2px 2px 0 0;transition:all .15s ease;cursor:pointer;min-width:2px}.reach-bar:hover,.reach-bar.hovered{opacity:.8;transform:translateY(-2px)}.chart-tooltip{position:absolute;bottom:100%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-emphasis);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:8px;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .15s ease}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--bg-elevated)}.tooltip-value{font-size:14px;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace;margin-bottom:2px;white-space:nowrap}.tooltip-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chart-dates{display:flex;justify-content:space-between}.chart-date{font-size:9px;color:var(--text-muted);font-family:JetBrains Mono,Courier New,monospace}.no-chart-data{height:64px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.error-message{color:var(--error);margin-bottom:16px;font-size:14px}.retry-button{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.retry-button:hover{background:var(--bg-elevated);border-color:var(--border-emphasis)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-card{animation:fadeIn .4s ease backwards}.account-card:nth-child(1){animation-delay:.1s}.account-card:nth-child(2){animation-delay:.15s}.account-card:nth-child(3){animation-delay:.2s}.account-card:nth-child(4){animation-delay:.25s}.account-card:nth-child(5){animation-delay:.3s}.account-card:nth-child(6){animation-delay:.35s}.scheduled-section{animation:fadeIn .4s ease}.scheduled-loading,.scheduled-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.scheduled-loading p{color:var(--text-secondary);font-size:14px}.posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.posts-count{font-size:13px;color:var(--text-tertiary)}.posts-count strong{color:var(--text-primary)}.posts-filters{display:flex;gap:10px}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;font-family:inherit}.filter-select:hover{border-color:var(--border-emphasis)}.filter-select:focus{outline:none;border-color:var(--text-primary)}.posts-list{display:flex;flex-direction:column;gap:12px}.post-row{display:grid;grid-template-columns:240px 1fr auto;gap:20px;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;transition:all .15s ease;position:relative}.post-status-actions-row{display:contents}@media (min-width: 769px){.post-row{padding-top:16px}.post-actions-col{position:absolute;top:12px;right:12px}}.post-row:hover{border-color:var(--border-default);background:var(--bg-tertiary)}.post-media-preview{width:240px;height:160px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);position:relative;flex-shrink:0}.post-media-preview.carousel{display:flex;align-items:center;justify-content:center}.post-media-preview .carousel-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.post-media-preview .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;z-index:2;padding:0}.post-media-preview:hover .carousel-arrow{opacity:1}.post-media-preview .carousel-arrow:hover{background:#000c}.post-media-preview .carousel-arrow-left{left:8px}.post-media-preview .carousel-arrow-right{right:8px}.post-media-preview .carousel-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:11px;font-weight:500;padding:3px 10px;border-radius:12px;z-index:2}.post-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;grid-column:1 / -1;grid-row:1 / -1}.media-count-badge{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.post-info{min-width:0}.post-caption{font-size:13px;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.post-meta-row{display:flex;align-items:center;gap:16px}.post-target-accounts{display:flex;gap:4px}.post-target-avatar{position:relative;width:24px;height:24px}.post-target-avatar img{width:24px;height:24px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.post-target-platform{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-secondary);color:#fff}.post-target-platform.instagram{background:var(--instagram)}.post-target-platform.facebook{background:var(--facebook)}.post-target-platform.tiktok{background:#000}.post-target-platform.x{background:var(--x)}.post-target-platform.linkedin{background:var(--linkedin)}.post-schedule-time{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.post-status-col{min-width:90px;text-align:center}.post-status{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;text-transform:capitalize}.post-status.scheduled{background:var(--warning-bg);color:var(--warning)}.post-status.processing{background:#3b82f61a;color:#3b82f6}.post-status.completed{background:var(--success-bg);color:var(--success)}.post-status.failed{background:var(--error-bg);color:var(--error)}.post-status.cancelled{background:#71717a1a;color:var(--text-tertiary)}.post-actions-col{display:flex;gap:6px}.post-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.post-action-btn:hover{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.pagination-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-emphasis)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-state-icon{margin-bottom:16px;color:var(--text-muted)}.empty-state-title{font-size:16px;font-weight:600;margin-bottom:6px}.empty-state-description{font-size:13px;color:var(--text-tertiary);margin-bottom:20px;max-width:300px}.empty-state-action{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease;border:none;cursor:pointer;font-family:inherit}.empty-state-action:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.social-analytics-page .main-content{padding:20px}.social-analytics-page .page-header{flex-direction:column;gap:16px;align-items:flex-start}.social-analytics-page .header-actions{width:100%}.social-analytics-page .header-actions .btn{flex:1;justify-content:center}.account-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.account-pill{flex-shrink:0}.card-stats{grid-template-columns:repeat(2,1fr)}.posts-header{flex-direction:column;align-items:flex-start;gap:12px}.posts-filters{width:100%}.filter-select{flex:1}.post-row{display:flex;flex-direction:column;align-items:stretch;gap:12px}.post-media-preview{width:100%;max-width:240px;height:160px;margin:0 auto}.post-media-preview .carousel-arrow{width:28px;height:28px;opacity:1}.post-media-preview .carousel-arrow svg{width:14px;height:14px}.post-info{text-align:left;width:100%}.post-status-actions-row{display:flex;align-items:center;justify-content:space-between;width:100%}.post-status-col{flex:1;text-align:left;justify-content:flex-start}.post-actions-col{justify-content:flex-end}}.edit-schedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-schedule-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:420px;overflow:hidden}.edit-schedule-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.edit-schedule-modal .modal-header h3{font-size:16px;font-weight:600;margin:0}.edit-schedule-modal .close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.edit-schedule-modal .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.edit-schedule-modal .modal-body{padding:20px}.edit-schedule-modal .post-preview-mini{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:20px}.edit-schedule-modal .preview-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.edit-schedule-modal .preview-caption{font-size:13px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.edit-schedule-modal .schedule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-schedule-modal .input-group{display:flex;flex-direction:column;gap:6px}.edit-schedule-modal .input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.edit-schedule-modal .input-group input{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease}.edit-schedule-modal .input-group input:focus{outline:none;border-color:var(--border-emphasis)}.edit-schedule-modal .input-group input:disabled{opacity:.5;cursor:not-allowed}.edit-schedule-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-subtle);gap:12px}.edit-schedule-modal .footer-right{display:flex;align-items:center;gap:8px}.edit-schedule-modal .btn-post-now{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--success);color:var(--success);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:110px;justify-content:center}.edit-schedule-modal .btn-post-now:hover:not(:disabled){background:var(--success-bg)}.edit-schedule-modal .btn-post-now.confirming{background:var(--success);color:#fff;border-color:var(--success);animation:pulse-confirm 1s ease-in-out infinite}.edit-schedule-modal .btn-post-now.confirming:hover:not(:disabled){background:#1db954}@keyframes pulse-confirm{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.edit-schedule-modal .btn-post-now:disabled{opacity:.5;cursor:not-allowed}.edit-schedule-modal .btn-cancel{padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.edit-schedule-modal .btn-cancel:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.edit-schedule-modal .btn-save{padding:8px 16px;background:var(--text-primary);border:none;color:var(--bg-primary);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.edit-schedule-modal .btn-save:hover:not(:disabled){opacity:.9}.edit-schedule-modal .btn-save:disabled,.edit-schedule-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.edit-schedule-modal .schedule-inputs{grid-template-columns:1fr}.edit-schedule-modal .modal-footer{flex-direction:column}.edit-schedule-modal .btn-post-now{width:100%;justify-content:center}.edit-schedule-modal .footer-right{width:100%}.edit-schedule-modal .footer-right button{flex:1}}.auth-page-new{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f0f0f0;overflow:hidden}.auth-background-blur{position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%);filter:blur(60px);z-index:0}.auth-container-new{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.auth-card-glassmorphic{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:4rem 3rem;max-width:420px;width:100%;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffe6;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeInUp .6s ease}.auth-brand-section{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.auth-brand-logo{width:100%;height:auto;object-fit:contain}.auth-brand-icon{width:80px;height:80px;background:#fff9;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffffe6}.brand-icon-placeholder{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.auth-brand-title{font-size:2.5rem;font-weight:300;letter-spacing:.2em;color:#0000004d;margin:0;text-transform:uppercase;font-family:Inter,-apple-system,sans-serif;text-shadow:0 2px 8px rgba(255,255,255,.5)}.auth-error-message{background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.875rem 1.25rem;border-radius:12px;font-size:.875rem;width:100%;text-align:center;box-shadow:0 2px 8px #ef44441a}.auth-error-message.success{background:#0596691a;border-color:#05966933;color:#059669;box-shadow:0 2px 8px #0596691a}.google-signin-btn-new{width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 16px #00000014,inset 0 1px #fff}.google-signin-btn-new:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,inset 0 1px #fff}.google-signin-btn-new:active:not(:disabled){transform:translateY(0)}.google-signin-btn-new:disabled{opacity:.6;cursor:not-allowed}.google-icon-new{width:24px;height:24px;flex-shrink:0}.button-spinner-new{width:20px;height:20px;animation:spin 1s linear infinite}.auth-terms-new{text-align:center;width:100%}.auth-terms-text-new{font-size:.75rem;line-height:1.5;color:#00000080;margin:0}.auth-terms-link-new{color:#000000b3;text-decoration:underline;transition:color .2s ease}.auth-terms-link-new:hover{color:#000000e6}.email-login-toggle{background:none;border:none;color:#0009;font-size:.875rem;cursor:pointer;padding:.75rem;transition:color .2s ease;text-decoration:underline}.email-login-toggle:hover:not(:disabled){color:#000000e6}.email-login-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-email-form{width:100%;display:flex;flex-direction:column;gap:1rem}.form-group-new{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label-new{font-size:.875rem;font-weight:500;color:#000000b3}.form-input-new{width:100%;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:.875rem 1rem;font-size:.9375rem;color:#000000e6;outline:none;transition:all .2s ease;box-sizing:border-box}.form-input-new::placeholder{color:#0006}.form-input-new:focus{border-color:#0000004d;background:#fff;box-shadow:0 0 0 3px #0000000d}.form-input-new:disabled{opacity:.6;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%}.password-toggle-new{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#00000080;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-new:hover:not(:disabled){color:#000c}.password-toggle-new:disabled{opacity:.5;cursor:not-allowed}.forgot-password-btn{background:none;border:none;color:#0009;font-size:.8125rem;cursor:pointer;padding:.25rem 0;text-align:left;transition:color .2s ease}.forgot-password-btn:hover:not(:disabled){color:#000000e6;text-decoration:underline}.forgot-password-btn:disabled{opacity:.5;cursor:not-allowed}.auth-loading-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:400px}.loading-spinner-new{width:40px;height:40px;color:#0000004d;animation:spin 1s linear infinite}.auth-loading-new p{color:#00000080;font-size:.9375rem}@media (max-width: 768px){.auth-container-new{padding:1.5rem}.auth-card-glassmorphic{padding:3rem 2rem;border-radius:24px}.auth-brand-icon{width:64px;height:64px;font-size:2rem}.auth-brand-title{font-size:2rem;letter-spacing:.15em}.google-signin-btn-new{padding:.875rem 1.25rem;font-size:.9375rem}}@media (max-width: 480px){.auth-page-new{background:#f0f0f0}.auth-container-new{padding:1rem}.auth-card-glassmorphic{padding:2.5rem 1.5rem;border-radius:20px;gap:1.5rem}.auth-brand-icon{width:56px;height:56px;font-size:1.75rem;border-radius:16px}.auth-brand-title{font-size:1.75rem;letter-spacing:.1em}.google-signin-btn-new{padding:.75rem 1rem;font-size:.875rem}.auth-terms-text-new{font-size:.6875rem}}.sms-consent-container{margin:1.5rem 0;padding:1.25rem;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px}.sms-consent-label{display:flex;align-items:flex-start;cursor:pointer;gap:12px}.sms-consent-checkbox{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}.sms-consent-text{font-size:14px;line-height:1.6;color:#212529}.sms-consent-text strong{color:#000;font-weight:600}.sms-message-types{margin:.75rem 0;padding-left:1.5rem;list-style-type:disc}.sms-message-types li{margin:.25rem 0;font-size:13px}.sms-consent-details{display:block;margin-top:.75rem;font-size:12px;color:#6c757d;font-style:italic}.sms-consent-details a{color:#0d6efd;text-decoration:underline}.sms-consent-details a:hover{color:#0a58ca}.sms-consent-error{margin-top:.5rem;padding:.5rem;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:4px;color:#842029;font-size:13px}.sms-consent-checkbox:focus{outline:2px solid #0d6efd;outline-offset:2px}.sms-consent-label:hover .sms-consent-text{color:#000}.two-factor-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f0f0f0;overflow:hidden}.two-factor-background-blur{position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%);filter:blur(60px);z-index:0}.two-factor-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.two-factor-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:3rem;max-width:480px;width:100%;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffe6;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp .6s ease}.two-factor-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%}.two-factor-logo{width:100%;max-width:200px;height:auto;margin-bottom:.5rem}.two-factor-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000000f}.two-factor-icon{width:36px;height:36px;color:#3b82f6}.two-factor-title{font-size:1.75rem;font-weight:600;color:#000000d9;margin:0}.two-factor-subtitle{font-size:.9375rem;color:#0009;margin:0;line-height:1.5}.two-factor-error{background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.875rem 1.25rem;border-radius:12px;font-size:.875rem;width:100%;text-align:center;box-shadow:0 2px 8px #ef44441a}.two-factor-form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.form-group-2fa{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label-2fa{font-size:.875rem;font-weight:500;color:#000000b3}.form-input-2fa{width:100%;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:.875rem 1rem;font-size:1rem;color:#000000e6;outline:none;transition:all .2s ease;box-sizing:border-box}.form-input-2fa::placeholder{color:#0006}.form-input-2fa:focus{border-color:#3b82f680;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-input-2fa:disabled{opacity:.6;cursor:not-allowed}.phone-input-wrapper{position:relative;width:100%}.phone-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#0006}.phone-input{padding-left:2.75rem}.form-help-text{font-size:.8125rem;color:#00000080}.code-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5em;font-family:SF Mono,Monaco,Menlo,monospace}.two-factor-btn{width:100%;border-radius:14px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;border:none}.two-factor-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f64d}.two-factor-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.two-factor-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.two-factor-btn.secondary{background:#ffffffe6;color:#000000b3;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000f}.two-factor-btn.secondary:hover:not(:disabled){background:#fff;border-color:#0003}.two-factor-btn.secondary:disabled{opacity:.6;cursor:not-allowed}.two-factor-btn.text{background:none;color:#0009;padding:.5rem}.two-factor-btn.text:hover:not(:disabled){color:#000000e6;text-decoration:underline}.backup-codes-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.success-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-radius:20px;display:flex;align-items:center;justify-content:center}.success-icon{color:#22c55e}.backup-title{font-size:1.25rem;font-weight:600;color:#000000d9;margin:0}.backup-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:1rem;font-size:.875rem;color:#000000b3;width:100%;text-align:center;line-height:1.5}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.backup-code{background:#0000000a;border-radius:8px;padding:.75rem;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875rem;font-weight:500;text-align:center;color:#000c;letter-spacing:.05em}.step-indicator{display:flex;gap:.5rem;margin-top:.5rem}.step-dot{width:8px;height:8px;border-radius:50%;background:#00000026;transition:all .3s ease}.step-dot.active{background:#3b82f6;transform:scale(1.2)}.step-dot.completed{background:#22c55e}@media (max-width: 480px){.two-factor-container{padding:1rem}.two-factor-card{padding:2rem 1.5rem;border-radius:24px}.two-factor-title{font-size:1.5rem}.backup-codes-grid{grid-template-columns:1fr}.code-input{font-size:1.25rem;letter-spacing:.3em}}.two-factor-verify-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f0f0f0;overflow:hidden}.two-factor-verify-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.two-factor-verify-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:3rem;max-width:420px;width:100%;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffe6;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.two-factor-verify-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%}.two-factor-verify-logo{width:100%;max-width:200px;height:auto;margin-bottom:.5rem}.two-factor-verify-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000000f}.two-factor-verify-icon{width:36px;height:36px;color:#3b82f6}.two-factor-verify-title{font-size:1.5rem;font-weight:600;color:#000000d9;margin:0}.two-factor-verify-subtitle{font-size:.9375rem;color:#0009;margin:0;line-height:1.5}.two-factor-verify-error{background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.875rem 1.25rem;border-radius:12px;font-size:.875rem;width:100%;text-align:center;box-shadow:0 2px 8px #ef44441a}.two-factor-verify-form{width:100%;display:flex;flex-direction:column;gap:1rem}.form-group-verify{width:100%}.form-input-verify{width:100%;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem;font-size:1.5rem;font-weight:600;color:#000000e6;outline:none;transition:all .2s ease;box-sizing:border-box;text-align:center}.form-input-verify.sms-code{letter-spacing:.5em;font-family:SF Mono,Monaco,Menlo,monospace}.form-input-verify.backup-code{letter-spacing:.15em;font-family:SF Mono,Monaco,Menlo,monospace;text-transform:uppercase}.form-input-verify::placeholder{color:#0000004d;letter-spacing:.5em}.form-input-verify:focus{border-color:#3b82f680;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-input-verify:disabled{opacity:.6;cursor:not-allowed}.two-factor-verify-btn{width:100%;border-radius:14px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;border:none}.two-factor-verify-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f64d}.two-factor-verify-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.two-factor-verify-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.two-factor-verify-btn.text{background:none;color:#0009;padding:.5rem;width:auto}.two-factor-verify-btn.text:hover:not(:disabled){color:#000000e6}.two-factor-verify-btn.text.with-icon{gap:.375rem}.two-factor-verify-btn.text.danger{color:#dc2626b3}.two-factor-verify-btn.text.danger:hover:not(:disabled){color:#dc2626}.btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.two-factor-verify-options{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05)}@media (max-width: 480px){.two-factor-verify-container{padding:1rem}.two-factor-verify-card{padding:2rem 1.5rem;border-radius:24px}.two-factor-verify-title,.form-input-verify{font-size:1.25rem}.form-input-verify.sms-code{letter-spacing:.3em}}.page-container:has(.username-analytics-page){padding:0}.username-analytics-page{min-height:100vh;background-color:#0a0a0a;padding-top:60px}.username-analytics-page .page-content{max-width:1400px;margin:0 auto;padding:2rem 2rem 2rem 0}.username-analytics-page .page-header{margin-bottom:2rem;padding:0}.username-analytics-page .page-header h1{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.username-analytics-page .page-subtitle{font-size:1rem;color:#888;margin:0}.username-analytics-page .analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;padding:0}.username-analytics-page .analytics-stat{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease;grid-column:auto}.username-analytics-page .analytics-stat:hover{border-color:#444;transform:translateY(-2px)}.username-analytics-page .analytics-stat.stat-highlight{border-color:#fff;background:linear-gradient(135deg,#0f1419,#070a0f);grid-column:auto}.username-analytics-page .stat-icon{color:#fff;flex-shrink:0}.username-analytics-page .stat-content{flex:1}.username-analytics-page .stat-label{font-size:.875rem;color:#888;margin-bottom:.5rem}.username-analytics-page .stat-value{font-size:1.75rem;font-weight:600;color:#fff;line-height:1}.username-analytics-page .stat-meta{font-size:.75rem;color:#666;margin-top:.25rem}.username-analytics-page .controls-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:0 1rem}.username-analytics-page .search-box{flex:1;min-width:250px;position:relative}.username-analytics-page .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.username-analytics-page .search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9375rem;transition:all .2s ease}.username-analytics-page .search-input:focus{outline:none;border-color:#fff;background:#0a0a0a}.username-analytics-page .sort-box{display:flex;align-items:center;gap:.75rem}.username-analytics-page .sort-box label{color:#888;font-size:.9375rem;white-space:nowrap}.username-analytics-page .sort-select{padding:.75rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.username-analytics-page .sort-select:hover{border-color:#444}.username-analytics-page .sort-select:focus{outline:none;border-color:#fff}.username-analytics-page .username-table{background:#0f0f0f;border:1px solid #222;border-radius:12px;overflow:hidden;margin-bottom:2rem}.username-analytics-page .username-table-header{display:none;background:#1a1a1a;padding:1rem;border-bottom:1px solid #222}.username-analytics-page .header-cell{font-size:.875rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.username-analytics-page .username-row{border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s ease}.username-analytics-page .username-row:last-child{border-bottom:none}.username-analytics-page .username-row:hover{background:#ffffff0a}.username-analytics-page .username-row.expanded{background:#1a1a1a}.username-analytics-page .username-row-content{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;cursor:pointer}.username-analytics-page .username-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem}.username-analytics-page .username-info{grid-column:1 / -1;margin-bottom:.5rem;align-items:center}.username-analytics-page .username-actions{grid-column:1 / -1;justify-content:center;margin-top:.5rem}.username-analytics-page .username-display{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff}.username-analytics-page .platform-icon{color:#fff}.username-analytics-page .username-platform{display:flex;justify-content:center;gap:.5rem;margin-top:.25rem}.username-analytics-page .badge-platform{display:inline-block;padding:.25rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:.75rem;color:#fff;text-transform:capitalize}.username-analytics-page .cell-value{font-size:1.25rem;font-weight:600;color:#fff}.username-analytics-page .cell-label{font-size:.75rem;color:#666}.username-analytics-page .expand-button{align-self:flex-start;padding:.5rem;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.username-analytics-page .expand-button:hover{color:#fff}.username-analytics-page .username-expanded{padding:1.5rem 1rem;border-top:1px solid #222;background:#0a0a0a}.username-analytics-page .top-posts-preview{margin-bottom:1.5rem}.username-analytics-page .top-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.username-analytics-page .top-posts-header h3{font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.3px;margin:0}.username-analytics-page .sort-controls{display:flex;gap:.5rem;flex-wrap:wrap}.username-analytics-page .sort-button{padding:.5rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;font-size:.875rem;cursor:pointer;transition:all .2s ease}.username-analytics-page .sort-button:hover{border-color:#444;color:#fff}.username-analytics-page .sort-button.active{background:#fff;border-color:#fff;color:#000}.username-analytics-page .top-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.username-analytics-page .top-post-card{background:#0f0f0f;border:1px solid #222;border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer}.username-analytics-page .top-post-card:hover{border-color:#333;transform:scale(1.02)}.username-analytics-page .post-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#1a1a1a}.username-analytics-page .post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.username-analytics-page .video-badge{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;z-index:1}.username-analytics-page .stack-indicator{position:absolute;top:.5rem;left:.5rem;background:#0000000d;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.username-analytics-page .post-stats{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;display:flex;justify-content:space-between;padding:.5rem .75rem;font-size:.875rem;background:#0000000d;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.username-analytics-page .post-stat{display:flex;align-items:center;gap:.25rem;color:#fff}.username-analytics-page .view-all-button{width:100%;padding:.875rem 1.5rem;background:#fff;border:none;border-radius:8px;color:#000;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.username-analytics-page .view-all-button:hover{background:#f5f5f5;transform:translateY(-1px)}.username-analytics-page .top-posts-loading{min-height:200px}.username-analytics-page .loading-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.username-analytics-page .post-skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;padding-top:100%}.username-analytics-page .stats-skeleton{display:flex;flex-direction:column;gap:1rem}.username-analytics-page .skeleton-row{height:80px;background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.username-analytics-page .empty-state,.username-analytics-page .error-state,.username-analytics-page .no-results,.username-analytics-page .top-posts-empty{text-align:center;padding:3rem 1rem}.username-analytics-page .empty-icon{color:#333;margin-bottom:1rem}.username-analytics-page .empty-state h2{font-size:1.5rem;color:#fff;margin:0 0 .5rem}.username-analytics-page .empty-state p,.username-analytics-page .error-state p,.username-analytics-page .no-results p,.username-analytics-page .top-posts-empty p{color:#888;margin-bottom:1.5rem}.username-analytics-page .primary-button,.username-analytics-page .retry-button,.username-analytics-page .clear-search-button{padding:.875rem 2rem;background:#fff;border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.username-analytics-page .primary-button:hover,.username-analytics-page .retry-button:hover,.username-analytics-page .clear-search-button:hover{background:#ea580c;transform:translateY(-1px)}.username-analytics-page .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.username-analytics-page .pagination-button{padding:.75rem 1.5rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.username-analytics-page .pagination-button:hover:not(:disabled){background:#222;border-color:#444}.username-analytics-page .pagination-button:disabled{opacity:.5;cursor:not-allowed}.username-analytics-page .pagination-info{color:#888;font-size:.9375rem}@media (max-width: 768px){.username-analytics-page .page-content{padding:2rem 1rem}}@media (min-width: 768px){.username-analytics-page .analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0}.username-analytics-page .username-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 80px;gap:1rem;align-items:center}.username-analytics-page .username-row-content{grid-template-columns:2fr 1fr 1fr 1fr 1fr 80px;align-items:center;padding:.75rem 1rem}.username-analytics-page .username-cell{flex-direction:row;align-items:baseline;gap:.5rem}.username-analytics-page .username-info{flex-direction:column;align-items:flex-start;margin-bottom:0}.username-analytics-page .cell-label{display:none}.username-analytics-page .username-expanded{padding:2rem 1rem}.username-analytics-page .top-posts-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.username-analytics-page .username-row-content .username-cell:nth-child(5){text-align:right;justify-content:flex-end}.username-analytics-page .expand-button{align-self:center}.username-analytics-page .sort-controls{margin-left:0}}@media (min-width: 1024px){.username-analytics-page .page-content{padding:3rem 2rem 3rem 0}.username-analytics-page .analytics-grid{grid-template-columns:repeat(5,1fr)}.username-analytics-page .top-posts-grid{grid-template-columns:repeat(6,1fr)}}.agent-dashboard{background-color:var(--bg-app, #000000);min-height:100vh;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.agent-dashboard-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px;flex-wrap:wrap}.agent-dashboard-title-section{display:flex;flex-direction:column;gap:8px}.agent-dashboard-title{font-size:28px;font-weight:600;color:#fff;margin:0}.agent-dashboard-count{font-size:14px;color:#fff9;margin:0;font-weight:400}.agent-dashboard-create-btn{background-color:#fff;border:none;border-radius:6px;padding:8px 16px;color:#000;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-family:inherit}.agent-dashboard-create-btn:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.agent-dashboard-content{max-width:1400px;margin:0 auto;padding:24px 32px}.agent-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#fff9}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#2196f3cc;border-radius:50%;animation:spin 1s linear infinite}.agent-dashboard-empty{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:60px 40px;text-align:center;background-color:#ffffff05}.agent-dashboard-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.agent-dashboard-empty-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.agent-dashboard-empty-description{font-size:14px;color:#fff9;max-width:400px;margin:0 auto 24px}.agent-dashboard-empty-btn{background-color:#2196f3cc;border:none;border-radius:6px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;font-family:inherit}.agent-dashboard-empty-btn:hover{background-color:#2196f3;transform:translateY(-2px)}.agent-dashboard-list{display:flex;flex-direction:column;gap:8px}.agent-dashboard-card{background-color:#ffffff05;border:1px solid #2a2a2a;border-radius:6px;padding:12px;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.agent-dashboard-card.hovered{background-color:#ffffff0a;border-color:#ffffff1f}.agent-dashboard-card-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.agent-dashboard-card-delete-wrapper{display:flex;align-items:center;justify-content:center;min-width:60px;flex-shrink:0}.agent-dashboard-card-delete-btn{min-width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#fff6;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.agent-dashboard-card-delete-btn:hover{background:#ffffff0d;color:#fff}.agent-dashboard-card-delete-btn:active{transform:scale(.95)}.agent-dashboard-card-delete-btn.confirm{background:#ef4444;color:#fff;padding:0 8px;font-size:10px;font-weight:600;min-width:60px;animation:pulseRed .5s ease-in-out}.agent-dashboard-card-delete-btn.confirm:hover{background:#dc2626}.agent-dashboard-card-icon{width:48px;height:48px;border-radius:8px;background-color:#2196f326;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.agent-dashboard-card-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.agent-dashboard-card-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.agent-dashboard-card-name{font-size:14px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-dashboard-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#888}.agent-dashboard-card-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;white-space:nowrap}.agent-dashboard-card-status-dot{width:4px;height:4px;border-radius:50%}.agent-dashboard-card-date{font-size:12px;color:#888;margin:0}.agent-dashboard-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:16px;margin-right:12px;flex-shrink:0}.agent-dashboard-card-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.agent-dashboard-card-metric-label{font-size:10px;color:#ffffff80;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:.3px}.agent-dashboard-card-metric-value{font-size:14px;font-weight:600;color:#fff;margin:0}.agent-dashboard-card-metric-value-type{font-size:14px;font-weight:500;color:#fffc;margin:0;text-transform:capitalize}.agent-dashboard-card-actions{display:flex;align-items:center;gap:6px;opacity:.4;transition:opacity .2s}.agent-dashboard-card-actions.visible{opacity:1}.agent-dashboard-card-action-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.agent-dashboard-card-action-btn.delete:hover{color:#fff;background-color:#ffffff0d}.agent-dashboard-card-action-btn.edit:hover{color:#ffffffe6;background-color:#ffffff14}.agent-dashboard-card-action-btn.confirm{background:#ef4444;color:#fff;padding:0 10px;font-size:11px;font-weight:600;min-width:60px;animation:pulseRed .5s ease-in-out}.agent-dashboard-card-action-btn.confirm:hover{background:#dc2626}@keyframes pulseRed{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 4px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.agent-dashboard-card-action-divider{width:1px;height:20px;background-color:#ffffff1a}@media (max-width: 1024px){.agent-dashboard-card-metrics{gap:12px;margin-right:10px}}@media (max-width: 768px){.agent-dashboard-page-header{margin-bottom:20px;align-items:center}.agent-dashboard-title-section{flex:1}.agent-dashboard-title{font-size:24px}.agent-dashboard-count{font-size:13px}.agent-dashboard-create-btn{padding:10px 16px;font-size:14px;flex-shrink:0}.agent-dashboard-content{padding:16px 12px}.agent-dashboard-list{gap:8px}.agent-dashboard-card{padding:12px;flex-direction:row;align-items:center;gap:12px;position:relative;background-color:#1a1a1a}.agent-dashboard-card.hovered{background-color:#1a1a1a;border-color:#3a3a3a}.agent-dashboard-card-left{gap:0;width:auto;flex:1;min-width:0;align-items:stretch}.agent-dashboard-card-delete-wrapper{display:none}.agent-dashboard-card-info{width:100%;flex:1;gap:4px}.agent-dashboard-card-name-row{margin-bottom:0;align-items:flex-start;flex-direction:column;gap:4px}.agent-dashboard-card-name{font-size:14px;font-weight:500;padding-right:0}.agent-dashboard-card-date{display:none}.agent-dashboard-card-status{font-size:12px;gap:4px;color:#10b981}.agent-dashboard-card-status-dot{width:6px;height:6px;background-color:#10b981}.agent-dashboard-card-metrics{width:auto;margin-right:0;gap:16px;grid-template-columns:auto auto;padding:0;border-top:none;flex-shrink:0}.agent-dashboard-card-metric{gap:2px;align-items:flex-end;text-align:right}.agent-dashboard-card-metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:400;color:#666;order:2}.agent-dashboard-card-metric-value,.agent-dashboard-card-metric-value-type{font-size:16px;font-weight:600;line-height:1;order:1}.agent-dashboard-card-metric-type{display:none}.agent-dashboard-card-actions{position:static;opacity:1;width:24px;height:24px;flex-shrink:0}.agent-dashboard-card-action-btn{width:24px;height:24px;padding:0;color:#666}.agent-dashboard-card-action-btn:hover{color:#999;background:none}}.input-wrapper{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:#ffffffb3}.form-input{padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;background:#1a1a1a;color:#fff}.form-input::placeholder{color:#ffffff4d}.form-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}select.form-input{cursor:pointer}.toggle-field{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:6px}.toggle-switch{display:inline-block;position:relative;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#0003;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#10a37f}input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-content{flex:1}.toggle-label{font-weight:600;font-size:14px;color:#fff}.toggle-description{font-size:13px;color:#ffffff80;margin-top:2px}.loading-message{padding:20px;text-align:center;color:#ffffff80}.data-sources-selected{margin-top:16px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:12px}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#ffffff}.radio-option label{font-size:14px;cursor:pointer;color:#fff}.form-description{font-size:14px;color:#fff9;margin-bottom:16px}.frequency-section{margin-top:16px}.frequency-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.frequency-option{padding:12px;border:1.5px solid rgba(255,255,255,.1);border-radius:6px;text-align:center;cursor:pointer;transition:all .2s;font-size:14px;color:#fff}.frequency-option:hover{border-color:#ffffff4d}.frequency-option.selected{background:#fff;color:#0d0d0d;border-color:#fff}.percentage-slider-container{margin-top:12px}.percentage-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;transition:all .2s}.percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #fff3}.percentage-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:all .2s}.percentage-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #fff3}.percentage-display{margin-top:12px;font-size:16px;font-weight:600;color:#fff;text-align:center}.post-count-display{padding:12px;font-size:14px;color:#ffffffe6;text-align:center;font-weight:500}.agent-detail-view{max-width:1400px;margin:0 auto;padding:24px 32px}.detail-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.detail-page-header-content h1{font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;color:var(--text-primary, #ececec)}.detail-page-header-content p{color:var(--text-secondary, #a0a0a0);font-size:14px}.detail-page-header-actions{display:flex;gap:12px}.detail-header-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.detail-main-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-bottom:32px}.detail-content{min-width:0}.detail-agent-card{background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;padding:24px}.detail-agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.detail-agent-title{display:flex;align-items:center;gap:12px}.detail-agent-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px}.detail-agent-title h2{font-size:20px;font-weight:600;color:var(--text-primary, #ececec);margin:0}.detail-agent-title p{color:var(--text-secondary, #a0a0a0);font-size:13px;margin:4px 0 0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#10a37f1a;color:#10a37f}.status-paused{background:#ff95001a;color:#ff9500}.status-error{background:#ef44441a;color:#ef4444}.status-ondemand{background:#ffffff0d;color:#fff9}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-active .status-dot{background:#10a37f}.status-paused .status-dot{background:#ff9500}.status-error .status-dot{background:#ef4444}.status-ondemand .status-dot{background:#fff9}.detail-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color, #2a2a2a)}.detail-config-item{display:flex;flex-direction:column}.detail-config-label{color:var(--text-secondary, #a0a0a0);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-config-value{color:var(--text-primary, #ececec);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.detail-tag{display:inline-flex;align-items:center;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);padding:4px 8px;border-radius:4px;font-size:12px;width:fit-content}.detail-section{margin-bottom:24px}.detail-empty-text{color:var(--text-secondary, #a0a0a0);font-size:13px;margin:0}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, #2a2a2a);margin-bottom:24px}.detail-tab{padding:12px 16px;border:none;background:none;color:var(--text-secondary, #a0a0a0);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.detail-tab:hover{color:var(--text-primary, #ececec)}.detail-tab.active{color:var(--text-primary, #ececec);border-bottom-color:var(--accent-blue, #3b82f6)}.detail-tab-content{display:block}.detail-table-wrapper{overflow-x:auto}.detail-table{width:100%;border-collapse:collapse}.detail-table thead{border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.detail-table th{padding:1rem 0;text-align:left;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary, #666666)}.detail-table th:nth-child(4){text-align:center}.detail-table td{padding:1.5rem 0;font-size:.9375rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));color:var(--text-secondary, #999999)}.detail-table td:nth-child(4){text-align:center}.detail-table tr:hover{background:var(--surface-subtle, rgba(255, 255, 255, .02))}.detail-table tr:last-child td{border-bottom:none}.detail-run-id{font-family:Courier New,monospace;font-size:.9375rem;color:var(--text-primary, #ffffff)}.run-id-short{display:none}.run-id-full{display:inline}.detail-tag{padding:.25rem .625rem;background:var(--surface-muted, rgba(255, 255, 255, .04));border:1px solid var(--border-default, rgba(255, 255, 255, .08));border-radius:6px;font-size:.75rem;font-weight:500;text-transform:lowercase;display:inline-block}.tag-scrape,.tag-generation{background:var(--surface-muted, rgba(255, 255, 255, .04));color:var(--text-secondary, #999999);border-color:var(--border-default, rgba(255, 255, 255, .08))}.detail-run-badge{padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block}.detail-run-badge.completed{background:#4caf501a;border:1px solid rgba(76,175,80,.15);color:#5fb563}.detail-run-badge.running{background:#f59e0b1a;border:1px solid rgba(245,158,11,.15);color:#f59e0b}.detail-run-badge.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.15);color:#ef4444}.detail-timestamp{color:var(--text-secondary, #999999);font-size:.9375rem}.detail-date-short{display:none}.detail-date-full{display:inline}.detail-loading,.detail-empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #a0a0a0)}.detail-empty-state p{font-size:14px;margin:0}.detail-pagination-container{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-wrap:wrap;gap:12px}.detail-pagination-info{font-size:.875rem;color:var(--text-tertiary, #666666)}.detail-pagination-controls{display:flex;gap:8px}.detail-pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-default, rgba(255, 255, 255, .08));background:var(--surface-muted, rgba(255, 255, 255, .04));color:var(--text-primary, #ffffff);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.detail-pagination-btn:hover:not(:disabled){background:var(--surface-active, rgba(255, 255, 255, .08));border-color:var(--border-hover, rgba(255, 255, 255, .12))}.detail-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.detail-sidebar{display:flex;flex-direction:column;gap:24px}.detail-sidebar-card{background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;padding:20px}.detail-sidebar-card h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary, #ececec)}.detail-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;border-bottom:1px solid var(--border-color, #2a2a2a)}.detail-info-item:last-child{border-bottom:none}.detail-info-label{color:var(--text-secondary, #a0a0a0)}.detail-info-value{font-weight:500;color:var(--text-primary, #ececec)}.detail-info-divider{border-top:1px solid var(--border-color, #2a2a2a);margin:12px 0;padding-top:12px}.detail-action-btn{width:100%;justify-content:center;margin-top:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.detail-action-btn:first-of-type{margin-top:0}.btn-primary{background:#fff;color:#0d0d0d}.btn-primary:hover{opacity:.9}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width: 1024px){.detail-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.agent-detail-view{padding:20px 16px}.detail-page-header{flex-direction:column;margin-bottom:24px;gap:16px}.detail-page-header-content h1{font-size:24px;margin-bottom:4px}.detail-page-header-content p{font-size:13px}.detail-page-header-actions{width:100%;flex-direction:row;gap:8px}.detail-page-header-actions .btn-secondary{flex:1;font-size:14px;padding:10px 16px}.detail-agent-header{flex-direction:column;gap:12px}.detail-config-grid{grid-template-columns:1fr}.detail-date-full{display:none}.detail-date-short{display:inline}.detail-timestamp{font-size:.8125rem}.run-id-full{display:none}.run-id-short{display:inline}.detail-run-id{font-size:.8125rem}.detail-table{font-size:12px}.detail-table th,.detail-table td{padding:8px 0}.detail-pagination-container{justify-content:center}.detail-pagination-info{width:100%;text-align:center}}.agent-name-section{margin-bottom:48px}.agent-name-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#ffffffe6}.agent-name-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;font-size:15px;color:#fff;font-family:inherit;transition:all .2s}.agent-name-input::placeholder{color:#fff6}.agent-name-input:hover{border-color:#fff3;background:#ffffff14}.agent-name-input:focus{outline:none;border-color:#fff;background:#ffffff1a;box-shadow:0 0 0 3px #ffffff1a}.agent-name-hint{margin-top:6px;font-size:13px;color:#ffffff80}.content-type-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;margin-bottom:20px;color:#ffffffe6}.content-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.content-type-card{padding:20px;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.content-type-card:hover{border-color:#ffffff4d;background:#ffffff0d}.content-type-card.selected{border-color:#fff;background:#ffffff1a}.content-type-icon{font-size:32px;margin-bottom:12px}.content-type-name{font-weight:600;font-size:15px}@media (max-width: 768px){.content-types{grid-template-columns:1fr}}.form-section{margin-bottom:32px}.form-label{font-size:14px;font-weight:600;margin-bottom:12px;display:block;color:#fff}.form-group{display:grid;gap:16px;margin-bottom:16px}.metrics-group{margin-top:16px}.profile-photo-upload-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.profile-photo-upload-circle{width:80px;height:80px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);background:#ffffff05;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden}.profile-photo-upload-circle:hover{border-color:#ffffff80;background:#ffffff0d}.profile-photo-upload-circle.has-error{border-color:#ff3b30}.profile-photo-upload-circle img{width:100%;height:100%;object-fit:cover}.profile-photo-upload-circle .upload-placeholder{color:#ffffff80;display:flex;align-items:center;justify-content:center}.profile-photo-upload-circle:hover .upload-placeholder{color:#fffc}.profile-photo-label{font-size:13px;color:#fff9}.profile-photo-upload-container .field-error{margin-top:0}.file-upload-wrapper{display:flex;gap:8px;align-items:center}.file-upload-wrapper .btn-secondary{flex:1;margin:0}.file-name{font-size:13px;color:#ffffff80}.dark-mode-toggle{display:flex;align-items:center;gap:16px}.mode-label{font-size:14px;color:#fff9}.color-picker-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #fff3}.profiles-list{display:flex;flex-direction:column;gap:12px}.profile-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.profile-card:hover{background:#ffffff0a;border-color:#ffffff26}.profile-card-content{display:flex;align-items:center;gap:12px;flex:1}.profile-card-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:24px}.profile-card-info{display:flex;flex-direction:column;gap:2px}.profile-card-name{font-weight:600;font-size:14px;color:#fff}.profile-card-username{font-size:13px;color:#fff9}.profile-card-actions{display:flex;gap:8px}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.icon-btn-danger{color:#ff3b30}.icon-btn-danger:hover{background:#ff3b301a;border-color:#ff3b304d}.profile-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.profile-form-actions .btn-secondary,.profile-form-actions .btn-primary{margin:0}.field-error{color:#ff3b30;font-size:13px;margin-top:6px;font-weight:500}.modal-content{background:#1a1a1a;border-radius:12px;padding:32px;max-width:500px;width:90%;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.modal-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-card{background:#ffffff05;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:center}.option-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.option-card svg{color:#fff}.option-title{font-size:16px;font-weight:600;color:#fff}.option-description{font-size:13px;color:#fff9;line-height:1.4}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.loading-generator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.carousel-container{position:relative;margin-bottom:16px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;opacity:.8;padding:0}.carousel-arrow svg{width:48px;height:48px;stroke-width:2}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.carousel-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-arrow:active{transform:translateY(-50%) scale(.9)}.random-profiles-carousel{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:8px}.random-profiles-carousel::-webkit-scrollbar{display:none}.random-profile-card{background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;position:relative;min-width:160px;flex-shrink:0}.random-profile-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.random-profile-card.selected{background:#ffffff1a;border-color:#fff;box-shadow:0 0 0 2px #fff3}.profile-selected-badge{position:absolute;top:8px;right:8px;background:#fff;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.random-profile-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;overflow:hidden}.random-profile-avatar img{width:100%;height:100%;object-fit:cover}.random-profile-name{font-size:14px;font-weight:600;color:#fff;text-align:center}.random-profile-handle{font-size:13px;color:#fff9;text-align:center}.loading-card{justify-content:center;cursor:default}.loading-card:hover{background:#ffffff05;border-color:#ffffff1a;transform:none}.loading-card .loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.generate-more-card{justify-content:center;border-style:dashed}.generate-more-card svg{color:#fff9}.generate-more-card:hover svg{color:#fff}.generator-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.shuffle-btn{display:flex;align-items:center;gap:8px;margin:0}.generator-actions .btn-primary{margin:0}.meme-style-settings{width:100%;max-width:100%;overflow-x:hidden;position:relative}.preview-section{margin-bottom:32px;background:transparent;border:none;padding:0;width:100%;max-width:100%;overflow:hidden}.meme-preview{width:100%;max-width:400px;margin:0 auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:40px;text-align:center;font-size:48px;font-weight:900;line-height:1.2;word-break:break-word;transition:all .2s ease}@media (max-width: 768px){.meme-preview{font-size:36px;padding:24px}}.carousel-container{position:relative;margin-bottom:20px;display:flex;align-items:center;gap:12px;width:100%;max-width:100%}.carousel-arrow{flex-shrink:0;width:40px;height:40px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.carousel-arrow:hover{background:#ffffff14;border-color:#fff3}.carousel-arrow:active{transform:scale(.95)}.templates-carousel{flex:1;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.templates-carousel::-webkit-scrollbar{display:none}.template-card{flex:0 0 calc(22.7% - 9px);min-width:80px;aspect-ratio:1;cursor:pointer;transition:all .2s ease;border-radius:6px;overflow:hidden}@media (max-width: 768px){.template-card{flex:0 0 calc(33.33% - 8px);min-width:100px}}.template-card:hover{transform:translateY(-2px)}.template-card.selected{transform:scale(1.02);box-shadow:0 0 0 2px #fff,0 0 0 4px #fff3}.template-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px;font-size:12px;font-weight:500;line-height:1.2;text-align:center;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .2s ease}.template-card:hover .template-preview{border-color:#ffffff26}.template-card.selected .template-preview{border-color:transparent}.random-preview{background:linear-gradient(135deg,#667eea,#764ba2);font-size:28px}.info-text{margin-top:16px;font-size:12px;color:#ffffff80;text-align:center}.drawer-toggle{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:20px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.drawer-toggle:hover{background:#ffffff0f;border-color:#fff3}.drawer-toggle-icon{font-size:16px;transition:transform .2s ease}.drawer-toggle.open .drawer-toggle-icon{transform:rotate(180deg)}.customization-drawer{animation:slideDown .3s ease;margin-bottom:24px;width:100%;max-width:100%;overflow:visible;min-height:fit-content}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.customization-drawer .form-group{display:grid;gap:16px;width:100%;max-width:100%}.font-effect-row{display:flex;gap:16px;width:100%;max-width:100%}.font-effect-row .input-wrapper{flex:1;min-width:0}.typography-controls{display:flex;flex-direction:column;gap:16px;margin-top:20px;width:100%;max-width:100%}.typography-row{display:flex;gap:16px;width:100%;max-width:100%}.typography-row .input-wrapper{flex:1;min-width:0}.customization-drawer .input-wrapper{display:flex;flex-direction:column;width:100%;max-width:100%;overflow:visible}.option-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.select-option{padding:10px 12px;border:1.5px solid rgba(255,255,255,.1);border-radius:6px;text-align:center;cursor:pointer;transition:all .2s;font-size:13px;color:#fff;font-weight:500}.select-option:hover{border-color:#ffffff4d;background:#ffffff0a}.select-option.selected{background:#fff;color:#0d0d0d;border-color:#fff}.color-inputs-row{display:flex;gap:16px}.color-inputs-row .input-wrapper{flex:1}.customization-drawer .input-label{font-size:13px;font-weight:500;margin-bottom:8px;color:#fffc}.customization-drawer .form-input{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;outline:none}.customization-drawer .form-input:hover{background:#ffffff0f;border-color:#fff3}.customization-drawer .form-input:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}.color-input{width:100%;height:44px;padding:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .2s ease}.color-input:hover{background:#ffffff0f;border-color:#fff3}.color-input:focus{outline:none;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}.effect-select{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;outline:none}.effect-select:hover{background:#ffffff0f;border-color:#fff3}.effect-select:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}.effect-params-section{margin-top:20px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;animation:slideDown .3s ease;position:relative}.effect-params-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.effect-param-control{margin-bottom:16px}.effect-param-control:last-child{margin-bottom:0}.param-label{display:block;font-size:12px;font-weight:500;margin-bottom:8px;color:#ffffffb3}.slider-control{display:flex;align-items:center;gap:12px}.param-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease}.param-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.param-slider:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 4px #ffffff1a}.param-slider:hover::-moz-range-thumb{transform:scale(1.1);box-shadow:0 0 0 4px #ffffff1a}.param-value{min-width:60px;text-align:right;font-size:13px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.param-color{height:40px}.param-select{width:100%;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;outline:none}.param-select:hover{background:#ffffff0f;border-color:#fff3}.param-select:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}.effect-params-actions{display:flex;gap:8px;margin-top:16px}.effect-params-cancel-btn{flex:1;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:14px;font-weight:600;color:#fffc;cursor:pointer;transition:all .2s ease;font-family:inherit}.effect-params-cancel-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.effect-params-cancel-btn:active{background:#ffffff1f;transform:scale(.98)}.effect-params-done-btn{flex:1;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.effect-params-done-btn:hover{background:#ffffff26;border-color:#ffffff4d}.effect-params-done-btn:active{background:#fff3;transform:scale(.98)}.stacked-effects-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.stacked-effect-card{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.stacked-effect-card:hover{background:#ffffff0a;border-color:#ffffff1f}.stacked-effect-info{flex:1;display:flex;flex-direction:column;gap:4px}.stacked-effect-label{font-size:14px;font-weight:600;color:#fff;line-height:22px}.stacked-effect-edit-btn{height:40px;padding:0 16px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s ease;font-size:13px;font-weight:600;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;flex-shrink:0}.stacked-effect-edit-btn:hover{background:#ffffff26;border-color:#fff6}.stacked-effect-edit-btn:active{background:#fff3}@media (max-width: 768px){.font-effect-row,.typography-row{flex-direction:column}.effect-params-section{padding:12px}.param-slider{height:8px}.param-slider::-webkit-slider-thumb{width:20px;height:20px}.param-slider::-moz-range-thumb{width:20px;height:20px}.param-value{min-width:70px;font-size:14px}}@media (max-width: 768px) and (hover: none){.param-slider{height:10px}.param-slider::-webkit-slider-thumb{width:24px;height:24px}.param-slider::-moz-range-thumb{width:24px;height:24px}.param-select,.effect-select{padding:12px 14px;font-size:16px}.param-color{height:48px}}.color-input-square{width:60px;height:60px;padding:6px;cursor:pointer;border-radius:8px;flex-shrink:0}.color-inputs-row{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;align-items:flex-start}.color-inputs-row>*{width:100%;max-width:100%}.effect-option{display:flex;flex-direction:column;gap:2px}.effect-label{font-weight:600;font-size:14px}.effect-description{font-size:12px;color:#ffffff80;font-weight:400}@media (max-width: 768px){.color-input-square{width:56px;height:56px}.color-inputs-row{gap:20px}}@media (max-width: 768px) and (hover: none){.color-input-square{width:64px;height:64px}}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;font-size:14px;font-weight:500;text-align:left;outline:none}.custom-select-trigger:hover{background:#ffffff0f;border-color:#fff3}.custom-select-trigger.open{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value .placeholder{color:#ffffff80}.chevron{flex-shrink:0;transition:transform .2s ease;opacity:.7}.chevron.rotated{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{width:100%;padding:10px 12px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .15s ease;display:block;text-align:left;font-family:inherit;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);outline:none}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#ffffff14}.custom-select-option.selected{background:#ffffff1f}.custom-select-option:active{background:#ffffff29}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:0 6px 6px 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.custom-select-trigger,.custom-select-option{padding:12px 14px;font-size:16px}.custom-select-dropdown{max-height:250px}}@media (max-width: 768px) and (hover: none){.custom-select-option{min-height:44px;display:flex;align-items:center}}.background-color-picker{width:279px;background:#0d0d0d;border-radius:8px;padding:16px 16px 8px;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.background-picker-main-label{display:block;color:#fff;font-size:14px;font-weight:600;line-height:22px;margin-bottom:12px}.color-picker-tabs{display:flex;height:40px;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.color-picker-tab{flex:1;background:none;border:none;color:#ffffffb3;font-size:14px;font-weight:600;line-height:22px;cursor:pointer;transition:color .2s ease;position:relative;padding:9px 0}.color-picker-tab.active{color:#fff}.color-picker-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#8b3dff}.color-picker-tab:hover{color:#ffffffe6}.solid-color-content{padding:16px;display:flex;flex-direction:column;gap:22px}.solid-color-display{width:100%;height:100%;border:none;cursor:pointer;position:relative;z-index:1;border-radius:9999px;box-shadow:0 0 0 1px #394c6026 inset;transition:transform .2s ease}.solid-color-display:hover{transform:scale(1.05)}.saturation-brightness-picker{width:100%;height:112px;border-radius:8px;position:relative;cursor:crosshair;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.saturation-cursor{width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.saturation-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.hue-slider{width:100%;height:16px;border-radius:9999px;background:linear-gradient(90deg,red,#ff2a00,#f50 6%,#ff8000 8%,#fa0,#ffd500,#ff0 17%,#d4ff00 19%,#af0,#80ff00,#5f0,#2aff00 31%,#0f0 33%,#00ff2a,#0f5,#00ff80 42%,#0fa 44%,#00ffd4,#0ff,#00d4ff,#0af 56%,#0080ff 58%,#05f,#002bff,#00f 67%,#2a00ff 69%,#50f,#8000ff,#a0f,#d500ff 81%,#f0f 83%,#ff00d4,#f0a,#ff0080 92%,#f05 94%,#ff002b,red);box-shadow:0 0 0 1px #394c6026 inset;position:relative;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hue-cursor{width:20px;height:20px;position:absolute;top:-2px;transform:translate(-50%);pointer-events:none}.hue-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.alpha-slider-container{display:flex;flex-direction:column;gap:8px}.alpha-slider-label{color:#fff;font-size:12px;font-weight:500}.alpha-slider-wrapper{display:flex;align-items:center;gap:12px}.alpha-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,transparent 0%,white 100%);border-radius:3px;outline:none;cursor:pointer;box-shadow:0 0 0 1px #394c6026 inset}.alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #182c5924}.alpha-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 4px #182c5924}.alpha-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.alpha-slider:hover::-moz-range-thumb{transform:scale(1.1)}.alpha-value{min-width:45px;text-align:right;font-size:13px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.hex-input-container{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:8px;outline:1px solid rgba(53,71,90,.2);outline-offset:-1px}.hex-color-preview{width:24px;height:24px;border-radius:9999px;flex-shrink:0;box-shadow:0 0 0 1px #394c6026 inset;position:relative}.hex-color-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:-1}.hex-input{flex:1;border:none;background:none;color:#000;font-size:14px;font-weight:400;text-transform:uppercase;line-height:22px;outline:none;font-family:Noto Sans,sans-serif;-webkit-text-fill-color:#000000}.edit-toggle-btn{height:24px;padding:0 8px;background:none;border:none;color:#0009;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;font-size:12px;font-weight:600;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap}.edit-toggle-btn:hover{background:#0000000d;color:#000c}.edit-toggle-btn:active{background:#0000001a}.edit-toggle-btn-inline{height:40px;padding:0 16px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s ease;font-size:13px;font-weight:600;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;flex-shrink:0}.edit-toggle-btn-inline:hover{background:#ffffff26;border-color:#fff6}.edit-toggle-btn-inline:active{background:#fff3}.gradient-color-content{padding:16px;display:flex;flex-direction:column;gap:22px}.gradient-section{display:flex;flex-direction:column;gap:12px}.gradient-color-editor{padding:0;animation:slideDown .3s ease}.gradient-color-picker-inline{display:flex;flex-direction:column;gap:12px}.gradient-label{color:#fff;font-size:14px;font-weight:600;line-height:22px}.gradient-colors-list{display:flex;gap:8px;align-items:center}.gradient-color-item{width:40px;height:40px;border-radius:9999px;overflow:hidden;position:relative;flex-shrink:0}.gradient-color-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:0}.gradient-color-display{width:100%;height:100%;border:none;cursor:pointer;position:relative;z-index:1;border-radius:9999px;box-shadow:0 0 0 1px #394c6026 inset;transition:transform .2s ease}.gradient-color-display:hover{transform:scale(1.05)}.add-gradient-color{width:40px;height:40px;border-radius:9999px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-gradient-color:hover{background:#ffffff26;border-color:#fff6}.gradient-styles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gradient-style-btn{aspect-ratio:1;border-radius:8px;border:none;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden;box-shadow:0 0 0 1px #394c6026 inset}.gradient-style-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:0}.gradient-style-btn:hover{transform:scale(1.05)}.gradient-style-btn.active{box-shadow:0 0 0 4px #fff inset}.data-source-content{padding:16px}@media (max-width: 768px){.background-color-picker{width:100%;max-width:320px}.saturation-brightness-picker{height:140px}.hex-input{font-size:16px}}.background-data-source-selector{display:flex;flex-direction:column;gap:16px}.bg-source-section{display:flex;flex-direction:column;gap:8px}.bg-source-label{font-size:14px;font-weight:500;color:var(--text-primary)}.bg-source-description{font-size:12px;color:var(--text-secondary);margin:0}.bg-source-dropdown{position:relative}.bg-source-dropdown-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.bg-source-dropdown-btn:hover{border-color:var(--primary-color)}.bg-source-dropdown-btn.has-selection{color:var(--text-primary);border-color:var(--primary-color)}.bg-source-dropdown-btn .chevron{margin-left:auto;transition:transform .2s ease}.bg-source-dropdown-btn .chevron.open{transform:rotate(180deg)}.selection-badge{background:var(--primary-color);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:4px}.bg-source-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.bg-source-search{padding:8px;border-bottom:1px solid var(--border-color)}.bg-source-search input{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary)}.bg-source-search input:focus{outline:none;border-color:var(--primary-color)}.bg-source-search input::placeholder{color:var(--text-tertiary)}.bg-source-options{max-height:240px;overflow-y:auto}.bg-source-loading,.bg-source-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:13px}.bg-source-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.bg-source-option:hover{background:var(--bg-secondary)}.bg-source-option.selected{background:#8a52ff1a}.bg-source-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.bg-source-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-size:11px;font-weight:700}.bg-source-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.bg-source-username{font-size:13px;font-weight:500;color:var(--text-primary)}.bg-source-stats{display:flex;gap:12px}.bg-source-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.bg-source-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.bg-source-action-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.bg-source-action-btn.clear{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.bg-source-action-btn.clear:hover:not(:disabled){background:var(--bg-primary)}.bg-source-action-btn.clear:disabled{opacity:.5;cursor:not-allowed}.bg-source-action-btn.apply{background:var(--primary-color);border:none;color:#fff}.bg-source-action-btn.apply:hover{background:var(--primary-hover)}.bg-source-selected{margin-top:8px}.bg-source-selected .section-label{font-size:10px;font-weight:600;color:var(--text-tertiary);letter-spacing:.5px;margin-bottom:8px}.bg-source-pills{display:flex;flex-wrap:wrap;gap:6px}.bg-source-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#8a52ff26;border:1px solid rgba(138,82,255,.3);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-primary)}.bg-source-pill.instagram{background:#e1306c26;border-color:#e1306c4d}.bg-source-pill.tiktok{background:#00f2ea26;border-color:#00f2ea4d}.bg-source-pill .pill-remove{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s ease}.bg-source-pill .pill-remove:hover{color:var(--error-color)}.percentage-slider-container{display:flex;flex-direction:column;gap:8px}.percentage-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:transform .15s ease}.percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.percentage-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer}.percentage-info{display:flex;justify-content:space-between;align-items:center}.percentage-display{font-size:14px;font-weight:600;color:var(--primary-color)}.post-count{font-size:12px;color:var(--text-secondary)}.bg-source-option.user-uploads-option{background:#8a52ff14;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.bg-source-option.user-uploads-option:hover{background:#8a52ff26}.bg-source-option.user-uploads-option .bg-source-username{color:var(--primary-color, #8C52FF);font-weight:600}.bg-source-pill.uploads{background:#8a52ff26;border-color:#8a52ff4d}.font-color-picker{width:279px;background:#0d0d0d;border-radius:8px;padding:16px;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.font-color-section{display:flex;flex-direction:column;gap:12px}.font-color-label{color:#fff;font-size:14px;font-weight:600;line-height:22px}.font-color-list{display:flex;gap:8px;align-items:center}.font-color-item{width:40px;height:40px;border-radius:9999px;overflow:hidden;position:relative;flex-shrink:0}.font-color-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:0}.font-color-display{width:100%;height:100%;border:none;cursor:pointer;position:relative;z-index:1;border-radius:9999px;box-shadow:0 0 0 1px #394c6026 inset;transition:transform .2s ease}.font-color-display:hover{transform:scale(1.05)}.font-edit-toggle-btn{height:40px;padding:0 16px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s ease;font-size:13px;font-weight:600;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;flex-shrink:0}.font-edit-toggle-btn:hover{background:#ffffff26;border-color:#fff6}.font-edit-toggle-btn:active{background:#fff3}.font-color-editor{margin-top:10px;display:flex;flex-direction:column;gap:12px;animation:slideDown .3s ease}.font-saturation-picker{width:100%;height:112px;border-radius:8px;position:relative;cursor:crosshair;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.font-saturation-cursor{width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.font-saturation-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.font-hue-slider{width:100%;height:16px;border-radius:9999px;background:linear-gradient(90deg,red,#ff2a00,#f50 6%,#ff8000 8%,#fa0,#ffd500,#ff0 17%,#d4ff00 19%,#af0,#80ff00,#5f0,#2aff00 31%,#0f0 33%,#00ff2a,#0f5,#00ff80 42%,#0fa 44%,#00ffd4,#0ff,#00d4ff,#0af 56%,#0080ff 58%,#05f,#002bff,#00f 67%,#2a00ff 69%,#50f,#8000ff,#a0f,#d500ff 81%,#f0f 83%,#ff00d4,#f0a,#ff0080 92%,#f05 94%,#ff002b,red);box-shadow:0 0 0 1px #394c6026 inset;position:relative;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.font-hue-cursor{width:20px;height:20px;position:absolute;top:-2px;transform:translate(-50%);pointer-events:none}.font-hue-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.font-hex-input-container{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:8px;outline:1px solid rgba(53,71,90,.2);outline-offset:-1px}.font-hex-color-preview{width:24px;height:24px;border-radius:9999px;flex-shrink:0;box-shadow:0 0 0 1px #394c6026 inset;position:relative}.font-hex-color-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:-1}.font-hex-input{flex:1;border:none;background:none;color:#000;font-size:14px;font-weight:400;text-transform:uppercase;line-height:22px;outline:none;font-family:Noto Sans,sans-serif;-webkit-text-fill-color:#000000}@media (max-width: 768px){.font-color-picker{width:100%;max-width:320px}.font-saturation-picker{height:140px}.font-hex-input{font-size:16px}}.effect-color-picker-container{width:100%}.effect-color-display-row{display:flex;gap:8px;align-items:center}.effect-color-item{width:40px;height:40px;border-radius:9999px;overflow:hidden;position:relative;flex-shrink:0}.effect-color-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:0}.effect-color-display{width:100%;height:100%;border:none;cursor:pointer;position:relative;z-index:1;border-radius:9999px;box-shadow:0 0 0 1px #394c6026 inset;transition:transform .2s ease}.effect-color-display:hover{transform:scale(1.05)}.effect-edit-toggle-btn{height:40px;padding:0 16px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s ease;font-size:13px;font-weight:600;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;flex-shrink:0}.effect-edit-toggle-btn:hover{background:#ffffff26;border-color:#fff6}.effect-edit-toggle-btn:active{background:#fff3}.effect-color-picker-inline{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:12px;padding:0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.effect-saturation-picker{width:100%;height:112px;border-radius:8px;position:relative;cursor:crosshair;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.effect-saturation-cursor{width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.effect-saturation-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.effect-hue-slider{width:100%;height:16px;border-radius:9999px;background:linear-gradient(90deg,red,#ff2a00,#f50 6%,#ff8000 8%,#fa0,#ffd500,#ff0 17%,#d4ff00 19%,#af0,#80ff00,#5f0,#2aff00 31%,#0f0 33%,#00ff2a,#0f5,#00ff80 42%,#0fa 44%,#00ffd4,#0ff,#00d4ff,#0af 56%,#0080ff 58%,#05f,#002bff,#00f 67%,#2a00ff 69%,#50f,#8000ff,#a0f,#d500ff 81%,#f0f 83%,#ff00d4,#f0a,#ff0080 92%,#f05 94%,#ff002b,red);box-shadow:0 0 0 1px #394c6026 inset;position:relative;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.effect-hue-cursor{width:20px;height:20px;position:absolute;top:-2px;transform:translate(-50%);pointer-events:none}.effect-hue-cursor-inner{width:12px;height:12px;margin:4px;border-radius:6px;border:1px solid rgba(57,76,96,.15);box-shadow:0 2px 4px #182c5924;outline:1px solid rgba(28,39,48,.5);outline-offset:-1px}.effect-hex-input-container{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:8px;outline:1px solid rgba(53,71,90,.2);outline-offset:-1px}.effect-hex-color-preview{width:24px;height:24px;border-radius:9999px;flex-shrink:0;box-shadow:0 0 0 1px #394c6026 inset;position:relative}.effect-hex-color-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%),linear-gradient(315deg,#394c6026 25%,#394c6000 25%,#394c6000 75%,#394c6026 75%);background-size:8px 8px;background-position:0 0,4px 4px;z-index:-1}.effect-hex-input{flex:1;border:none;background:none;color:#000;font-size:14px;font-weight:400;text-transform:uppercase;line-height:22px;outline:none;font-family:Noto Sans,sans-serif;-webkit-text-fill-color:#000000}@media (max-width: 768px){.effect-color-picker{width:100%;max-width:320px}.effect-saturation-picker{height:140px}.effect-hex-input{font-size:16px}}.justified-text-layout{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.justified-lines-container{width:100%;display:flex;flex-direction:column;justify-content:center}.justified-line{display:flex;justify-content:space-between;align-items:baseline;width:100%}.justified-line:has(.justified-word:only-child){justify-content:center}.justified-word{flex-shrink:0;white-space:nowrap}.justified-spacer{flex-grow:1;min-width:.25em}.justified-measure{position:absolute;visibility:hidden;pointer-events:none}.video-meme-style-settings{width:100%;max-width:100%;overflow:visible}.video-meme-preview-section{margin-bottom:32px;background:transparent;border:none;padding:0}.video-meme-preview{width:100%;max-width:300px;margin:0 auto;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:all .2s ease}.video-meme-video-area.full-frame{padding:0;flex:1}.video-meme-video-area.full-frame .video-meme-video-placeholder{width:100%;height:100%;aspect-ratio:unset;border-radius:0}.video-source-indicator{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:10px;color:#fff9;background:#00000080;padding:4px 8px;border-radius:4px;white-space:nowrap}.video-meme-caption-overlay{position:absolute;bottom:40px;left:0;right:0;padding:12px 16px;text-align:center;background:transparent}.video-meme-video-area.full-frame .video-meme-caption-overlay{top:50%;bottom:auto;transform:translateY(-50%);background:transparent;margin:0 16px;left:0;right:0}.video-meme-caption-overlay .video-meme-caption-text{text-shadow:2px 2px 4px rgba(0,0,0,.8)}.video-meme-caption-area{padding:16px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.video-meme-caption-text{font-weight:700;font-size:14px;line-height:1.3}.video-meme-video-area{display:flex;align-items:flex-start;justify-content:center;padding:0 8px 8px;position:relative}.video-meme-video-placeholder{width:90%;aspect-ratio:16/9;background:linear-gradient(135deg,#374151,#1f2937);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.video-meme-play-icon{width:50px;height:50px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1f2937}.video-meme-watermark-preview{position:absolute;font-size:10px;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.5);padding:4px}.video-meme-watermark-preview.top-left{top:8px;left:8px}.video-meme-watermark-preview.top-right{top:8px;right:8px}.video-meme-watermark-preview.bottom-left{bottom:8px;left:8px}.video-meme-watermark-preview.bottom-right{bottom:8px;right:8px}.video-meme-watermark-preview.center{top:50%;left:50%;transform:translate(-50%,-50%)}.video-meme-watermark-image{max-width:40px;max-height:30px;object-fit:contain}.video-meme-settings-section{margin-bottom:24px;overflow:visible}.video-meme-section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.video-meme-section-icon{width:20px;height:20px;opacity:.7}.video-meme-background-toggle{display:flex;gap:12px}.video-meme-bg-option{flex:1;padding:12px 16px;border-radius:8px;cursor:pointer;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.video-meme-bg-option:hover{border-color:#fff3;background:#ffffff14}.video-meme-bg-option.selected{border-color:#8b5cf6;background:#8b5cf626}.video-meme-bg-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.video-meme-bg-swatch.white{background:#fff}.video-meme-bg-swatch.black{background:#000}.video-meme-bg-label{font-size:14px;color:#fff}.video-meme-font-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible}.video-meme-font-field{display:flex;flex-direction:column;gap:6px;overflow:visible}.video-meme-font-label{font-size:12px;color:#fff9}.video-meme-select{padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.video-meme-select:hover{border-color:#fff3}.video-meme-select:focus{outline:none;border-color:#8b5cf6}.video-meme-select option{background:#1f2937;color:#fff}.video-meme-watermark-types{display:flex;gap:8px;margin-bottom:16px}.video-meme-watermark-type{flex:1;padding:10px;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;text-align:center;font-size:13px;color:#ffffffb3}.video-meme-watermark-type:hover{border-color:#fff3;background:#ffffff14}.video-meme-watermark-type.selected{border-color:#8b5cf6;background:#8b5cf626;color:#fff}.video-meme-watermark-config{display:flex;flex-direction:column;gap:12px}.video-meme-watermark-input{width:100%;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.video-meme-watermark-input:hover{border-color:#fff3}.video-meme-watermark-input:focus{outline:none;border-color:#8b5cf6}.video-meme-watermark-input::placeholder{color:#fff6}.video-meme-image-upload{display:flex;flex-direction:column;gap:8px}.video-meme-upload-button{padding:12px 16px;background:#8b5cf626;border:1px dashed rgba(139,92,246,.5);border-radius:8px;color:#8b5cf6;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.video-meme-upload-button:hover{background:#8b5cf640;border-color:#8b5cf6}.video-meme-upload-button.has-image{background:#22c55e26;border-color:#22c55e80;color:#22c55e}.video-meme-uploaded-preview{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff0a;border-radius:6px}.video-meme-uploaded-thumb{width:40px;height:40px;object-fit:contain;border-radius:4px}.video-meme-uploaded-name{flex:1;font-size:13px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meme-remove-image{padding:4px 8px;background:#ef444426;border:none;border-radius:4px;color:#ef4444;font-size:12px;cursor:pointer;transition:all .2s ease}.video-meme-remove-image:hover{background:#ef444440}.video-meme-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:200px}.video-meme-position-option{aspect-ratio:1;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffff80}.video-meme-position-option:hover{border-color:#fff3;background:#ffffff14}.video-meme-position-option.selected{border-color:#8b5cf6;background:#8b5cf626;color:#fff}.video-meme-position-option.center-col{grid-column:2}.video-meme-duration-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin-top:24px}.video-meme-warning-icon{flex-shrink:0;width:20px;height:20px;color:#fbbf24}.video-meme-warning-text{font-size:13px;color:#fffc;line-height:1.5}.video-meme-warning-text strong{color:#fbbf24}.video-meme-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:24px}.video-meme-notice-icon{flex-shrink:0;width:20px;height:20px;color:#3b82f6}.video-meme-notice-text{font-size:13px;color:#fffc;line-height:1.5}.video-meme-button-group{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.video-meme-btn-secondary{flex:1;padding:12px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.video-meme-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.video-meme-btn-primary{flex:1;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.video-meme-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.video-meme-btn-primary:active{transform:translateY(0)}.video-meme-font-field.font-color-field{gap:0;overflow:visible;position:relative}.video-meme-font-field.font-color-field .font-color-picker{width:100%;background:transparent;padding:0;overflow:visible}.video-meme-font-field.font-color-field .font-color-section{display:flex;flex-direction:column;gap:6px}.video-meme-font-field.font-color-field .font-color-label{font-size:12px;color:#fff9;font-weight:400}.video-meme-font-field.font-color-field .font-color-list{display:flex;align-items:center;gap:8px}.video-meme-font-field.font-color-field .font-color-item{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:6px;overflow:visible;flex-shrink:0}.video-meme-font-field.font-color-field .font-color-item:before{display:none}.video-meme-font-field.font-color-field .font-color-display{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:none}.video-meme-font-field.font-color-field .font-edit-toggle-btn{padding:8px 12px;height:auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:12px;cursor:pointer;transition:all .2s ease}.video-meme-font-field.font-color-field .font-edit-toggle-btn:hover{background:#ffffff1a;border-color:#fff3}.video-meme-font-field.font-color-field .font-color-editor{margin-top:12px;z-index:10;background:#141414fa;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000080;position:absolute;top:100%;left:-100%;right:0;width:calc(200% + 12px)}.video-meme-font-field.font-color-field .font-saturation-picker{width:100%;height:120px;min-height:120px;border-radius:8px;position:relative;cursor:crosshair}.video-meme-font-field.font-color-field .font-hue-slider{width:100%;height:16px;border-radius:8px}.video-meme-font-field.font-color-field .font-hex-input-container{background:#ffffff1a;border-radius:6px;padding:8px 12px;outline:none}.video-meme-font-field.font-color-field .font-hex-input{color:#fff;-webkit-text-fill-color:#ffffff;background:transparent}.video-meme-font-grid:has(.font-color-editor){margin-bottom:220px}.video-meme-settings-section.background-picker-section{overflow:visible}.video-meme-settings-section.background-picker-section .background-color-picker{background:transparent;padding:0}.video-meme-settings-section.background-picker-section .background-picker-main-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;display:block}.video-meme-settings-section.background-picker-section .color-picker-tabs{margin-bottom:16px}.video-meme-settings-section.background-picker-section .color-picker-tab{padding:8px 12px;font-size:13px}.tweet-preview{padding:80px 100px;border:2px solid rgba(255,255,255,.1);background:#000;width:1600px;min-height:900px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tweet-preview.light{background:#fff;color:#0d0d0d;border-color:#0000001a}.tweet-content{width:100%;max-width:100%}.tweet-header{display:flex;gap:32px;margin-bottom:40px}.tweet-avatar{width:100px;height:100px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:50px;flex-shrink:0;overflow:hidden}.tweet-preview.light .tweet-avatar{background:#0000000d}.tweet-avatar img{width:100%;height:100%;object-fit:cover}.tweet-meta{flex:1}.tweet-username{font-weight:700;font-size:40px;margin-bottom:4px;line-height:1.2}.tweet-handle{color:#71767b;font-size:40px;font-weight:400}.tweet-preview.light .tweet-handle{color:#536471}.tweet-text{font-size:58px;line-height:1.375;margin-bottom:40px;font-weight:400;letter-spacing:-.01em;white-space:pre-wrap}.tweet-timestamp{font-size:38px;color:#71767b;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgb(47,51,54);font-weight:400}.tweet-preview.light .tweet-timestamp{color:#536471;border-bottom-color:#eff3f4}.tweet-views{font-size:38px}.tweet-views strong{color:#e7e9ea;font-weight:700;font-size:38px}.tweet-preview.light .tweet-views strong{color:#0f1419}.tweet-metrics{display:flex;justify-content:space-between;align-items:center;font-size:34px;color:#71767b;font-weight:400}.tweet-preview.light .tweet-metrics{color:#536471}.tweet-metric{display:flex;align-items:center;gap:12px}.tweet-icon{width:45px;height:45px;flex-shrink:0;opacity:.6}.tweet-preview.light .tweet-icon{opacity:.7}.tweet-metric-share{gap:0}.tweet-preview.aspect-landscape{width:1600px;min-height:900px}.tweet-preview.aspect-portrait{width:1080px;min-height:1350px}.tweet-preview.aspect-square{width:1200px;min-height:1200px}.tumblr-preview{padding:80px 100px;border:2px solid rgba(255,255,255,.1);background:#222;width:1600px;min-height:900px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.tumblr-preview.light{background:#fff;color:#000;border-color:#0000001a}.tumblr-content{width:100%;max-width:100%}.tumblr-header{display:flex;justify-Content:space-between;align-items:center;margin-bottom:67px;padding-bottom:20px}.tumblr-user{display:flex;align-items:center;gap:32px}.tumblr-avatar{width:100px;height:100px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:50px;flex-shrink:0;overflow:hidden}.tumblr-preview.light .tumblr-avatar{background:#0000000d}.tumblr-avatar img{width:100%;height:100%;object-fit:cover}.tumblr-username{color:#fff;font-size:39.75px;font-family:Inter,sans-serif;font-weight:500;line-height:60px;word-wrap:break-word}.tumblr-preview.light .tumblr-username{color:#000}.tumblr-header-actions{display:flex;align-items:center;gap:20px}.tumblr-follow-btn{color:#00b8ff;font-size:35px;font-family:Inter,sans-serif;font-weight:500;line-height:50px;background:transparent;border:none;cursor:pointer;padding:25px 40px}.tumblr-more-btn{width:100px;height:100px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tumblr-more-icon{width:60px;height:60px;opacity:.6}.tumblr-preview.light .tumblr-more-icon{filter:brightness(.3);opacity:.7}.tumblr-text{color:#fff;font-size:39px;font-family:Inter,sans-serif;font-weight:400;line-height:60px;word-wrap:break-word;margin-bottom:60px;padding-left:25px;white-space:pre-wrap}.tumblr-preview.light .tumblr-text{color:#000}.tumblr-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.tumblr-notes{height:100px;padding:0 40px;background:transparent;border-radius:9999px;border:2.5px solid #393939;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-size:34.25px;font-weight:500;line-height:50px}.tumblr-preview.light .tumblr-notes{background:#0019350d;border:none}.notes-count{color:#fefefe}.tumblr-preview.light .notes-count{color:#4c5e72}.notes-label{color:#969696}.tumblr-preview.light .notes-label{color:#4c5e72}.tumblr-actions{display:flex;gap:25px;align-items:center}.tumblr-action-btn{width:100px;height:100px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tumblr-action-icon{width:60px;height:60px;opacity:.6}.tumblr-preview.light .tumblr-action-icon{filter:brightness(.3);opacity:.7}.tumblr-preview.aspect-landscape{width:1600px;min-height:900px}.tumblr-preview.aspect-portrait{width:1080px;min-height:1350px}.tumblr-preview.aspect-square{width:1200px;min-height:1200px}.meme-preview-container{border:2px solid rgba(255,255,255,.1);width:1600px;aspect-ratio:1 / 1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.meme-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;word-wrap:normal;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;box-sizing:border-box;position:relative}.meme-preview-content>span{display:block;width:100%;font-size:116px}.media-background-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-bg-icon{font-size:16px}.media-bg-text{font-weight:500;opacity:.9}.video-meme-preview-container{width:900px;height:1600px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;box-shadow:0 8px 40px #0006;position:relative;padding:208px 33px 267px;box-sizing:border-box}.video-meme-preview-container.white-bg{background:#fff}.video-meme-preview-container.black-bg{background:#000}.video-meme-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;max-width:834px;max-height:100%;overflow:hidden}.video-meme-preview-caption{width:100%;padding:0 16px 12px;text-align:center}.video-meme-preview-caption-text{line-height:1.25;word-wrap:break-word;max-width:100%;text-wrap:balance}.video-meme-preview-video-wrapper{width:100%;max-width:100%;max-height:900px;position:relative;cursor:pointer;border-radius:12px;overflow:hidden;background:#1a1a1a}.video-meme-preview-video{width:100%;height:auto;display:block}.video-meme-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#374151,#1f2937);color:#ffffff80;font-size:24px}.video-meme-preview-controls{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:opacity .3s ease;cursor:pointer}.video-meme-preview-controls.visible{opacity:1}.video-meme-preview-controls.hidden{opacity:0}.video-meme-preview-controls:hover{opacity:1!important}.video-meme-preview-play-button{width:96px;height:96px;border-radius:50%;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease,background .2s ease}.video-meme-preview-play-button:hover{transform:scale(1.1);background:#000000d9}.video-meme-preview-play-button svg{margin-left:4px}.video-meme-preview-play-button svg[data-lucide=pause]{margin-left:0}.video-meme-preview-container.video-source-mode{padding:0}.video-meme-preview-container.video-source-mode .video-meme-preview-video-wrapper.full-frame{width:100%;height:100%;max-height:none;border-radius:0;display:flex;align-items:center;justify-content:center}.video-meme-preview-container.video-source-mode .video-meme-preview-video{width:100%;height:100%;object-fit:contain}.video-meme-preview-caption-overlay{position:absolute;top:208px;bottom:267px;left:67px;right:67px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;pointer-events:none;box-sizing:border-box}.video-meme-preview-caption-overlay .video-meme-preview-caption-text{text-shadow:2px 2px 0px rgba(0,0,0,.6);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.agent-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.agent-confirm-modal{background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 20px 60px #00000080;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.agent-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;z-index:10}.agent-modal-close:hover{background:#ffffff0d;color:#fffc}.agent-modal-close:disabled{opacity:.3;cursor:not-allowed}.agent-modal-header{padding:32px 32px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.agent-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0}.agent-modal-subtitle{font-size:13px;color:#ffffff80;margin-top:4px}.agent-modal-content{padding:24px 32px}.agent-setting-row{margin-bottom:24px}.agent-setting-row:last-child{margin-bottom:0}.agent-setting-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.agent-setting-value{font-size:15px;color:#fff;line-height:1.5}.agent-sources-container{display:flex;flex-wrap:wrap;gap:8px}.agent-source-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 12px;font-size:13px;color:#fffc}.agent-platform-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:3px;font-size:10px;font-weight:700;color:#fff;padding:0 4px}.agent-platform-badge.instagram{background:linear-gradient(135deg,#667eea,#764ba2)}.agent-platform-badge.tiktok{background:#000}.agent-platform-badge.twitter{background:#1da1f2}.agent-platform-badge.tumblr{background:#35465c}.agent-schedule-badge{display:inline-block;background:#2196f326;color:#2196f3;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.agent-next-run-info{background:#ffffff05;border-left:3px solid rgba(33,150,243,.8);padding:12px;border-radius:4px;font-size:13px;color:#fff9}.agent-next-run-time{font-weight:600;color:#fff}.agent-next-run-date{font-size:12px;color:#ffffff80}.agent-modal-footer{padding:24px 32px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:12px;flex-direction:column}.agent-btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.agent-btn-primary{background:#2196f3cc;color:#fff}.agent-btn-primary:hover:not(:disabled){background:#2196f3;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.agent-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2196f333}.agent-btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.agent-btn-secondary:hover:not(:disabled){background:#ffffff14;color:#fff;border-color:#ffffff26}.agent-btn-secondary:active:not(:disabled){background:#ffffff0d}.agent-btn-icon{font-size:16px}.agent-btn:disabled{opacity:.6;cursor:not-allowed}.agent-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spinBtn .6s linear infinite}@keyframes spinBtn{to{transform:rotate(360deg)}}@media (max-width: 480px){.agent-confirm-modal{max-width:100%;border-radius:12px 12px 0 0;margin-top:auto}.agent-modal-header,.agent-modal-content,.agent-modal-footer{padding:20px}.agent-modal-title{font-size:18px}.agent-modal-footer{flex-direction:column-reverse}.agent-btn{width:100%}}.generated-preview{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:16px;background:#ffffff05;width:100%;overflow:visible;position:relative}.preview-canvas{width:100%;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:visible}.preview-scale-wrapper{width:var(--preview-width, 1600px);transform-origin:top center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.preview-scale-wrapper:has(.video-meme-preview-container){width:900px}@media (min-width: 768px){.preview-scale-wrapper{transform:scale(var(--preview-scale, .5))}.preview-canvas{height:calc(var(--preview-height, 900px) * var(--preview-scale, .5))}.preview-scale-wrapper:has(.video-meme-preview-container){transform:scale(.45)}}@media (max-width: 767px){.preview-scale-wrapper{transform:scale(calc(var(--preview-scale, .5) * .7))}.preview-canvas{height:calc(var(--preview-height, 900px) * var(--preview-scale, .5) * .7)}.preview-scale-wrapper:has(.video-meme-preview-container){transform:scale(.35)}}@media (max-width: 480px){.preview-scale-wrapper{transform:scale(calc(var(--preview-scale, .5) * .5))}.preview-canvas{height:calc(var(--preview-height, 900px) * var(--preview-scale, .5) * .5)}.preview-scale-wrapper:has(.video-meme-preview-container){transform:scale(.25)}}.loading-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-preview p{color:#fff9;font-size:14px}.error-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:#ff3b30;font-size:14px}.error-message .btn-secondary{margin:0}.dark-mode-toggle{display:flex;align-items:center;gap:12px}.mode-label{font-size:14px;color:#fffc;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1c1c1c;border-radius:12px;padding:32px;max-width:500px;width:90%;box-shadow:0 8px 32px #0006}.modal-content h3{margin:0 0 16px;font-size:24px;color:#fff}.modal-content p{margin:0 0 24px;color:#fffc;line-height:1.5}.percentage-slider{margin-bottom:24px}.percentage-slider label{display:block;margin-bottom:12px;color:#ffffffe6;font-size:14px}.percentage-slider input[type=range]{width:100%;margin:12px 0;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none}.percentage-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;transition:background .2s}.percentage-slider input[type=range]::-webkit-slider-thumb:hover{background:#0056b3}.percentage-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none;transition:background .2s}.percentage-slider input[type=range]::-moz-range-thumb:hover{background:#0056b3}.slider-labels{display:flex;justify-content:space-between;color:#ffffff80;font-size:12px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons button{margin:0}.generation-progress{margin-bottom:20px}.progress-bar-container{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#007bff,#00c853);border-radius:6px;transition:width .3s ease;min-width:2%}.progress-text{text-align:center;color:#fff;font-size:16px;font-weight:500}.progress-hint{color:#ffffff80!important;font-size:13px!important;text-align:center}.aspect-ratio-selector{display:flex;gap:12px;margin-top:8px}.aspect-ratio-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;font-size:13px;font-weight:500}.aspect-ratio-option:hover{background:#ffffff14;border-color:#fff3}.aspect-ratio-option.selected{background:#007bff26;border-color:#007bff;color:#fff}.aspect-ratio-icon{background:#ffffff4d;border-radius:4px}.aspect-ratio-option.selected .aspect-ratio-icon{background:#007bff}.aspect-ratio-icon.landscape{width:48px;height:32px}.aspect-ratio-icon.portrait{width:32px;height:48px}.aspect-ratio-icon.square{width:40px;height:40px}.progress-bar{display:flex;gap:8px;margin-bottom:48px;justify-content:space-between;background:transparent}.progress-step{flex:1;height:3px;background:#ffffff1a;border-radius:2px;transition:all .3s}.progress-step.active{background:#fff}.progress-step.completed{background:#10a37f}.step-header{margin-bottom:32px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;background:#ffffff14;padding:6px 12px;border-radius:20px;white-space:nowrap;overflow:visible}.step-title{font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.step-description{font-size:16px;color:#fff9}@media (max-width: 768px){.step-title{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}.agents-page{background:#0d0d0d;color:#fff;min-height:100vh;padding:24px 24px 24px 0}@media (max-width: 768px){.agents-page{padding:24px}}.agents-container{max-width:900px;margin:0 auto;overflow:visible}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px}.logo{font-size:18px;font-weight:600;letter-spacing:-.5px}.back-to-dashboard-btn{background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 16px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.back-to-dashboard-btn:hover{background-color:#ffffff0d;border-color:#fff3;color:#fff}.button-group{display:flex;gap:12px;margin-top:48px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;outline:none}.btn-primary{background:#fff;color:#000;border:none}.btn-primary:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-secondary:hover{background:#262626;border-color:#ffffff26;transform:translateY(-1px)}.validation-error{color:#ef4444;font-size:13px;margin-top:8px;font-weight:500;line-height:1.4}@media (max-width: 768px){.agents-page{padding:16px}.agents-container{padding-bottom:24px}.agents-header{margin-bottom:32px}.agents-header .logo{display:none}.button-group{flex-direction:column-reverse;justify-content:flex-start;gap:8px;margin-top:32px}.button-group button{width:100%;margin:0}}.notification-bell-container{position:relative;display:inline-block}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary, #333)}.notification-bell:hover{background:var(--bg-secondary, #f5f5f5);transform:scale(1.05)}.notification-bell.active{background:var(--bg-secondary, #f5f5f5)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.notification-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:320px;background:#fff;border:1px solid var(--border-color, #e1e5e9);border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:1000;overflow:hidden;animation:dropdownAppear .2s ease-out}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e1e5e9);background:var(--bg-primary, #fafbfc)}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.mark-all-read{background:none;border:none;color:var(--primary-color, #007bff);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read:hover{background:var(--primary-color-light, #e3f2fd)}.mark-all-read:disabled{color:var(--text-secondary, #666);cursor:not-allowed}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;padding:12px 20px;border-bottom:1px solid var(--border-light, #f0f0f0);cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:hover{background:var(--bg-hover, #f8f9fa)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--notification-unread-bg, #f0f7ff)}.notification-item.unread .notification-content{font-weight:500}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:14px;line-height:1.4;color:var(--text-primary, #333);word-wrap:break-word}.notification-time{font-size:12px;color:var(--text-secondary, #666)}.notification-indicator{width:8px;height:8px;background:var(--primary-color, #007bff);border-radius:50%;margin-left:12px;flex-shrink:0;align-self:center}.notification-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;color:var(--text-secondary, #666)}.notification-empty svg{margin-bottom:8px;opacity:.5}.notification-empty p{margin:0;font-size:14px}@media (max-width: 768px){.notification-bell{width:2.5rem;height:2.5rem}.notification-dropdown{position:fixed;top:60px;left:16px;right:16px;width:auto}}@media (max-width: 480px){.notification-bell{width:2.25rem;height:2.25rem}.notification-bell svg{width:18px;height:18px}.notification-badge{top:-2px;right:-2px;font-size:9px;min-width:14px;height:14px}}@media (prefers-color-scheme: dark){.notification-dropdown{background:var(--bg-primary-dark, #2a2a2a);border-color:var(--border-dark, #404040)}.notification-header{background:var(--bg-secondary-dark, #333);border-bottom-color:var(--border-dark, #404040)}.notification-item{border-bottom-color:var(--border-light-dark, #404040)}.notification-item:hover{background:var(--bg-hover-dark, #3a3a3a)}.notification-item.unread{background:var(--notification-unread-bg-dark, #1a2332)}}.unified-sidebar{position:fixed;left:0;top:0;width:256px;height:100vh;background-color:#0f0f10;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;z-index:100;transition:width .3s ease;overflow:hidden}.unified-sidebar.collapsed{width:80px;align-items:center}.unified-sidebar.collapsed .sidebar-nav-label,.unified-sidebar.collapsed .sidebar-section-label,.unified-sidebar.collapsed .sidebar-icon-label,.unified-sidebar.collapsed .sidebar-profile-name,.unified-sidebar.collapsed .sidebar-profile-arrow,.unified-sidebar.collapsed .beta-badge,.unified-sidebar.collapsed .sidebar-add-collection-btn{display:none}.unified-sidebar.collapsed .sidebar-nav-button,.unified-sidebar.collapsed .sidebar-icon-button{justify-content:center;width:48px;padding:6px}.unified-sidebar.collapsed .sidebar-logo-button{justify-content:center;padding:0}.sidebar-top{flex:1;width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;position:relative}.sidebar-top::-webkit-scrollbar{width:0px;background:transparent}.sidebar-top{scrollbar-width:none;-ms-overflow-style:none}.sidebar-logo-button{height:64px;width:100%;padding-left:20px;padding-right:14px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transition:opacity .2s ease}.sidebar-logo-button:hover{opacity:.8}.sidebar-logo{max-width:100%;height:auto}.sidebar-logo-full{width:85px;height:17px;display:block}.sidebar-logo-icon{width:28px;height:auto;display:none;object-fit:contain}.unified-sidebar.collapsed .sidebar-logo-full{display:none}.unified-sidebar.collapsed .sidebar-logo-icon{display:block}.sidebar-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 14px;margin-bottom:16px}.sidebar-icon-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;transition:background .2s ease;flex:1;color:#a6a6ae;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.sidebar-home-button{background:transparent;color:#fffffffa}.sidebar-icon-button:hover{background:#f3f3ff17}.sidebar-collapse-button{width:32px;height:32px;background:none;border:none;color:#787881;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .2s ease;flex-shrink:0}.sidebar-collapse-button:hover{background:#f3f3ff17}.unified-sidebar.collapsed .sidebar-nav-row{justify-content:center}.unified-sidebar.collapsed .sidebar-collapse-button.collapsed-state{width:48px;height:48px}.sidebar-section{width:100%;padding:14px 14px 8px;display:flex;flex-direction:column;gap:16px}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;position:relative}.sidebar-section-label{color:#ededff78;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.sidebar-add-collection-btn{width:22px;height:22px;padding:3px;background:#0f0f10;border:1px solid rgba(241,241,255,.15);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.sidebar-add-collection-btn:hover{background:#f3f3ff17}.sidebar-plus-icon{width:12px;height:12px}.sidebar-nav-button{width:100%;height:32px;background:transparent;border:none;border-radius:8px;padding:0 6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;color:#a6a6ae;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.sidebar-nav-button:hover{background:#f3f3ff17}.sidebar-nav-button.active{background:#f3f3ff17;color:#fffffffa}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0;color:currentColor}.sidebar-nav-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-gradient-top{position:absolute;top:64px;left:0;width:100%;height:12px;background:linear-gradient(180deg,#0f0f10,#0f0f1000);pointer-events:none;z-index:10}.sidebar-gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:12px;background:linear-gradient(0deg,#0f0f10,#0f0f1000);pointer-events:none;z-index:10}.sidebar-bottom{width:100%;padding:8px 14px 14px;border-top:1px solid rgba(241,241,255,.12);display:flex;flex-direction:column;gap:0}.sidebar-notification-button{padding-left:14px;margin-bottom:8px}.sidebar-profile-container{position:relative;width:100%}.sidebar-profile-button{width:100%;height:44px;padding:0 4px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease}.sidebar-profile-button:hover{background:#f3f3ff17}.sidebar-profile-avatar{width:40px;height:40px;position:relative;flex-shrink:0}.sidebar-profile-icon-overlay{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;background:#f1f1ff1f;display:flex;align-items:center;justify-content:center;padding:8px}.sidebar-profile-icon-overlay img{width:14px;height:14px}.sidebar-profile-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-family:Inter,sans-serif;font-weight:500;line-height:20px}.sidebar-profile-arrow{width:16px;height:16px;opacity:.5;transform:rotate(90deg);flex-shrink:0}@media (max-width: 1024px){.unified-sidebar{width:80px}.sidebar-collapse-button{display:none}}@media (max-width: 768px){.unified-sidebar{display:none}}.billing-error-banner{background:#dc2626;color:#fff;padding:10px 16px;width:100%;position:fixed;top:0;left:0;right:0;z-index:1001}.billing-error-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem}.billing-error-icon{flex-shrink:0}.billing-error-message{font-weight:500}.billing-error-link{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;padding:0;font-size:.875rem;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;transition:opacity .15s ease}.billing-error-link:hover{opacity:.85}@media (max-width: 640px){.billing-error-banner{padding:8px 12px}.billing-error-content{gap:8px;font-size:.8125rem}.billing-error-icon{display:none}.billing-error-message{flex:1;text-align:center}.billing-error-link{font-size:.8125rem}}