@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:auto;-webkit-overflow-scrolling:touch;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;padding:0;-webkit-transform:translateZ(0)}*{-webkit-overflow-scrolling:auto;overscroll-behavior:none}#root{background:#1a1a1a;min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.LandingPage{background:#fcfcfc;overflow-x:hidden}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcfcfcf2;border-bottom:1px solid #0000000d;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.nav__container{height:72px;justify-content:space-between;margin:0 auto;max-width:1400px}.nav__brand,.nav__container{align-items:center;display:flex}.nav__brand{gap:12px}.nav__brand img{height:32px;width:auto}.nav__menu{align-items:center;display:flex;gap:32px}.nav__link{color:#666;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s ease}.nav__link:hover{color:#000}.nav__cta{background:#000;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.nav__cta:hover{background:#333;transform:translateY(-1px)}.hero{background:#fcfcfc;padding:120px 20px 0}.hero__container{margin:0 auto;max-width:1200px;text-align:center}.hero__content{margin:0 auto;max-width:800px}.hero__title{color:#000;display:flex;flex-direction:column;font-size:4rem;font-weight:800;gap:8px;letter-spacing:-.02em;line-height:1.1;margin-bottom:0}.hero__title-line{display:block}.rotating-word{animation:slideUpSimple .4s ease-out}.rotating-word--green{color:#22c55e}.rotating-word--red{color:#ef4444}.rotating-word--yellow{color:#f59e0b}@keyframes slideUpSimple{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.gallery{background:#fcfcfc;margin-top:-80px;overflow:hidden;padding:0 20px 80px}.gallery__container{margin:0;overflow:hidden;position:relative;width:100vw}.gallery__grid{align-items:flex-start;display:flex;gap:16px;height:700px;justify-content:center;margin-left:-90px;padding:0;width:calc(100% + 180px)}.gallery__grid,.gallery__item{position:relative}.gallery__item--1{transform:translateY(0)}.gallery__item--1 .gallery__image{filter:grayscale(100%);opacity:.4}.gallery__item--2{transform:translateY(80px);z-index:2}.gallery__item--3{transform:translateY(140px);z-index:3}.gallery__item--4{scale:1.1;transform:translateY(180px);z-index:4}.gallery__item--5{transform:translateY(140px);z-index:3}.gallery__item--6{transform:translateY(80px);z-index:2}.gallery__item--7{transform:translateY(0)}.gallery__item--7 .gallery__image{filter:grayscale(100%);opacity:.4}.gallery__phone{background:#f8f9fa;border:3px solid #e5e7eb;border-radius:24px;box-shadow:0 20px 60px #0000001a;height:320px;overflow:hidden;position:relative;width:180px}.gallery__phone:before{background:#d1d5db;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:60px;z-index:10}.gallery__image{border-radius:16px;height:100%;object-fit:cover;width:100%}.features{background:#fff;padding:120px 20px}.features__container{margin:0 auto;max-width:1200px}.features__header{margin-bottom:80px;text-align:center}.section-badge{background:#f8f9fa;border-radius:20px;color:#666;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:8px 16px}.section__title{color:#000;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:16px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.section__subtitle{color:#666;font-size:1.25rem;margin:0 auto;max-width:600px}.features__grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.feature-card:hover{border-color:#d1d5db;box-shadow:0 20px 60px #0000001a;transform:translateY(-4px)}.feature-card--large{align-items:center;display:grid;grid-column:span 2;grid-template-columns:1fr 1fr}.feature-card__content{padding:40px}.feature-card__icon{font-size:2.5rem;margin-bottom:16px}.feature-card h3{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:12px}.feature-card p{color:#666;line-height:1.6;margin-bottom:20px}.feature-card__list{list-style:none}.feature-card__list li{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.feature-card__list li:before{color:#10b981;content:"✓";font-weight:600;left:0;position:absolute}.feature-card__visual{padding:40px}.feature-card__visual,.placeholder{align-items:center;display:flex;justify-content:center}.placeholder{background:#f8f9fa;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;flex-direction:column;font-weight:500;text-align:center}.placeholder--feature{height:300px;width:100%}.placeholder--small{height:200px;width:100%}.placeholder__dims{font-size:12px;margin-top:8px;opacity:.7}.cta{background:#000;color:#fff;padding:120px 20px}.cta__container{margin:0 auto;max-width:800px;text-align:center}.cta__title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:16px}.cta__subtitle{color:#ccc;font-size:1.25rem;margin-bottom:40px}.cta__actions{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.cta .btn--primary{background:#fff;color:#000}.cta .btn--primary:hover{background:#f8f9fa}.cta .btn--ghost{border-color:#fff;color:#fff}.cta .btn--ghost:hover{background:#fff;color:#000}.cta__note{color:#888;font-size:14px}.footer{background:#fff;border-top:1px solid #e5e7eb;padding:80px 20px 40px}.footer__container{margin:0 auto;max-width:1200px}.footer__main{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 2fr;margin-bottom:60px}.footer__brand{max-width:300px}.footer__logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer__logo-icon{font-size:24px}.footer__logo h3{color:#000;font-size:24px;font-weight:700}.footer__description{color:#666;line-height:1.6;margin-bottom:24px}.footer__social{display:flex;gap:16px}.social-link{color:#666;font-weight:500;text-decoration:none;transition:color .2s ease}.social-link:hover{color:#000}.footer__links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}.footer__column h4{color:#000;font-size:16px;font-weight:600;margin-bottom:16px}.footer__column a{color:#666;display:block;margin-bottom:12px;text-decoration:none;transition:color .2s ease}.footer__column a:hover{color:#000}.footer__bottom{align-items:center;border-top:1px solid #e5e7eb;color:#666;display:flex;font-size:14px;justify-content:space-between;padding-top:40px}.footer__bottom-links{display:flex;gap:24px}.footer__bottom-links a{color:#666;text-decoration:none;transition:color .2s ease}.footer__bottom-links a:hover{color:#000}@media (max-width:768px){.hero__title{font-size:2.5rem}.hero__actions{align-items:stretch;flex-direction:column}.hero__stats{flex-direction:column;gap:24px}.gallery__grid{gap:8px;height:400px;padding:0 20px}.gallery__phone{border-radius:16px;border-width:4px;height:213px;width:120px}.gallery__image{border-radius:12px}.gallery__item--1,.gallery__item--7{margin:0;opacity:.4}.features__grid{grid-template-columns:1fr}.feature-card--large{grid-column:span 1;grid-template-columns:1fr}.footer__main{gap:40px;grid-template-columns:1fr}.footer__links{grid-template-columns:repeat(2,1fr)}.footer__bottom{flex-direction:column;gap:16px;text-align:center}.nav__menu{gap:16px}.cta__title,.section__title{font-size:2rem}}.Login{align-items:center;color:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px}.Login,.Login__modal{background:#fcfcfc;display:flex;flex-direction:column}.Login__modal{border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 12px #0000000d,0 2px 6px #00000008;justify-content:space-between;max-height:calc(100vh - 40px);max-width:420px;overflow:hidden;width:100%}.Login__top{padding:24px}.Login__illustration,.Login__top{align-items:center;display:flex;justify-content:center}.Login__illustration{position:relative}.Login__gif-image{height:auto;margin-bottom:-20px;max-height:110px;max-width:140px;object-fit:contain;transition:opacity .3s ease;width:auto}.Login__image-placeholder{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:110px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.Login__loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6b7280;height:24px;width:24px}.Login__bottom{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 32px 32px}.Login__header{margin-bottom:16px;text-align:center}.Login__title{color:#000;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:0}.Login__message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 14px;text-align:center}.Login__message--error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.Login__message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.Login__form{gap:16px;margin-bottom:20px}.Login__field,.Login__form{display:flex;flex-direction:column}.Login__label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px}.Login__input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#000;font-family:inherit;font-size:16px;padding:12px;width:100%}.Login__input:focus{border-color:#000;outline:none}.Login__password-container{position:relative}.Login__password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.Login__password-toggle:hover{color:#000}.Login__password-toggle svg{height:20px;width:20px}.Login__submit{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .15s ease;width:100%}.Login__submit:hover:not(:disabled){background:#333}.Login__submit:disabled{cursor:not-allowed;opacity:.6}.Login__submit--loading{opacity:.8}.Login__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.Login__forgot-password{margin-bottom:16px;text-align:center}.Login__forgot-link{color:#1da1f2;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s ease}.Login__forgot-link:hover{color:#0d8bd9}.Login__signup{color:#666;font-size:14px;margin-bottom:16px;text-align:center}.Login__signup-link{color:#000;font-weight:600;text-decoration:underline;transition:color .2s ease}.Login__signup-link:hover{color:#333}.Login__divider{align-items:center;color:#666;display:flex;font-size:14px;margin:16px 0}.Login__divider:after,.Login__divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.Login__divider span{font-weight:500;padding:0 16px}.Login__social{margin-bottom:0}.Login__social-button{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .15s ease;width:100%}.Login__social-button:hover:not(:disabled){background:#e5e7eb}.Login__social-button:disabled{cursor:not-allowed;opacity:.6}.Login__social-button--google{border-color:#e5e7eb;color:#000}.Login__social-button--google:hover:not(:disabled){background:#e5e7eb}.Login__social-button--loading{opacity:.8}@media (max-width:1024px){.Login__bottom{padding:0 20px 20px}}@media (max-width:640px){.Login__title{font-size:24px}.Login__bottom{padding:0 16px 16px}.Login__gif-image{max-height:120px;max-width:150px}}.Signup{align-items:center;color:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px}.Signup,.Signup__modal{background:#fcfcfc;display:flex;flex-direction:column}.Signup__modal{border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 12px #0000000d,0 2px 6px #00000008;justify-content:space-between;max-height:calc(100vh - 40px);max-width:420px;overflow:hidden;width:100%}.Signup__top{padding:24px}.Signup__illustration,.Signup__top{align-items:center;display:flex;justify-content:center}.Signup__illustration{position:relative}.Signup__gif-image{height:auto;margin-bottom:-20px;max-height:110px;max-width:140px;object-fit:contain;transition:opacity .3s ease;width:auto}.Signup__image-placeholder{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:110px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.Signup__loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6b7280;height:24px;width:24px}.Signup__bottom{flex:1 1}.Signup__container{width:100%}.Signup__form-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 32px 32px}.Signup__header{margin-bottom:-10px;text-align:center}.Signup__title{color:#000;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:26px}.Signup__subtitle{color:#666;font-size:16px;margin-bottom:8px}.Signup__message{font-size:12px;font-weight:500;margin-bottom:12px;padding:4px 0;text-align:left}.Signup__message--error{background:none;border:none;color:#dc2626}.Signup__form{gap:16px;margin-bottom:20px}.Signup__field,.Signup__form{display:flex;flex-direction:column}.Signup__label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px}.Signup__input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#000;font-size:16px;padding:12px;width:100%}.Signup__input:focus{border-color:#000;outline:none}.Signup__password-container{position:relative}.Signup__password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.Signup__password-toggle:hover{color:#000}.Signup__password-toggle svg{height:20px;width:20px}.Signup__terms{margin:4px 0}.Signup__checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:6px}.Signup__checkbox svg{color:#666;flex-shrink:0;height:16px;margin-top:0;width:16px}.Signup__checkbox[data-checked=true] svg{color:#1da1f2}.Signup__checkbox-text{color:#666;font-size:12px;line-height:1.2;margin-top:0;white-space:normal}.Signup__link{color:#1da1f2;font-size:inherit;font-weight:600;text-decoration:underline;transition:color .2s ease}.Signup__link:hover{color:#0d8bd9}.Signup__submit{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .15s ease;width:100%}.Signup__submit:hover:not(:disabled){background:#333}.Signup__submit:disabled{cursor:not-allowed;opacity:.6}.Signup__submit--disabled{background:#9ca3af!important;cursor:not-allowed}.Signup__submit--disabled:hover{background:#9ca3af!important;transform:none}.Signup__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.Signup__divider{display:flex}.Signup__divider:after,.Signup__divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.Signup__divider span{font-weight:500;padding:0 16px}.Signup__social{display:block!important;margin-bottom:16px;visibility:visible!important}.Signup__social-button{align-items:center;background:#f8f9fa!important;border:1px solid #e5e7eb;border-radius:8px;color:#000!important;cursor:pointer;display:flex!important;font-size:16px;font-weight:600;gap:8px;justify-content:center;opacity:1!important;padding:12px 24px;transition:all .15s ease;visibility:visible!important;width:100%;z-index:999}.Signup__social-button:hover{background:#e5e7eb!important}.Signup__divider{align-items:center;color:#666;display:flex!important;font-size:14px;margin:16px 0;visibility:visible!important}.Signup__login{color:#666;font-size:14px;text-align:center}.Signup__login-link{color:#000;text-decoration:underline}@media (max-width:1024px){.Signup__bottom{padding:0 20px 20px}}@media (max-width:640px){.Signup__title{font-size:24px}.Signup__bottom{padding:0 16px 16px}.Signup__gif-image{max-height:120px;max-width:150px}}*{box-sizing:border-box;margin:0;padding:0}.EmailVerification{align-items:center;background:#fff;color:#000;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.EmailVerification__container{max-width:480px;width:100%}.EmailVerification__content{background:#fff;padding:0;text-align:center}.EmailVerification__icon{display:flex;justify-content:center;margin-bottom:32px;position:relative}.EmailVerification__inbox-image{height:120px;object-fit:contain;transition:opacity .3s ease;width:120px}.EmailVerification__header{margin-bottom:32px}.EmailVerification__title{color:#000;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:12px}.EmailVerification__subtitle{color:#666;font-size:16px;margin-bottom:8px}.EmailVerification__email{background:#f8f9fa;border-radius:8px;color:#000;font-size:16px;font-weight:600;margin:16px 0;padding:12px 16px;word-break:break-all}.EmailVerification__instructions{color:#666;font-size:14px;line-height:1.5;margin-bottom:24px}.EmailVerification__message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.EmailVerification__message--success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.EmailVerification__message--error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.EmailVerification__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.EmailVerification__button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;text-align:center;transition:all .15s ease;width:100%}.EmailVerification__button--primary{background:#000;color:#fff}.EmailVerification__button--primary:hover:not(:disabled){background:#333}.EmailVerification__button--primary:active:not(:disabled){background:#111;transform:translateY(1px)}.EmailVerification__button--secondary{background:#f8f9fa;border:1px solid #e5e7eb;color:#000}.EmailVerification__button--secondary:hover:not(:disabled){background:#e5e7eb}.EmailVerification__button--secondary:active:not(:disabled){background:#d1d5db;transform:translateY(1px)}.EmailVerification__button:disabled{cursor:not-allowed;opacity:.6}.EmailVerification__footer{text-align:center}.EmailVerification__link{background:none;border:none;color:#666;cursor:pointer;font-family:inherit;font-size:14px;padding:8px;text-decoration:none;transition:color .15s ease}.EmailVerification__link:hover{color:#000}@media (max-width:640px){.EmailVerification{padding:20px 16px}.EmailVerification__title{font-size:28px}.EmailVerification__inbox-image{height:120px;width:120px}.EmailVerification__button{font-size:15px;padding:14px 20px}}.user-profile-widget{position:fixed;right:16px;top:16px;transform:scale(1);transition:transform .25s cubic-bezier(.4,0,.6,1);z-index:2000}.user-profile-widget.hidden{pointer-events:none;transform:scale(0)}.profile-avatar{align-items:center;background:#4a5568;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;overflow:hidden;transition:all .2s;width:40px}.profile-avatar:hover{background:#5a6578;box-shadow:0 2px 6px #00000026}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-dropdown{animation:slideDown .2s ease;background:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 8px 24px #0006;overflow:hidden;position:absolute;right:0;top:50px;width:280px}.profile-header{align-items:center;background:#222;display:flex;gap:12px;padding:20px}.profile-avatar-large{align-items:center;background:#4a5568;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:500;height:50px;justify-content:center;overflow:hidden;width:50px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1;min-width:0}.profile-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#999;font-size:13px}.profile-divider{background:#333;height:1px}.profile-menu{padding:8px}.profile-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.profile-menu-item:hover{background:#333;color:#fff}.profile-menu-item svg{color:#999;transition:color .2s}.profile-menu-item:hover svg{color:#667eea}.profile-logout{color:#ff6b6b}.profile-logout:hover{background:#ff6b6b1a}.profile-logout:hover svg{color:#ff6b6b}.shortcuts-overlay{animation:fadeIn .2s;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2001}.shortcuts-modal{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background-color:#2a2a2a;border-radius:12px;box-shadow:0 8px 32px #00000080;left:50%;max-height:80vh;max-width:500px;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2002}.shortcuts-header{align-items:center;background-color:#222;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:20px 24px}.shortcuts-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.shortcuts-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.shortcuts-close:hover{background-color:#3a3a3a;color:#fff}.shortcuts-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:24px}.shortcuts-section{margin-bottom:24px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h4{color:#3b82f6;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{align-items:center;background-color:#333;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.shortcut-item:hover{background-color:#3a3a3a}.shortcut-item kbd{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;box-shadow:0 2px 0 #111;color:#fff;font-family:Courier New,monospace;font-size:12px;font-weight:600;min-width:100px;padding:4px 10px;text-align:center}.shortcut-item span{color:#ccc;flex:1 1;font-size:14px;margin-left:16px}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.shortcuts-content::-webkit-scrollbar{width:8px}.shortcuts-content::-webkit-scrollbar-track{background:#222;border-radius:4px}.shortcuts-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:#555}.block-context-menu{background-color:#1f1f1f;border:2px solid #4f46e5;border-radius:8px;box-shadow:0 4px 12px #00000080;min-width:160px;padding:8px 0;position:fixed;z-index:10000}.block-context-menu-item{color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .15s ease}.block-context-menu-item:hover{background-color:#2a2a2a}.block-context-menu-item-delete{color:#ef4444}.block-context-menu-shortcut{margin-left:8px;opacity:.5}.canvas-context-menu-wrapper{position:fixed;z-index:2000}.loading-screen{align-items:center;background-color:#1a1a1a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-rabbit{background-color:#fff;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:auto;padding:40px;width:160px}.layer-context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.layer-context-menu{background:#2a2a2a;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #00000080;min-width:140px;padding:4px;position:fixed;z-index:9999}.layer-context-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.layer-context-menu-item:hover{background:#333;color:#fff}.layer-context-menu-item.delete{color:#ef4444}.layer-context-menu-item.delete:hover{background:#ef4444;color:#fff}.dock-container{bottom:-5px;filter:blur(0);left:50%;max-width:calc(100vw - 360px);opacity:1;overflow:visible;position:fixed;transform:translateX(-35%) translateY(200px);transition:transform .25s cubic-bezier(.4,0,.6,1),filter .25s cubic-bezier(.4,0,.6,1),opacity .25s cubic-bezier(.4,0,.6,1);z-index:1000}.dock-container.dock-visible{filter:blur(0);opacity:1;transform:translateX(-35%) translateY(0)}.dock-container.dock-hidden{filter:blur(8px);opacity:0;transform:translateX(-35%) translateY(200px)}.dock-title{display:none}.dock-grid{align-items:center;display:flex;flex-direction:row;gap:4px;-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 40px,#000);mask-image:linear-gradient(270deg,#0000 0,#000 40px,#000);max-width:100%;overflow-x:auto;overflow-y:visible;padding:60px 20px 16px;position:relative;transition:mask-image .3s ease,-webkit-mask-image .3s ease;-webkit-user-select:none;user-select:none}.dock-grid:has(.dock-icon-wrapper:hover){-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 40px,#000 calc(100% - 40px),#0000)}.dock-container.just-hovered .dock-grid{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 40px,#000 calc(100% - 40px),#0000)}.dock-grid::-webkit-scrollbar{display:none}.dock-grid{-ms-overflow-style:none;scrollbar-width:none}.dock-icon-wrapper{align-items:center;cursor:grab;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:60px;min-width:60px;overflow:visible;position:relative}.dock-icon-wrapper:active{cursor:grabbing}.dock-icon{align-items:center;border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transform-origin:bottom center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:60px}.dock-icon-wrapper:active .dock-icon{border:none;outline:none}.dock-tooltip-wrapper{bottom:calc(100% + 30px);display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:99999}.dock-tooltip{animation:tooltipFadeIn .15s ease-out;background:#1e1e1ef2;border:1px solid #c8c8c84d;border-radius:999px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;position:relative;white-space:nowrap}.dock-tooltip:after{display:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dock-icon-label{color:#fff;font-size:24px;font-weight:700;pointer-events:none;text-shadow:0 2px 4px #0000004d}.dock-icon-img{height:52px;object-fit:contain;pointer-events:none;width:52px}.dock-indicator{background:#8889;border-radius:50%;bottom:-8px;box-shadow:0 0 4px #8888884d;height:4px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease;width:4px}.dock-icon-wrapper:hover .dock-indicator{background:#fff;box-shadow:0 0 4px #ffffff80}.dock-drop-indicator{animation:dropIndicatorPulse .8s ease-in-out infinite;background:#ffffff80;border-radius:2px;flex-shrink:0;height:60px;width:4px}@keyframes dropIndicatorPulse{0%,to{opacity:.5}50%{opacity:1}}.dock-icon-wrapper[style*="position: fixed"] .dock-icon{box-shadow:0 12px 48px #0009;transition:none!important}.dock-grid::-webkit-scrollbar{height:6px}.dock-grid::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.dock-grid::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.dock-grid::-webkit-scrollbar-thumb:hover{background:#555}.left-sidebar{align-items:center;background:#1f1f1f;border-right:1px solid #2a2a2a;bottom:0;display:flex;flex-direction:column;left:0;padding-top:16px;position:fixed;top:0;width:44px;z-index:1001}.left-sidebar-logo{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.left-sidebar-logo img{height:100%;object-fit:contain;width:100%}.left-sidebar-logo:hover{transform:scale(1.1)}.left-sidebar-nav{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:0 6px;width:100%}.left-sidebar-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.left-sidebar-nav-btn svg{height:22px;width:22px}.left-sidebar-nav-btn:hover{background:#2a2a2a;color:#fff;transform:scale(1.05)}.left-sidebar-nav-btn:active{transform:scale(.95)}.left-sidebar-menu{animation:slideRight .2s ease-out;background:#1f1f1f;border:1px solid #2a2a2a;border-left:none;border-radius:0;border-top:none;box-shadow:none;min-width:120px;overflow:hidden;padding:4px 0;z-index:9999}@keyframes slideRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.left-sidebar-menu-section{position:relative}.left-sidebar-menu-title{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:6px 12px;transition:background .2s}.left-sidebar-menu-title:hover{background:#2a2a2a}.left-sidebar-menu-arrow{color:#666;font-size:16px;margin-left:8px}.left-sidebar-submenu{animation:slideRight .15s ease-out;background:#1f1f1f;border:1px solid #2a2a2a;border-radius:8px;box-shadow:none;max-width:260px;min-width:220px;padding:4px 0;z-index:10001}.left-sidebar-submenu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:6px 12px;transition:background .2s}.left-sidebar-submenu-item:hover:not(.disabled){background:#2a2a2a}.left-sidebar-submenu-item.disabled{cursor:not-allowed;opacity:.4}.left-sidebar-submenu-label{flex:1 1;white-space:nowrap}.left-sidebar-submenu-shortcut{background:#0000;border-radius:3px;color:#fff;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,monospace;font-size:10px;padding:1px 4px}.left-sidebar-submenu-shortcut.disabled{color:#666}.left-sidebar-submenu-separator{background:#2a2a2a;height:1px;margin:2px 8px}.left-sidebar-switch{background:#333;border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:32px}.left-sidebar-switch.active{background:#3b82f6}.left-sidebar-switch-thumb{background:#fff;border-radius:50%;height:14px;left:2px;position:absolute;top:2px;transition:transform .2s;width:14px}.left-sidebar-switch.active .left-sidebar-switch-thumb{transform:translateX(14px)}.left-sidebar-profile{margin-top:auto;padding:12px 6px;width:100%}.left-sidebar-profile,.left-sidebar-profile-photo{align-items:center;display:flex;justify-content:center}.left-sidebar-profile-photo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;height:32px;overflow:hidden;transition:all .2s ease;width:32px}.left-sidebar-profile-photo:hover{transform:scale(1.1)}.left-sidebar-profile-photo img{height:100%;object-fit:cover;width:100%}.left-sidebar-profile-placeholder{color:#fff;font-size:14px;font-weight:600}.left-sidebar-profile-menu{animation:slideUp .2s ease-out;background:#1f1f1f;border:1px solid #2a2a2a;border-radius:8px;box-shadow:none;min-width:150px;padding:4px 0;z-index:10000}.left-sidebar-profile-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .2s}.left-sidebar-profile-menu-item:hover{background:#2a2a2a}.left-sidebar-profile-menu-divider{background:#2a2a2a;height:1px;margin:4px 8px}.left-sidebar-profile-menu-logout{color:#ff6b6b}.left-sidebar-profile-menu-logout:hover{background:#ff6b6b1a}.layers-panel{background:#1f1f1f;border-right:1px solid #2a2a2a;bottom:0;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;left:44px;max-width:280px!important;min-width:280px!important;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;transition:transform .25s cubic-bezier(.4,0,.6,1);width:280px!important;z-index:1000}.layers-panel *{box-sizing:border-box}.layers-panel.hidden{pointer-events:none;transform:translateX(-100%)}.layers-project-name{border-bottom:1px solid #2a2a2a;flex-shrink:0;padding:16px}.layers-project-name h3{color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.layers-project-name h3:hover{color:#c4b5fd}.layers-project-share-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.layers-project-share-btn:hover{background:#ffffff1a;border-color:#ffffff80}.layers-project-share-btn:active{transform:scale(.95)}.layers-project-name-input{background:#2a2a2a;border:1px solid #5b9bd5;border-radius:4px;color:#fff;font-family:inherit;font-size:16px;font-weight:600;outline:none;padding:8px 12px;width:100%}.layers-drafts-section{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;flex-shrink:0;gap:6px;padding:10px 16px}.layers-drafts-label{color:#fff;font-size:11px;font-weight:600}.layers-drafts-badge{background:#8b5cf633;border-radius:10px;color:#c4b5fd;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.layers-header{align-items:center;border-bottom:1px solid #333;display:flex;flex-shrink:0;justify-content:space-between;min-width:0;padding:16px}.layers-header h3{color:#fff;flex:1 1;font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px;position:relative}.layers-count{background:#2a2a2a;border-radius:12px;color:#999;flex-shrink:0;font-size:12px;font-weight:600;padding:2px 8px}.layers-alignment-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.layers-alignment-btn:hover{background:#3a3a3a;color:#fff}.layers-alignment-btn:active{transform:scale(.95)}.layers-alignment-menu{animation:slideDown .2s ease-out;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 8px 24px #000c;min-width:220px;padding:8px;position:fixed;z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.layers-alignment-menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s}.layers-alignment-menu-item:hover{background:#2a2a2a}.layers-alignment-menu-icon{align-items:center;background:#2a2a2a;border-radius:6px;color:#667eea;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.layers-alignment-menu-text{flex:1 1}.layers-alignment-menu-label{color:#fff;font-size:13px;font-weight:600;margin-bottom:2px}.layers-alignment-menu-description{color:#999;font-size:11px}.layers-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.layers-close-btn:hover{background-color:#2a2a2a;color:#fff}.layers-list{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:8px 4px 8px 8px}.layers-list::-webkit-scrollbar{width:6px}.layers-list::-webkit-scrollbar-track{background:#0000}.layers-list::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.layers-list::-webkit-scrollbar-thumb:hover{background:#666}.layers-empty{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px;text-align:center}.layers-empty p{font-size:14px;font-weight:600;margin:0 0 8px}.layers-empty span{font-size:12px;opacity:.7}.layer-item{align-items:center;background:#2a2a2a;border:1px solid #2a2a2a;border-radius:6px;cursor:grab;display:flex;gap:6px;margin-bottom:4px;min-width:0;padding:6px 12px;position:relative;transition:background .2s}.layer-item:active{cursor:grabbing}.layer-item.dragging{cursor:grabbing;opacity:.5}.layer-item.drag-over{border-top:2px solid #3b82f6;margin-top:4px}.layer-item.locked{background:#0000;opacity:.6}.layer-item:hover{background:#2a2a2a}.layer-item.locked:hover{background:#0000;opacity:.8}.layer-item.locked.in-group{opacity:.6}.layer-item.selected{background:#5b9bd526}.layer-item.selected.locked{background:#0000}.layer-item.selected.locked.in-group{opacity:.6}.layer-group{margin-bottom:8px}.layer-group-header{background:#0000;color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:4px 12px;text-transform:uppercase}.layer-drag-handle{align-items:center;color:#666;cursor:grab;display:flex;flex-shrink:0}.layer-drag-handle:hover{color:#999}.layer-item:active .layer-drag-handle{cursor:grabbing}.layer-info{align-items:center;display:flex;gap:8px}.layer-info,.layer-name{flex:1 1;min-width:0;overflow:hidden}.layer-name{color:#fff;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.layer-item.in-group{border:4px solid var(--group-border-color);border-radius:6px;position:relative}.layer-item.in-group:before{background:var(--group-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.layer-item.in-group>*{position:relative;z-index:1}.layer-lock-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.8;padding:4px;transition:opacity .2s,color .2s}.layer-lock-btn:hover{color:#fff;opacity:1}.layer-item.in-group .layer-lock-btn{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));opacity:.9}.layer-item.in-group .layer-lock-btn:hover{color:#fff;opacity:1}.layer-item.selected .layer-name{color:#fff;font-weight:600}.layers-section-header{font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-top:4px;min-width:0;padding:8px 0;text-transform:uppercase}.layers-section-header,.layers-section-header button{align-items:center;color:#999;display:flex;flex-shrink:0}.layers-section-header button{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:all .2s}.layers-section-header button:hover{background:#2a2a2a;color:#fff}.pages-list-section{border-bottom:1px solid #2a2a2a;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:8px;min-width:0;padding-bottom:8px}.pages-list-container{max-height:156px;min-width:0;overflow-x:hidden;overflow-y:auto}.pages-list-container::-webkit-scrollbar{width:4px}.pages-list-container::-webkit-scrollbar-track{background:#0000}.pages-list-container::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.pages-list-container::-webkit-scrollbar-thumb:hover{background:#666}.layers-section-container{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.layers-section-container::-webkit-scrollbar{width:4px}.layers-section-container::-webkit-scrollbar-track{background:#0000}.layers-section-container::-webkit-scrollbar-thumb{background:#0000;background-clip:content-box;border-left:4px solid #0000;border-radius:10px;border-right:3px solid #0000;-webkit-transition:background .2s;transition:background .2s}.layers-section-container:hover::-webkit-scrollbar-thumb{background:#555}.layers-section-container::-webkit-scrollbar-thumb:hover{background:#666}.page-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;min-width:0;overflow:hidden;padding:8px 12px;transition:background .2s}.page-item.active,.page-item:hover{background:#2a2a2a}.page-item.active:hover{background:#222}.page-name{color:#fff;flex:1 1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-menu-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;padding:4px;transition:opacity .2s;width:24px}.page-item:hover .page-menu-btn{opacity:1}.page-menu-btn:hover{color:#fff}.page-rename-input{background:#2a2a2a;border:1px solid #5b9bd5;border-radius:4px;color:#fff;flex:1 1;font-size:13px;font-weight:600;min-width:0;outline:none;padding:4px 8px;width:100%}.page-context-menu{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:6px;box-shadow:0 4px 12px #000c;min-width:150px;overflow:hidden;position:fixed;z-index:10000}.page-context-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .2s}.page-context-menu-item:hover{background:#2a2a2a}.page-context-menu-item.danger{color:#ff6b6b}.page-context-menu-item.danger:hover{background:#ff6b6b1a}.pricing-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.pricing-popup{animation:popupSlideIn .3s ease-out;background:#1f1f1f;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 20px 60px #000000e6;left:50%;max-height:90vh;max-width:900px;overflow-y:auto;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.pricing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.pricing-header h2{font-size:28px;font-weight:600;margin:0}.pricing-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;transition:all .2s;width:32px}.pricing-close:hover{background:#2a2a2a;color:#fff}.pricing-plan{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;display:flex;flex-direction:column;padding:24px;transition:all .3s}.pricing-plan:hover{border-color:#4a4a4a;transform:translateY(-4px)}.pricing-plan-featured{background:#667eea0d;border:2px solid #667eea}.pricing-plan-name{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.pricing-plan-desc{color:#999;font-size:13px;margin:0 0 20px;min-height:36px}.pricing-plan-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.pricing-plan-features li{color:#ccc;font-size:13px;padding:8px 0 8px 20px;position:relative}.pricing-plan-features li:before{color:#667eea;content:"✓";font-weight:600;left:0;position:absolute}.pricing-plan-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.pricing-plan-btn-current{background:#3a3a3a;color:#999;cursor:default}.pricing-plan-btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pricing-plan-btn-upgrade:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.pricing-plan-btn-contact{background:#2a2a2a;border:1px solid #3a3a3a;color:#fff}.pricing-plan-btn-contact:hover{background:#3a3a3a;border-color:#4a4a4a}.minimap{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;bottom:100px;box-shadow:none;cursor:crosshair;height:90px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:20px;transition:opacity .3s ease;width:160px;z-index:1001}.minimap.visible{opacity:1;pointer-events:auto}.minimap-grid{background-image:repeating-linear-gradient(0deg,#0000,#0000 19px,#222 0,#222 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#222 0,#222 20px);height:100%;opacity:.3;width:100%}.minimap-block,.minimap-grid{pointer-events:none;position:absolute}.minimap-block{border-radius:1px;opacity:.8;transition:opacity .2s}.minimap-viewport{background:#ffffff1a;border:2px solid #fff;box-shadow:0 0 0 9999px #0000004d}.minimap-info,.minimap-viewport{pointer-events:none;position:absolute}.minimap-info{background:#2a2a2acc;border-radius:4px;color:#999;font-size:10px;font-weight:600;padding:2px 6px;right:4px;top:4px}.minimap:hover .minimap-block{opacity:1}.explore-popup-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.explore-popup{align-items:center;background-color:#272726;border:2px solid #444;border-radius:12px;display:flex;flex-direction:column;gap:20px;left:50%;min-width:600px;padding:32px 60px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100000}.explore-popup-close{align-items:center;border-radius:6px;color:#888;cursor:default;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.explore-popup-close:hover{background-color:#ffffff1a;color:#fff;cursor:pointer}.explore-popup-image{border-radius:8px;height:125px;max-width:250px;object-fit:contain;width:100%}.explore-popup-title{color:#fff;font-size:24px;font-weight:700;line-height:1.3;margin-top:-8px;text-align:center;text-transform:capitalize}.explore-popup-subtitle{color:#aaa;font-size:14px;font-weight:400;line-height:1.5;margin-top:-16px;text-align:center}.explore-popup-cta{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:default;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 32px;transition:all .2s}.explore-popup-cta:hover{background-color:#4338ca;cursor:pointer}.image-container{background-color:#2a2a2a;border-radius:8px;cursor:pointer;display:block;height:260px;overflow:hidden;position:relative;transform-origin:center;transition:border .2s ease;width:140px}.image-container.selected{border:3px solid #4f46e5}.image-container.locked img{opacity:.2}.image-container .more-vert-button,.image-container .prompt-overlay,.image-container .weight-badge{will-change:opacity,transform}.image-container img{height:100%;object-fit:cover;width:100%}.weight-badge{animation:fadeInScale .2s ease forwards;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;font-weight:600;left:6px;padding:4px 8px;pointer-events:auto;position:absolute;top:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.weight-badge.weight-1{background-color:#000000bf;border:1px solid #fff3}.weight-badge.weight-1:hover{background-color:#000000e6}.weight-badge.weight-2{background-color:#8b5cf6bf;border:1px solid #a78bfa66}.weight-badge.weight-2:hover{background-color:#8b5cf6e6}.weight-badge.weight-4{background-color:#6d28d9d9;border:1px solid #8b5cf680}.weight-badge.weight-4:hover{background-color:#6d28d9f2}.weight-badge.weight-8{background-color:#4c1d95e6;border:1px solid #6d28d999}.weight-badge.weight-8:hover{background-color:#4c1d95}.weight-badge:hover{transform:scale(1.15)!important}.more-vert-button{align-items:center;animation:fadeInScale .2s ease forwards;background-color:#0009;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;pointer-events:auto;position:absolute;right:6px;top:6px;transition:background-color .2s ease,transform .2s ease;width:24px}.more-vert-button svg{font-size:16px}.more-vert-button:hover{background-color:#000c;transform:scale(1.1)}.prompt-overlay{animation:slideUpFade .3s ease forwards;background:linear-gradient(0deg,#000000f2 0,#000000b3 50%,#0000);bottom:0!important;height:80px;left:0!important;padding:0;pointer-events:none;position:absolute!important;right:0!important;top:auto!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prompt-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;bottom:13px;color:#fff;display:-webkit-box;font-size:8px;font-weight:400;left:8px;line-height:1.2;margin:0;overflow:hidden;padding:0;position:absolute;right:8px;text-overflow:ellipsis;text-shadow:0 1px 3px #000000e6}@keyframes randomize{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[class^=animate-block-]{animation:randomize .4s ease-in-out}.block{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block.locked{background-color:#3a3a3a;cursor:move}.block:not(.locked){cursor:move}.lock-icon{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;pointer-events:auto;position:absolute;right:12px;top:12px;transition:all .2s;width:28px}.lock-icon svg{font-size:16px;transition:transform .2s ease}.lock-icon:hover svg{animation:wiggle .5s ease}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.lock-icon.locked svg{color:#888}.lock-icon:not(.locked){background-color:#ffffff0d}.lock-icon:not(.locked) svg{color:#888}.lock-icon:not(.locked):hover{background-color:#ffffff1a}.block-label{margin-bottom:12px}.images-grid{grid-gap:12px;-ms-overflow-style:none;display:grid;gap:12px;grid-template-columns:repeat(3,140px);max-height:804px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}.images-grid::-webkit-scrollbar{display:none}.images-grid.show-scrollbar{scrollbar-width:thin}.images-grid.show-scrollbar::-webkit-scrollbar{display:block;width:6px}.images-grid.show-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.images-grid.show-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.images-grid.show-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.add-placeholder{align-items:center;background-color:#2a2a2a;border-radius:8px;cursor:default;display:flex;height:260px;justify-content:center;pointer-events:auto;transition:all .2s;width:140px}.add-placeholder svg{color:#666;font-size:48px}.add-placeholder:hover{background-color:#2a2a2a;cursor:pointer}.port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.port:hover{cursor:pointer}.port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.port.left{left:-5px}.port.right{right:-5px}.port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.port:not(.connected){background-color:#333;border:2px solid #666}.port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.port.source-block{opacity:.5}.prompt-context-menu{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;min-width:180px;padding:4px 0;position:fixed;z-index:99999}.prompt-context-menu-item{color:#fff;cursor:default;font-size:14px;padding:8px 12px}.prompt-context-menu-item:hover{background-color:#333}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}.block.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-generate{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-generate.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-generate .block-label{margin-bottom:12px}.generate-button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:default;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 24px;pointer-events:auto;text-transform:uppercase;transition:all .2s;width:100%}.generate-button:hover{background-color:#4338ca;transform:scale(1.02)}.generate-hint{color:#fff6;font-size:11px;font-style:italic;margin-top:12px;text-align:center}.history-container{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-height:350px;overflow-y:auto;padding-right:4px;pointer-events:auto;width:100%}.history-container::-webkit-scrollbar{width:6px}.history-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.history-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.history-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.history-item{-webkit-line-clamp:2;-webkit-box-orient:vertical;background-color:#2a2a2a;border-radius:6px;color:#aaa;cursor:default;display:-webkit-box;font-size:10px;line-height:1.5;min-height:50px;overflow:hidden;padding:10px 12px;pointer-events:auto;text-overflow:ellipsis;transition:all .2s}.history-item:hover{background-color:#2a2a2a;color:#fff}.block-generate .port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-generate .port:hover{cursor:pointer}.block-generate .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-generate .port.left{left:-5px}.block-generate .port.right{right:-5px}.block-generate .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-generate .port:not(.connected){background-color:#333;border:2px solid #666}.block-generate .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-generate .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-generate .port.source-block{opacity:.5}.block-midjourney{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-midjourney .block-label{margin-bottom:12px}.format-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.format-option{align-items:center;background-color:#2a2a2a;border:2px solid #0000;border-radius:6px;cursor:default;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:10px;pointer-events:auto;transition:all .2s}.format-option.selected{background-color:#4f46e5;border:2px solid #6366f1}.format-option:not(.selected):hover{background-color:#2a2a2a}.format-preview{align-items:center;background-color:#444;border-radius:4px;display:flex;justify-content:center;transition:all .2s}.format-preview.selected{background-color:#fff}.format-icon{color:#888;font-size:18px;transition:all .2s}.format-icon.selected{color:#4f46e5}.format-label{color:#ccc;font-size:11px;font-weight:600}.format-label.selected{color:#fff}.block-midjourney .port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-midjourney .port:hover{cursor:pointer}.block-midjourney .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-midjourney .port.left{left:-5px}.block-midjourney .port.right{right:-5px}.block-midjourney .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-midjourney .port:not(.connected){background-color:#333;border:2px solid #666}.block-midjourney .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-midjourney .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-midjourney .port.source-block{opacity:.5}.block-midjourney.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-camera{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-camera .block-label{margin-bottom:12px}.camera-options-container{display:flex;flex-direction:column;gap:12px;max-height:calc(100% - 40px);overflow-y:auto;width:100%}.camera-section{width:100%}.camera-section-title{color:#aaa;font-size:11px;font-weight:600;margin-bottom:6px}.camera-badges{display:flex;flex-wrap:wrap;gap:6px}.camera-badge{background-color:#2a2a2a;border:1px solid #0000;border-radius:4px;cursor:default;font-size:11px;padding:6px 12px;pointer-events:auto;transition:all .2s}.camera-badge.selected{background-color:#4f46e5;border:1px solid #6366f1}.camera-badge:not(.selected):hover{background-color:#2a2a2a}.block-camera .port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-camera .port:hover{cursor:pointer}.block-camera .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-camera .port.left{left:-5px}.block-camera .port.right{right:-5px}.block-camera .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-camera .port:not(.connected){background-color:#333;border:2px solid #666}.block-camera .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-camera .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-camera .port.source-block{opacity:.5}.block-camera.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-trigger-word{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-trigger-word .block-label,.trigger-info{margin-bottom:12px}.trigger-info{color:#888;font-size:11px;font-weight:400}.trigger-input{background-color:#2a2a2a;border:1px solid #555;border-radius:6px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;outline:none;padding:12px 16px;pointer-events:auto;transition:all .2s;width:100%}.trigger-input:focus{background-color:#2a2a2a;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.trigger-input::placeholder{color:#666;font-weight:400}.caps-toggle-container{align-items:center;display:flex;gap:12px;margin-top:10px;pointer-events:auto}.caps-icon{align-items:center;color:#888;display:flex;transition:color .2s}.caps-toggle-container:has(input:checked) .caps-icon{color:#4f46e5}.caps-label{color:#888;flex:1 1;font-size:12px;font-weight:500;letter-spacing:.3px;transition:color .2s}.caps-toggle-container:has(input:checked) .caps-label{color:#4f46e5}.switch{display:inline-block;height:20px;margin-left:auto;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#333;border-radius:20px;bottom:0;cursor:default;left:0;pointer-events:auto;right:0;top:0}.slider,.slider:before{position:absolute;transition:all .3s}.slider:before{background-color:#888;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{background-color:#fff;transform:translateX(20px)}.slider:hover{background-color:#3a3a3a}input:checked+.slider:hover{background-color:#4338ca}.block-trigger-word .port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-trigger-word .port:hover{cursor:pointer}.block-trigger-word .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-trigger-word .port.left{left:-5px}.block-trigger-word .port.right{right:-5px}.block-trigger-word .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-trigger-word .port:not(.connected){background-color:#333;border:2px solid #666}.block-trigger-word .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-trigger-word .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-trigger-word .port.source-block{opacity:.5}.block-trigger-word.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-free-text{align-items:flex-start;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-free-text .block-label,.free-text-info{margin-bottom:12px}.free-text-info{color:#888;font-size:11px;font-weight:400}.free-text-input{background-color:#2a2a2a;border:1px solid #555;border-radius:6px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.2px;outline:none;padding:12px 16px;pointer-events:auto;transition:all .2s;width:100%}.free-text-input:focus{background-color:#2a2a2a;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.free-text-input::placeholder{color:#666;font-weight:400}.block-free-text .port{border-radius:50%;cursor:default;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-free-text .port:hover{cursor:pointer}.block-free-text .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-free-text .port.left{left:-5px}.block-free-text .port.right{right:-5px}.block-free-text .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-free-text .port:not(.connected){background-color:#333;border:2px solid #666}.block-free-text .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-free-text .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-free-text .port.source-block{opacity:.5}.block-free-text.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-sticky-note{border:1px solid #555;border-radius:0;box-shadow:0 4px 8px #00000026,0 1px 3px #0000001a;cursor:move;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:16px;position:absolute;will-change:transform}.block-sticky-note:hover{box-shadow:0 6px 12px #0003,0 2px 4px #00000026;transform:translateY(-2px)}.sticky-color-picker-btn-container{position:absolute;right:8px;top:8px;z-index:10}.sticky-color-picker-btn{align-items:center;background:#0000;border:none;border-radius:6px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;outline:none;position:relative;transition:all .2s;width:28px}.sticky-color-picker-btn:before{content:"🎨";position:absolute}.sticky-color-picker-btn:hover{box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.sticky-color-picker-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:6px;padding:8px;position:absolute;right:0;top:35px;z-index:100}.color-picker-option{border:2px solid #0000;border-radius:6px;cursor:pointer;height:32px;outline:none;transition:all .2s;width:32px}.color-picker-option:hover{border-color:#0000004d;transform:scale(1.1)}.color-picker-option.active{border-color:#00000080;border-width:3px;transform:scale(1.15)}.sticky-textarea{background:#0000;border:none;cursor:text;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;height:calc(100% - 20px);line-height:1.5;margin-top:8px;outline:none;padding:8px 4px;resize:none;width:100%}.sticky-textarea::placeholder{color:inherit;font-style:italic;opacity:.4}.sticky-textarea:focus::placeholder{opacity:.3}.sticky-resize-handle{bottom:0;cursor:nwse-resize;height:20px;opacity:.3;position:absolute;right:0;transition:opacity .2s;width:20px}.sticky-resize-handle:after{border-color:#0000 #0000 currentcolor;border-style:solid;border-width:0 0 14px 14px;bottom:2px;content:"";height:0;opacity:.5;position:absolute;right:2px;width:0}.block-sticky-note:hover .sticky-resize-handle{opacity:.6}.sticky-resize-handle:hover{opacity:1!important}.block-sticky-note.selected{box-shadow:0 0 0 4px #fff,0 6px 12px #0003,0 2px 4px #00000026;outline:2px solid #fff;outline-offset:2px}.block-colors{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;max-height:600px;padding:16px;position:absolute;width:480px;will-change:transform}.block-colors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.block-colors-title{color:#8b5cf6;font-size:16px;font-weight:600;margin:0}.block-colors-tabs{border-bottom:1px solid #333;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.tab-btn:hover{background:#8b5cf61a;color:#fff}.tab-btn.active{background:#8b5cf633;color:#8b5cf6;font-weight:600}.block-colors-palettes{display:flex;flex-direction:column;gap:6px;max-height:450px;overflow-y:auto;padding-right:4px}.block-colors-palettes::-webkit-scrollbar{width:8px}.block-colors-palettes::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.block-colors-palettes::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.block-colors-palettes::-webkit-scrollbar-thumb:hover{background:#444}.palette-item{background:#0a0a0a;border:2px solid #222;border-radius:8px;cursor:pointer;gap:8px;padding:8px 12px;transition:all .2s}.palette-item:hover{background:#111;border-color:#444}.palette-item.selected{background:#8b5cf61a;border-color:#8b5cf6}.palette-color-indicator{border-radius:4px;box-shadow:0 0 0 1px #fff3;height:16px;width:16px}.palette-label{color:#ccc;font-size:14px;font-weight:500}.palette-item.selected .palette-label{color:#fff;font-weight:600}.block-colors-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(12,1fr);max-height:450px;overflow-y:auto;padding:4px}.block-colors-grid::-webkit-scrollbar{width:8px}.block-colors-grid::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.block-colors-grid::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.block-colors-grid::-webkit-scrollbar-thumb:hover{background:#444}.color-item{border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:32px;transition:all .2s;width:32px}.color-item:hover{box-shadow:0 4px 8px #0006;transform:scale(1.15)}.color-item.selected{border-color:#fff;box-shadow:0 0 0 3px #8b5cf680;transform:scale(1.2)}.block-lock-btn{background:#0000;border:none;cursor:pointer;font-size:16px;opacity:.6;padding:4px;transition:opacity .2s}.block-lock-btn:hover{opacity:1}.block-colors.selected{outline:2px solid #fff;outline-offset:2px}.block-generic{background:#2a2a2a;border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:move;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform}.block-generic.selected{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.block-generic.locked{cursor:not-allowed;opacity:.7}.block-generic .lock-icon{align-items:center;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;transition:color .2s;width:24px;z-index:10}.block-generic .lock-icon:hover{color:#999}.block-generic .lock-icon.locked{color:#f59e0b}.block-generic .block-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;padding-right:32px}.block-generic .selection-count{color:#60a5fa;font-size:12px;margin-left:8px}.block-generic .options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.block-generic .option-badge{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#999;cursor:pointer;font-size:12px;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.block-generic .option-badge:hover{background:#333;border-color:#555;color:#fff}.block-generic .option-badge.active{background:#60a5fa;border-color:#60a5fa;color:#fff;font-weight:600}.block-generic .port{background-color:#333;border:2px solid #666;border-radius:50%;cursor:pointer;height:10px;position:absolute;transition:all .2s;width:10px;z-index:5}.block-generic .port:hover{background-color:#60a5fa;border-color:#60a5fa;transform:scale(1.3)}.block-generic .port.connected{background-color:#888;border-color:#666;transform:scale(1.1)}.block-generic .port.connecting{animation:pulse 1s infinite;background-color:#888;border-color:#666;transform:scale(1.2)}.ai-interactive-block{background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;height:580px;overflow:hidden;padding:0;position:absolute;-webkit-user-select:none;user-select:none;width:420px;will-change:transform;z-index:10}.ai-interactive-block.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.ai-interactive-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.ai-interactive-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.ai-interactive-title svg{color:#8b5cf6}.ai-interactive-status{align-items:center;color:#fff9;display:flex;font-size:11px;gap:6px}.ai-status-dot{animation:pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.ai-interactive-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ai-quick-actions{border-bottom:1px solid #ffffff0d;padding:16px 20px 12px}.ai-quick-actions-title{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.ai-quick-actions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.ai-quick-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;padding:12px 8px;transition:all .2s ease}.ai-quick-action-btn:hover{background:#ffffff14;border-color:var(--action-color);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ai-quick-action-icon{align-items:center;background:var(--action-color);border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.ai-quick-action-label{color:#fffc;line-height:1.2;text-align:center}.ai-messages-container{overflow:hidden}.ai-messages,.ai-messages-container{display:flex;flex:1 1;flex-direction:column}.ai-messages{gap:12px;overflow-y:auto;padding:16px 20px}.ai-messages::-webkit-scrollbar{width:6px}.ai-messages::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.ai-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ai-messages::-webkit-scrollbar-thumb:hover{background:#ffffff26}.ai-message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message-content{align-items:flex-start;display:flex;gap:8px}.ai-message-user{align-items:flex-end}.ai-message-user .ai-message-content{flex-direction:row-reverse}.ai-message-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.ai-message-bubble{word-wrap:break-word;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;font-size:13px;line-height:1.5;max-width:280px;padding:10px 14px}.ai-message-user .ai-message-bubble{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.ai-typing-indicator{align-items:center;display:flex;gap:4px;padding:12px 16px}.ai-typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite;background:#ffffff80;border-radius:50%;height:6px;width:6px}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ai-input-container{background:#ffffff05;border-top:1px solid #ffffff0d;padding:16px 20px}.ai-input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:8px;padding:4px 4px 4px 16px;transition:all .2s ease}.ai-input-wrapper:focus-within{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.ai-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:8px 0}.ai-input::placeholder{color:#fff6}.ai-send-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ai-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666;transform:scale(1.05)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.4}.ai-input-hint{color:#ffffff4d;font-size:10px;margin-top:8px;text-align:center}.block-prompt-history{background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;height:620px;padding:0;position:absolute;-webkit-user-select:none;user-select:none;width:420px;will-change:transform;z-index:10}.block-prompt-history.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-prompt-history:hover{border-color:#fff3}.history-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:20px 24px}.history-header,.history-title{align-items:center;display:flex}.history-title{color:#fff;font-size:15px;font-weight:600;gap:10px}.history-title svg{color:#8b5cf6}.history-count{background:#ffffff0d;border-radius:12px;color:#ffffff80;font-size:12px;padding:4px 12px}.history-search{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;gap:10px;padding:16px 24px}.history-search-icon{color:#fff6;flex-shrink:0}.history-search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:8px 12px;pointer-events:auto;transition:all .2s ease}.history-search-input::placeholder{color:#ffffff4d}.history-search-input:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.history-items-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 24px;pointer-events:auto}.history-items-container::-webkit-scrollbar{width:6px}.history-items-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.history-items-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.history-items-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.history-empty{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;text-align:center}.history-empty p{color:#fff9;font-size:14px;font-weight:500;margin:8px 0 4px}.history-empty span{color:#ffffff4d;font-size:12px}.history-item-card{animation:historyItemFadeIn .3s ease-out;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:14px;pointer-events:auto;transition:all .2s ease}@keyframes historyItemFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-item-card:hover{background:#ffffff14;border-color:#8b5cf64d;transform:translateX(4px)}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-item-number{background:#8b5cf626;border-radius:6px;color:#8b5cf6;font-size:11px;font-weight:600;padding:3px 8px}.history-item-time{color:#fff6;font-size:11px}.history-item-prompt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffd9;display:-webkit-box;font-size:12px;line-height:1.6;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis}.history-item-actions{display:flex;gap:8px}.history-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 12px;pointer-events:auto;transition:all .2s ease}.history-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.history-action-btn.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.history-footer{background:#ffffff05;border-top:1px solid #ffffff0d;display:flex;justify-content:center;padding:16px 24px}.history-clear-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 20px;pointer-events:auto;transition:all .2s ease}.history-clear-btn:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.02)}.block-prompt-history .port{border-radius:50%;cursor:pointer;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-prompt-history .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-prompt-history .port.left{left:-5px}.block-prompt-history .port.right{right:-5px}.block-prompt-history .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-prompt-history .port:not(.connected){background-color:#333;border:2px solid #666}.block-prompt-history .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-prompt-history .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-prompt-history .port.source-block{opacity:.5}.block-video-action{background-color:#2a2a2a;border:1px solid #555;border-radius:8px;color:#fff;cursor:move;display:flex;flex-direction:column;font-size:14px;font-weight:500;padding:16px;position:absolute;-webkit-user-select:none;user-select:none;width:480px;will-change:transform;z-index:10}.block-video-action.selected{border-color:#fff;box-shadow:0 0 0 2px #fff}.block-video-action .block-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}.video-action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.preset-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:90px;padding:16px 12px;pointer-events:auto;position:relative;transition:all .2s ease}.preset-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.preset-btn.selected{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.preset-emoji{font-size:28px;line-height:1}.preset-label{color:#fffc;font-size:11px;font-weight:500;line-height:1.2;text-align:center}.preset-btn.selected .preset-label{color:#fff;font-weight:600}.preset-check{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:6px;top:6px;width:18px}.selected-info{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;color:#fff;font-size:12px;padding:10px 12px;text-align:center}.block-video-action .port{border-radius:50%;cursor:pointer;height:10px;pointer-events:auto;position:absolute;transition:all .2s;width:10px;z-index:100}.block-video-action .port:after{border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.block-video-action .port.left{left:-5px}.block-video-action .port.right{right:-5px}.block-video-action .port.connected{background-color:#888;border:2px solid #666;transform:scale(1.1)}.block-video-action .port:not(.connected){background-color:#333;border:2px solid #666}.block-video-action .port.connecting:not(.source-block){background-color:#888;border:2px solid #666;transform:scale(1.2)}.block-video-action .port:not(.source-block):hover{background-color:#999!important;border-color:#777!important;transform:scale(1.4)!important}.block-video-action .port.source-block{opacity:.5}.toaster-notification{animation:slideInRight .3s ease-out;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px 16px;position:fixed;right:24px;top:24px;z-index:99999}.toaster-notification.exit{animation:slideOutRight .3s ease-in forwards}.toaster-content{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px}.toaster-content svg{color:#10b981;flex-shrink:0}.toaster-notification.error{background-color:#7f1d1d;border:1px solid #991b1b}.toaster-notification.error .toaster-content svg{color:#fca5a5}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}:root{--block-select-bg:#5b9bd526;--block-border-transparent:#0000;--block-port-color:#5b9bd5}.block,.block-camera,.block-colors,.block-free-text,.block-generate,.block-generic,.block-midjourney,.block-sticky-note,.block-textures,.block-trigger-word{cursor:default!important}.block-camera.selected,.block-colors.selected,.block-free-text.selected,.block-generate.selected,.block-generic.selected,.block-midjourney.selected,.block-textures.selected,.block-trigger-word.selected,.block.selected{background-color:#5b9bd526!important;background-color:var(--block-select-bg)!important;border:4px solid #5b9bd5!important;box-shadow:none!important}.block-sticky-note.selected{background-color:#5b9bd526!important;background-color:var(--block-select-bg)!important;border:4px solid #5b9bd5!important;outline:none!important}.block-camera.selected .block-port:not(.connected),.block-colors.selected .block-port:not(.connected),.block-free-text.selected .block-port:not(.connected),.block-generate.selected .port:not(.connected),.block-generic.selected .block-port:not(.connected),.block-midjourney.selected .block-port:not(.connected),.block-textures.selected .block-port:not(.connected),.block-trigger-word.selected .port:not(.connected),.block.selected .block-port:not(.connected),.block.selected .port:not(.connected){background-color:#5b9bd5!important;background-color:var(--block-port-color)!important;border-color:#5b9bd5!important;border-color:var(--block-port-color)!important}.simple-canvas-container{height:100vh;overflow:hidden;position:relative;width:100%}.simple-canvas-viewport{height:100%;width:100%}.simple-canvas-content{height:100%;position:relative;width:100%}.top-right-buttons{align-items:center;display:flex;gap:12px;position:fixed;right:20px;top:20px;z-index:1400}.top-profile-container{position:relative}.top-profile-photo{align-items:center;background:#333;border:2px solid #555;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;transition:all .2s ease;width:32px}.top-profile-photo:hover{border-color:#777;transform:scale(1.05)}.top-profile-photo img{height:100%;object-fit:cover;width:100%}.top-profile-placeholder{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #f59e0b;color:#fff;font-size:14px;font-weight:600}.top-profile-placeholder:hover{border-color:#fcd34d}.top-profile-menu{animation:slideDown .2s ease-out;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 8px 24px #000c;max-width:220px;min-width:200px;overflow:hidden;z-index:9999}.top-profile-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:10px;padding:8px 12px;transition:background .2s}.top-profile-menu-item svg{color:#999;flex-shrink:0}.top-profile-menu-item:hover{background:#1a1a1a}.top-profile-menu-item:hover svg{color:#fff}.top-profile-menu-logout{color:#ff6b6b}.top-profile-menu-logout:hover{background:#ff6b6b1a}.top-profile-menu-divider{background:#2a2a2a;height:1px;margin:4px 0}.top-generate-button{align-items:center;background:#2a2a2a;border:none;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.top-generate-button:hover{background:#3a3a3a;box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.top-generate-button:active{transform:translateY(0)}.top-share-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 8px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;padding:6px 16px;transition:all .2s ease}.top-share-button:hover{box-shadow:0 4px 12px #3b82f699;transform:translateY(-1px)}.top-share-button:active{transform:translateY(0)}.add-prompt-page{background:#0a0a0a;color:#fff;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.progress-sidebar{display:none}.back-button-top{align-items:center;background:#0000;border:1px solid #ffffff0f;border-radius:4px;color:#ffffff80;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:20px;padding:6px 12px;transition:all .15s}.back-button-top svg{font-size:16px}.back-button-top:hover{background:#ffffff0a;border-color:#ffffff1f;color:#fffc}.add-prompt-content{margin:0 auto;max-width:1400px;padding:32px 48px;position:relative;width:100%;z-index:1}.add-prompt-form{display:flex;flex-direction:column;gap:12px}.form-section{background:#0000;border:none;border-bottom:1px solid #ffffff0a;border-radius:0;padding:12px 0;transition:all .2s}.form-section:hover{border-bottom-color:#ffffff0f}.form-section.compact{padding:8px 0}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.step-badge{display:none}.step-badge.optional{background:#64748b1a;border:1px solid #64748b33;border-radius:3px;color:#94a3b8b3;display:inline-block;font-size:8px;padding:2px 6px}.section-header h2,.step-badge.optional{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.section-header h2{color:#ffffffb3;font-size:13px;margin:0}.section-header p{display:none}.section-header .count{color:#6366f1;font-size:11px;font-weight:600}.select-all-btn{background:#0000;border:1px solid #6366f133;border-radius:3px;color:#6366f1b3;cursor:pointer;font-size:10px;font-weight:600;margin-left:auto;padding:4px 10px;transition:all .15s}.select-all-btn:hover{background:#6366f11a;border-color:#6366f166;color:#6366f1}.categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.category-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;transition:all .15s}.category-card:before{background:var(--cat-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.category-card:hover{background:#ffffff0a;border-color:#ffffff14;color:#ffffffb3}.category-card:hover:before{opacity:.05}.category-card.active{background:#ffffff0a;border-color:var(--cat-color);color:var(--cat-color)}.category-card .category-icon{font-size:16px;z-index:1}.category-card span{z-index:1}.images-grid-upload{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.image-upload-slot{aspect-ratio:16/9;border-radius:4px;overflow:hidden}.image-preview-container{height:100%;position:relative;width:100%}.image-preview-container img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#ef4444e6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .15s;width:24px}.remove-image:hover{background:#ef4444}.image-upload-placeholder{align-items:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;transition:all .15s;width:100%}.image-upload-placeholder:hover{background:#ffffff0a;border-color:#fff3}.image-upload-placeholder p{color:#ffffff80;font-size:12px;font-weight:500;margin:0}.image-upload-placeholder .hint{color:#ffffff4d;font-size:10px}.form-row{display:flex;gap:12px}.form-field{flex:1 1}.form-field label{display:none}.form-field textarea{background:#0000004d;border:1px solid #ffffff0f;border-radius:4px;color:#ffffffe6;font-family:inherit;font-size:13px;padding:10px 12px;resize:vertical;transition:all .15s;width:100%}.form-field textarea::placeholder{color:#ffffff4d}.form-field textarea:focus{background:#0006;border-color:#6366f166;outline:none}.tags-input-container{background:#0006;border:1px solid #ffffff14;border-radius:4px;display:flex;flex-wrap:wrap;gap:4px;min-height:36px;padding:6px 8px}.tags-input-container input{background:none;border:none;color:#fff;flex:1 1;font-size:12px;min-width:120px;outline:none}.tag-chip{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:10px;color:#6366f1;display:flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.tag-chip button{background:none;border:none;color:#6366f1b3;cursor:pointer;font-size:14px;line-height:1;margin:0;padding:0}.tags-suggestions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tags-suggestions button{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s}.tags-suggestions button:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff}.subcategories-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.subcategory-btn{background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;color:#fff9;cursor:pointer;font-size:11px;font-weight:500;padding:8px 12px;text-align:center;transition:all .15s}.subcategory-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fff}.subcategory-btn.active{background:#ec489926;border-color:#ec489966;color:#ec4899;font-weight:600}.clothing-types-grid{display:flex;flex-wrap:wrap;gap:6px}.clothing-type-btn{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;color:#fff9;cursor:pointer;font-size:11px;font-weight:500;padding:6px 14px;transition:all .15s}.clothing-type-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fff}.clothing-type-btn.active{background:#ec489926;border-color:#ec489966;color:#ec4899;font-weight:600}.textures-grid{display:flex;flex-wrap:wrap;gap:4px}.texture-btn{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;color:#ffffff80;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .15s}.texture-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fff}.texture-btn.active{background:#8b5cf626;border-color:#8b5cf666;color:#8b5cf6;font-weight:600}.color-palettes{background:#0000;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;padding:0}.palette-item{align-items:center;display:flex;gap:0}.palette-btn{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px 0 0 8px;color:#ffffff80;cursor:pointer;font-size:10px;font-weight:500;padding:4px 8px;transition:all .15s}.palette-btn:hover{background:#ffffff0f;color:#fffc}.palette-btn.active{background:#ec489926;border-color:#ec489966;color:#ec4899;font-weight:600}.palette-color-indicator{border-radius:50%;box-shadow:0 0 0 1px #0003;display:inline-block;flex-shrink:0;height:6px;margin-right:4px;width:6px}.palette-select-all{background:#6366f11a;border:1px solid #ffffff0f;border-left:none;border-radius:0 8px 8px 0;color:#6366f1;cursor:pointer;font-size:11px;font-weight:600;line-height:1;padding:4px 6px;transition:all .15s}.palette-select-all:hover:not(:disabled){background:#6366f133;border-color:#6366f14d}.colors-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);max-height:320px;overflow-y:auto;padding:4px}.color-btn{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:9px;font-weight:500;gap:4px;padding:6px 4px;position:relative;transition:all .15s}.color-btn:hover{background:#ffffff0a;color:#fff}.color-btn.active{background:#6366f11a;border-color:#6366f166;color:#6366f1;font-weight:600}.color-circle{border-radius:4px;box-shadow:0 1px 4px #0006;height:24px;width:24px}.color-btn.active .color-circle{box-shadow:0 0 0 2px #6366f180}.check-mark{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:9px;height:14px;justify-content:center;position:absolute;right:4px;top:4px;width:14px}.generation-models{display:flex;gap:6px}.model-btn{background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;color:#ffffff80;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:8px 12px;text-align:center;transition:all .15s}.model-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fff}.model-btn.active{background:#6366f126;border-color:#6366f166;color:#6366f1;font-weight:600}.form-actions{background:#0000;border:none;border-top:1px solid #ffffff0a;display:flex;gap:6px;justify-content:flex-end;margin-top:8px;padding:16px 0 0}.btn-cancel,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.btn-cancel{background:#0000;border:1px solid #ffffff0f;color:#fff6;padding:6px 14px}.btn-submit{background:#6366f1;color:#fff;font-size:14px;font-weight:700;padding:12px 32px}.btn-cancel:hover{background:#ffffff0a;border-color:#ffffff1a;color:#fff9}.btn-submit:hover:not(:disabled){background:#5558e3}.btn-submit:disabled{cursor:not-allowed;opacity:.3}.colors-grid::-webkit-scrollbar{width:6px}.colors-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.colors-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.colors-grid::-webkit-scrollbar-thumb:hover{background:#ffffff26}.image-upload-placeholder svg{font-size:32px!important;opacity:.3}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(5,1fr)}.colors-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:968px){.categories-grid{grid-template-columns:repeat(4,1fr)}.colors-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.add-prompt-content{padding:12px}.add-prompt-form>div[style*="display: flex"]{flex-direction:column!important}.add-prompt-form>div[style*="display: flex"]>div[style*="flex: 0 0 200px"]{flex:1 1!important}.categories-grid,.subcategories-grid{grid-template-columns:repeat(3,1fr)}.colors-grid{grid-template-columns:repeat(5,1fr)}.images-grid-upload{grid-template-columns:1fr}.generation-models{flex-direction:column}}.popin-overlay{background-color:#000c;padding:20px;z-index:99999}.popin-container{background-color:#1a1a1a;border:none!important;border-radius:12px;box-shadow:none!important;max-height:90vh;outline:none!important;overflow-y:auto;width:100%}.popin-header{border-bottom:none;padding:12px 16px}.popin-header h2{font-size:16px}.popin-close{color:#666;font-size:24px;height:28px;width:28px}.popin-close:hover{background-color:#252525}.popin-actions{gap:8px;margin-top:12px;padding:16px}.btn-cancel,.btn-create{border-radius:4px;flex:1 1;font-size:12px;padding:8px 16px}.btn-cancel{background-color:#252525}.btn-cancel:hover:not(:disabled){background-color:#2a2a2a}.btn-create:hover:not(:disabled){background-color:#4338ca}.btn-cancel:disabled,.btn-create:disabled{cursor:not-allowed;opacity:.5}.popin-select-project{max-width:600px}.popin-content{max-height:500px;overflow-y:auto;padding:16px 20px}.loading-message,.no-projects-message{color:#888;padding:40px 20px;text-align:center}.no-projects-message p{font-size:14px;margin:0}.projects-list{display:flex;flex-direction:column;gap:12px}.project-item{align-items:center;background-color:#252525;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.project-item:hover{background-color:#2a2a2a}.project-item.selected{background-color:#fff;border-color:#4f46e5}.project-item.selected .project-info h3,.project-item.selected .project-info p{color:#000}.project-preview{align-items:center;background-color:#1a1a1a;border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.blocks-preview{display:flex;gap:4px;padding:8px}.mini-block{border-radius:2px;height:12px;width:12px}.empty-preview{color:#666;font-size:11px}.project-info{flex:1 1}.project-info h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.project-info p{color:#888;font-size:12px;margin:0}.selected-indicator{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.card-container,.card-wrapper{pointer-events:none;position:relative;width:100%}.card-container{background-color:#2a2a2a;border-radius:12px;overflow:hidden}.card-container.in-project .card-img{opacity:.5;transition:opacity .3s ease}.card-container.in-project:hover .card-img{opacity:.7}.card-skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;aspect-ratio:9/16;background:linear-gradient(90deg,#2a2a2a,#353535 50%,#2a2a2a);background-size:200% 100%;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card-img{-webkit-user-drag:none;display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.card-badge{border-radius:16px;font-size:10px;font-weight:500;opacity:1;position:absolute;transition:opacity .2s ease;z-index:5}.card-badge-count{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:8px;color:#fffc;font-size:10px;padding:4px 8px;pointer-events:none;right:8px}.card-badge-used{background:#0000;border-radius:50%;left:8px;pointer-events:none;z-index:100}.card-badge-info,.card-badge-used{align-items:center;color:#fff;display:flex;height:24px;justify-content:center;padding:0;top:8px;width:24px}.card-badge-info{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#78787899;border:none;cursor:pointer;pointer-events:auto;right:8px;transition:all .2s ease}.card-badge-info:hover{background:#8c8c8ccc;transform:scale(1.08)}.card-prompt-text{background:linear-gradient(0deg,#000000d9 0,#0009 60%,#0000);bottom:0;left:0;padding:16px 12px;pointer-events:none;position:absolute;right:0;z-index:2}.card-prompt-text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:500;letter-spacing:.2px;line-height:1.5;margin:0;overflow:hidden;text-shadow:0 2px 4px #000c}.info-backdrop{animation:backdropFadeIn .35s cubic-bezier(.4,0,.2,1);background:linear-gradient(0deg,#000000b3 0,#00000026 35%,#0000 50%);inset:0;pointer-events:none;position:absolute;z-index:3}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.info-actions{animation:slideDownActions .4s cubic-bezier(.34,1.56,.64,1);display:flex;gap:8px;left:12px;position:absolute;right:12px;top:12px;z-index:4}@keyframes slideDownActions{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.info-btn{align-items:center;animation:buttonPop .3s cubic-bezier(.34,1.56,.64,1) backwards;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.info-btn:first-child{animation-delay:.05s}.info-btn:nth-child(2){animation-delay:.1s}.info-btn:nth-child(3){animation-delay:.15s}@keyframes buttonPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.info-btn-edit{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#282828e6}.info-btn-edit:hover{background-color:#3c3c3cf2;transform:scale(1.15)}.info-btn-delete{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#282828e6}.info-btn-delete:hover{background-color:#c83c3ce6;transform:scale(1.15)}.info-btn-add{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#323232e6;margin-left:auto}.info-btn-add:hover{background-color:#464646f2;transform:scale(1.15)}.info-details{animation:slideUpDetails .4s cubic-bezier(.34,1.56,.64,1);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;padding:12px;pointer-events:none;position:absolute;right:0;z-index:4}@keyframes slideUpDetails{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.info-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.info-badges{display:flex;flex-wrap:wrap;gap:6px}.info-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:4px 10px;text-transform:capitalize}.info-projects{display:flex;flex-direction:column;gap:4px;margin-top:4px}.info-projects-label{color:#fff9;font-size:10px;font-weight:500}.info-projects-list{color:#ffffffe6;font-size:11px;font-weight:500;line-height:1.4}.delete-confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:1000}.delete-confirm-modal{background:#2a2a2a;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:360px;padding:24px;pointer-events:auto;width:90%}.delete-confirm-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.delete-confirm-text{color:#999;font-size:14px;line-height:1.5;margin:0 0 24px}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.delete-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;pointer-events:auto;transition:all .2s}.delete-confirm-cancel{background:#3a3a3a;color:#fff}.delete-confirm-cancel:hover{background:#4a4a4a}.delete-confirm-yes{background:#666;color:#fff}.delete-confirm-yes:hover{background:#777}.prompts-explore-container{display:flex;height:100vh;width:100%}.prompts-explore{background-color:#1a1a1a;flex:1 1;margin-left:44px;overflow-x:hidden;overflow-y:auto;padding:16px 32px 60px}.explore-top-bar{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.explore-search-container{max-width:600px;position:relative;width:100%}.search-icon{color:#888;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.explore-search-input{background-color:#2a2a2a;border:1px solid #444;border-radius:50px;color:#fff;font-size:15px;outline:none;padding:12px 20px 12px 48px;transition:all .2s;width:100%}.explore-search-input::placeholder{color:#888}.explore-search-input:focus{background-color:#333;border-color:#4f46e5}.explore-search-input:focus~.search-icon{color:#4f46e5}.add-prompt-btn{align-items:center;background-color:#555;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:0;transition:all .2s;width:48px}.add-prompt-btn:hover{background-color:#666;transform:scale(1.05)}.filter-tabs{margin-bottom:24px}.main-tabs{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.main-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:13px;font-weight:400;padding:8px 0;transition:all .2s}.main-tab:hover{color:#999}.main-tab.selected{border-bottom-color:#fff;color:#fff;font-weight:500}.sub-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-left:4px}.sub-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#888;cursor:pointer;font-size:11px;font-weight:400;padding:6px 14px;transition:all .2s}.sub-tab:hover{background:#ffffff14;color:#aaa}.sub-tab.selected{background:#ffffff1f;border-color:#fff3;color:#fff}.cat-indicator{display:none}.explore-header{align-items:baseline;display:flex;gap:16px;margin-bottom:16px}.explore-header h1{color:#fff;font-size:32px;font-weight:300;letter-spacing:-.5px;margin:0}.results-count{color:#555;font-size:14px;font-weight:300}.prompts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}@media (min-width:2400px){.prompts-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:1600px){.prompts-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width:1200px){.prompts-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:900px){.prompts-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:600px){.prompts-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:400px){.prompts-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.no-results{color:#888;font-size:18px;padding:60px 20px;text-align:center}.popin-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popin-container{animation:slideUp .3s ease-out;background-color:#2a2a2a;border:2px solid #4f46e5;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popin-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:24px 24px 16px}.popin-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.popin-close{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.popin-close:hover{background-color:#3a3a3a;color:#fff}.popin-form{padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#ccc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background-color:#1a1a1a;border:2px solid #3a3a3a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input::placeholder{color:#666}.popin-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-create{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background-color:#3a3a3a;color:#fff}.btn-cancel:hover{background-color:#4a4a4a}.btn-create{background-color:#4f46e5;color:#fff}.btn-create:hover:not(:disabled){background-color:#6366f1;box-shadow:0 4px 12px #4f46e566;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.5}.popin-delete .popin-content{padding:24px}.popin-delete .popin-content p{color:#ccc;font-size:16px;line-height:1.5;margin:0 0 12px}.popin-delete .popin-content strong{color:#fff;font-weight:600}.popin-delete .warning-text{color:#f59e0b;font-size:14px;margin-top:16px!important}.btn-delete{background-color:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-delete:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.popin-pricing-container{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;max-height:90vh;max-width:1000px;overflow-y:auto;padding:40px;position:relative;width:90vw}.popin-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s;z-index:10}.popin-close-btn:hover{background-color:#2a2a2a;color:#fff}.pricing-header{margin-bottom:40px;text-align:center}.pricing-header h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.pricing-header p{color:#888;font-size:16px;margin:0}.pricing-plans{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.pricing-plans{grid-template-columns:1fr}}.pricing-card{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:12px;display:flex;flex-direction:column;padding:32px 24px;position:relative;transition:all .2s}.pricing-card-highlight{background-color:#2d2a3d;border-color:#4f46e5;transform:scale(1.05)}.pricing-card-current{border-color:#4ade80}.pricing-badge{background-color:#4f46e5;color:#fff}.pricing-badge,.pricing-badge-current{border-radius:12px;font-size:12px;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-badge-current{background-color:#4ade80;color:#000}.pricing-card-header{margin-bottom:24px}.pricing-card-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.pricing-tagline{color:#888;font-size:14px;margin:0 0 16px}.pricing-price{align-items:baseline;display:flex;gap:4px}.price-amount{color:#fff;font-size:48px;font-weight:700}.price-period{color:#888;font-size:16px}.pricing-features{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:24px}.pricing-feature{align-items:center;color:#ddd;display:flex;font-size:14px;gap:8px}.pricing-cta{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.pricing-cta:hover:not(:disabled){background-color:#6366f1;transform:translateY(-2px)}.pricing-cta:disabled{cursor:not-allowed}.pricing-cta-current,.pricing-cta:disabled{background-color:#3a3a3a;color:#666}.pricing-card-highlight .pricing-cta{background-color:#6366f1}.pricing-card-highlight .pricing-cta:hover:not(:disabled){background-color:#818cf8}.projects-list-wrapper{display:flex;height:100vh;overflow:hidden;width:100%}.projects-list-container{background-color:#1a1a1a;color:#fff;flex:1 1;margin-left:44px;overflow-y:auto;padding:40px 40px 40px 64px}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.projects-header h1{font-size:32px;font-weight:600;margin:0}.create-project-btn{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.create-project-btn:hover{background-color:#6366f1;box-shadow:0 4px 12px #4f46e566;transform:translateY(-2px)}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.project-card-create{align-items:center;background-color:initial;border:2px dashed #4a4a4a;display:flex;justify-content:center;min-height:280px;transition:all .2s}.project-card-create:hover{background-color:#2a2a2a4d;border-color:#6a6a6a}.project-card-create-content{align-items:center;display:flex;flex-direction:column;gap:12px}.project-card-create-text{color:#888;font-size:16px;font-weight:500}.project-card-preview{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #2a2a2a;display:flex;height:120px;justify-content:center;overflow:hidden;padding:10px}.project-card-info{padding:16px 20px}.project-card-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.project-card-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.project-card-stats{align-items:center;display:flex;gap:8px}.project-stat-compact{align-items:center;color:#aaa;cursor:help;display:inline-flex;font-size:13px;font-weight:500;gap:4px}.project-stat-compact svg{flex-shrink:0;opacity:.6}.project-stat-separator{color:#555;font-size:12px;-webkit-user-select:none;user-select:none}.project-card-date{color:#666;font-size:11px;margin:0;white-space:nowrap}.projects-loading-screen{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.projects-loading-rabbit{height:auto;width:200px}.no-projects{color:#888;font-size:16px;grid-column:1/-1;padding:60px;text-align:center}.project-menu-btn{z-index:10}.prompts-layout{background:#1a1a1a;display:flex;height:100vh;position:relative;width:100%}.prompts-main{background:#1a1a1a;flex:1 1;overflow-y:auto;width:100%}@media (max-width:768px){.prompts-layout{flex-direction:column}.sidebar{height:auto}.sidebar,.sidebar.collapsed{width:100%!important}.prompts-main{height:calc(100vh - 80px)}}.apps-container{align-items:center;background:#0a0a0a;display:flex;height:100vh;justify-content:center;width:100%}.apps-content{color:#fff;text-align:center}.apps-content h1{color:#fff;font-size:48px;font-weight:600;margin:0 0 16px}.apps-content p{color:#999;font-size:18px;margin:0}.users-table-container{border:1px solid #e9ecef;border-radius:.5rem;overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:left}.users-table th{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.users-table th,.users-table tr:hover{background-color:#f8f9fa}.users-table tr:last-child td{border-bottom:none}.status{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.actions{white-space:nowrap}.actions .btn{font-size:.875rem;margin-right:.5rem;padding:.375rem .75rem}.actions .btn:last-child{margin-right:0}@media (max-width:768px){.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.75rem .5rem}.actions .btn{font-size:.75rem;margin-right:.25rem;padding:.25rem .5rem}}.content-manager{max-width:1200px}.content-header{margin-bottom:2rem}.content-header h2{color:#495057;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.content-header p{color:#6c757d;font-size:1rem;margin:0}.upload-section{background:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:2rem;padding:2rem}.upload-section h3{color:#495057;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.upload-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#6c757d;font-size:.875rem;margin-top:.5rem}.content-list{background:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:2rem}.content-list h3{color:#495057;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.content-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;padding:1.5rem;transition:box-shadow .15s ease-in-out}.content-card:hover{box-shadow:0 .5rem 1rem #00000026}.content-info h4{color:#495057;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.content-info p{color:#6c757d;line-height:1.5;margin:0 0 1rem}.content-meta{display:flex;gap:.75rem;margin-bottom:1rem}.content-type{background-color:#e9ecef;color:#495057}.content-status,.content-type{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.content-status.published{background-color:#d4edda;color:#155724}.content-status.draft{background-color:#fff3cd;color:#856404}.content-info a{color:#007bff;font-size:.875rem;font-weight:500;text-decoration:none}.content-info a:hover{text-decoration:underline}.content-actions{border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.content-actions .btn{flex:1 1;font-size:.875rem;padding:.375rem .75rem}@media (max-width:768px){.content-list,.upload-section{padding:1.5rem}.content-grid{gap:1rem;grid-template-columns:1fr}.content-card{padding:1rem}.content-actions{flex-direction:column}.content-actions .btn{flex:none}}.admin-layout{background-color:#f8f9fa;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;width:280px}.admin-sidebar__header{border-bottom:1px solid #e9ecef;padding:2rem 1.5rem}.admin-sidebar__header h2{color:#495057;font-size:1.5rem;font-weight:600;margin:0}.admin-nav{flex:1 1;padding:1rem 0}.admin-nav__item{background:none;border:none;color:#6c757d;cursor:pointer;display:block;font-size:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.admin-nav__item:hover{background-color:#f8f9fa;color:#495057}.admin-nav__item.active{background-color:#007bff;border-right:3px solid #0056b3;color:#fff}.admin-sidebar__footer{border-top:1px solid #e9ecef;padding:1.5rem}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:#495057;font-size:2rem;font-weight:600;margin:0 0 .5rem}.admin-header p{color:#6c757d;font-size:1.1rem;margin:0}.admin-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;color:#721c24;margin-bottom:1.5rem;padding:1rem}.admin-loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:3rem}.admin-loading__spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#007bff;height:2rem;margin-right:1rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-section{background:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:2rem;padding:1.5rem}.admin-section h2{color:#495057;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.admin-unauthorized{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.admin-unauthorized h2{color:#dc3545;margin-bottom:1rem}.btn{border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-block;font-size:1rem;line-height:1.5;margin:.25rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .15s ease-in-out}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62;border-color:#545b62}.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34;border-color:#1e7e34}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;border-color:#e0a800}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#bd2130;border-color:#bd2130}.btn:disabled{cursor:not-allowed;opacity:.65}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{position:relative;width:100%}.admin-content{padding:1rem}}.Privacy{background:linear-gradient(135deg,#f8fafc,#fff);color:#1a202c;font-family:IBM Plex Mono,monospace;line-height:1.6;min-height:100vh}.Privacy__container{margin:0 auto;max-width:1200px;padding:0 20px}.Privacy__header{border-bottom:1px solid #e2e8f0;margin-bottom:60px;padding:40px 0 60px}.Privacy__back{align-items:center;background:#1da1f20d;border-radius:6px;color:#1da1f2;display:inline-flex;font-weight:500;margin-bottom:30px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.Privacy__back:hover{background:#1da1f21a;transform:translateX(-2px)}.Privacy__hero{text-align:center}.Privacy__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:20px}.Privacy__subtitle{color:#4a5568;font-size:1.25rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.Privacy__meta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.Privacy__date,.Privacy__version{background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;font-size:.875rem;padding:8px 16px}.Privacy__version{background:#1da1f2;border-color:#1da1f2;color:#fff}.Privacy__overview{margin-bottom:80px}.Privacy__overview h2{color:#1a202c;font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.Privacy__overview-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.Privacy__overview-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px;text-align:center;transition:all .3s ease}.Privacy__overview-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.Privacy__icon{font-size:2.5rem;margin-bottom:20px}.Privacy__overview-item h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:15px}.Privacy__overview-item p{color:#4a5568;font-size:.95rem}.Privacy__content{margin-bottom:80px}.Privacy__section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:60px;padding:40px}.Privacy__section h2{border-bottom:2px solid #1da1f2;color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:30px;padding-bottom:15px}.Privacy__subsection{margin-bottom:30px}.Privacy__subsection h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:15px}.Privacy__subsection ul{list-style:none;padding:0}.Privacy__subsection li{color:#4a5568;padding:8px 0 8px 20px;position:relative}.Privacy__subsection li:before{color:#1da1f2;content:"→";font-weight:700;left:0;position:absolute}.Privacy__code-block{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px 0;padding:20px}.Privacy__code-block h4{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:15px}.Privacy__code-block pre{background:#1a202c;border-radius:6px;color:#e2e8f0;font-family:IBM Plex Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:20px}.Privacy__purpose-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.Privacy__purpose-item{background:#f7fafc;border-left:4px solid #1da1f2;border-radius:8px;padding:25px}.Privacy__purpose-item h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:10px}.Privacy__purpose-item p{color:#4a5568;font-size:.9rem}.Privacy__sharing-policy{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.Privacy__limited-sharing,.Privacy__no-sharing{border:1px solid #e2e8f0;border-radius:8px;padding:25px}.Privacy__no-sharing{background:#fef5e7;border-left:4px solid #f56565}.Privacy__limited-sharing{background:#f0fff4;border-left:4px solid #48bb78}.Privacy__limited-sharing h3,.Privacy__no-sharing h3{font-size:1.1rem;font-weight:600;margin-bottom:15px}.Privacy__limited-sharing ul,.Privacy__no-sharing ul{list-style:none;padding:0}.Privacy__limited-sharing li,.Privacy__no-sharing li{color:#4a5568;font-size:.9rem;padding:5px 0}.Privacy__rights-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.Privacy__right-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:25px;text-align:center;transition:all .2s ease}.Privacy__right-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.Privacy__right-item h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:15px}.Privacy__right-item p{color:#4a5568;font-size:.9rem;margin-bottom:20px}.Privacy__action-btn{background:#1da1f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.Privacy__action-btn:hover{background:#1a91da;transform:translateY(-1px)}.Privacy__action-btn--danger{background:#f56565}.Privacy__action-btn--danger:hover{background:#e53e3e}.Privacy__contact-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.Privacy__contact-method{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:25px;text-align:center}.Privacy__contact-method h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:15px}.Privacy__contact-method p{color:#2d3748;font-weight:500;margin-bottom:10px}.Privacy__contact-method span{color:#4a5568;font-size:.875rem}.Privacy__footer{background:#1a202c;color:#fff;margin-top:80px;padding:40px 0}.Privacy__footer-content{text-align:center}.Privacy__footer-content p{color:#a0aec0;margin-bottom:20px}.Privacy__footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.Privacy__footer-links a{color:#1da1f2;font-weight:500;text-decoration:none;transition:color .2s ease}.Privacy__footer-links a:hover{color:#63b3ed}@media (max-width:768px){.Privacy__container{padding:0 15px}.Privacy__title{font-size:2.5rem}.Privacy__subtitle{font-size:1.1rem}.Privacy__section{padding:25px}.Privacy__sharing-policy{grid-template-columns:1fr}.Privacy__meta{justify-content:center}.Privacy__footer-links{flex-direction:column;gap:15px}}
/*# sourceMappingURL=main.13fbd679.css.map*/