:root{--bg-color:#050510;--bg-card:#0a0a16;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#8b5cf6;--primary-hover:#7c3aed;--accent:#ec4899;--favorited:#f43f5e;--card-bg:#ffffff05;--border:#ffffff14;--glass-bg:#050510bf;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--nav-height:80px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.noise-bg{pointer-events:none;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 400 400\"%3E%3Cfilter id=\"a\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"1\" result=\"noise\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23a)\" opacity=\"0.04\"/%3E%3C/svg%3E");position:fixed;inset:0}.bg-shape{z-index:-2;opacity:.15;box-shadow:0 0 150px 100px var(--primary);border-radius:50%;position:absolute}.shape-1{background:var(--primary);width:300px;height:300px;top:-5%;left:0%}.shape-2{background:var(--accent);width:250px;height:250px;box-shadow:0 0 150px 100px var(--accent);bottom:20%;right:5%}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.1}a{color:inherit;transition:var(--transition);text-decoration:none}button,input{cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border:1px solid #ffffff1a;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 8px 16px #8b5cf633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf666}.btn-text{color:var(--text-color);padding:10px 16px;font-weight:600}.btn-text:hover{color:var(--primary)}.btn-text-accent{color:var(--accent);background:0 0;font-weight:600;text-decoration:underline}.btn-outline{border:1px solid var(--border);color:#fff;background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-outline:hover{background:#ffffff0d;border-color:#fff3}.btn-secondary{background:var(--card-bg);border:1px solid var(--border);color:var(--text-color);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:#8b5cf614}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-ghost:hover{color:var(--text-color);background:var(--card-bg)}.navbar{width:100%;height:var(--nav-height);z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 4%;display:flex;position:fixed;top:0;left:0}.logo{font-family:var(--font-heading);color:#fff;letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.logo i{color:var(--primary);font-size:2rem}.nav-links{align-items:center;gap:32px;display:flex}.nav-links>a{color:var(--text-muted);font-size:.95rem;font-weight:500;position:relative}.nav-links>a:hover,.nav-links>a.active{color:#fff}.nav-links>a.active:after{content:"";background:var(--primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.auth-buttons{align-items:center;gap:8px;display:flex}.user-profile{align-items:center;gap:16px;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.hero{text-align:center;justify-content:center;max-width:900px;margin:0 auto;padding:160px 5% 80px;display:flex}.hero-content{flex-direction:column;align-items:center;display:flex}.badge{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981}.hero h1{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.5rem)}.text-gradient{background:linear-gradient(90deg,#a78bfa,#f472b6,#fb923c);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-muted);margin-bottom:40px;font-size:1.15rem}.search-form{width:100%;max-width:650px;margin-bottom:24px;position:relative}.search-input-wrapper{border:1px solid var(--border);transition:var(--transition);background:#ffffff08;border-radius:50px;align-items:center;padding:6px 6px 6px 24px;display:flex;box-shadow:0 10px 30px #0003}.search-input-wrapper:focus-within{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 3px #8b5cf626}.search-icon{color:var(--text-muted);margin-right:12px;font-size:1.4rem}.search-input-wrapper input[type=text]{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1.05rem}.search-input-wrapper input[type=text]::placeholder{color:#ffffff4d}.search-btn{color:var(--bg-color);background:#fff;border-radius:40px;padding:14px 32px;font-weight:700}.search-btn:hover{background:#e2e8f0;transform:scale(1.02)}.trending-searches{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.trend-tag{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50px;padding:6px 16px;font-size:.85rem}.trend-tag:hover{color:#fff;background:#ffffff1a}.gallery-container{max-width:1600px;margin:0 auto;padding:0 4% 80px}.gallery-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:16px}.gallery-header h2{font-size:1.8rem}.image-grid{columns:1;column-gap:20px}@media (width>=640px){.image-grid{columns:2}}@media (width>=1024px){.image-grid{columns:3}}@media (width>=1440px){.image-grid{columns:4}}.img-card{break-inside:avoid;border-radius:var(--radius-md);background:var(--bg-card);cursor:zoom-in;will-change:transform;border:1px solid #ffffff08;margin-bottom:20px;position:relative;overflow:hidden;transform:translateZ(0)}.img-card img{object-fit:cover;background-color:#1e1b4b;width:100%;height:auto;min-height:250px;transition:transform .4s;display:block}.img-overlay{opacity:0;background:linear-gradient(#00000080 0%,#0000 60%,#000000e6 100%);flex-direction:column;justify-content:space-between;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.img-card:hover img{transform:scale(1.04)}.img-card:hover .img-overlay{opacity:1}.img-actions{justify-content:flex-end;gap:10px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;width:42px;height:42px;transition:var(--transition);background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.icon-btn:hover{color:var(--bg-color);background:#fff;transform:scale(1.05)}.icon-btn.active.fav-btn{color:var(--favorited);border-color:var(--favorited);background:#ffffff1a}.icon-btn.active.fav-btn i{font-weight:700}.img-info{align-items:center;gap:12px;display:flex}.img-info img{border:2px solid #fff;border-radius:50%;width:32px;height:32px;min-height:auto}.img-info p{color:#fff;text-shadow:0 2px 4px #000c;font-size:.9rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:95%;max-width:1300px;max-height:90vh;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.96)translateY(20px);box-shadow:0 40px 80px #00000080}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.close-modal{color:#fff;z-index:10;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex;position:absolute;top:20px;right:20px}.close-modal:hover{background:#fff3}.modal-image-container{background:#000;flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.modal-image-container img{object-fit:contain;max-width:100%;max-height:75vh}.modal-info{background:var(--bg-color);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.photographer{align-items:center;gap:16px;display:flex}.photographer img{border:2px solid var(--border);border-radius:50%;width:50px;height:50px}.photographer h4{margin-bottom:2px;font-size:1.15rem}.photographer a{color:var(--text-muted);font-size:.9rem}.modal-actions{align-items:center;gap:16px;display:flex}.icon-btn-large{color:#fff;cursor:pointer;width:52px;height:52px;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.icon-btn-large:hover{background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.08)}.icon-btn-large.active{color:var(--favorited);border-color:var(--favorited);background:#f43f5e1f}.auth-modal-content{background:#0a0a16f2;border:1px solid #ffffff1a;max-width:440px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo{justify-content:center;margin-bottom:16px}.auth-header .logo i{font-size:2.5rem}.auth-header h3{margin-bottom:8px;font-size:1.8rem}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.input-group input{border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);background:#0000004d;padding:14px 16px;font-size:1rem}.input-group input:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 0 3px #8b5cf61a}.w-100{width:100%;margin-top:10px}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.95rem}.footer{border-top:1px solid var(--border);background:#030308;margin-top:60px;padding:80px 5% 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1400px;margin:0 auto 60px;display:flex}.footer-brand{flex:1;min-width:300px;max-width:400px}.footer-brand .logo{margin-bottom:20px}.footer-brand p{color:var(--text-muted);margin-bottom:24px;line-height:1.8}.social-links{gap:16px;display:flex}.social-links a{background:var(--card-bg);border:1px solid var(--border);color:#fff;width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.social-links a:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px)}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.link-group{flex-direction:column;gap:16px;display:flex}.link-group h4{margin-bottom:8px;font-size:1.1rem}.link-group a{color:var(--text-muted);transition:var(--transition);font-size:.95rem}.link-group a:hover{color:var(--primary);padding-left:4px}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:#ffffff4d;padding-top:32px;font-size:.9rem}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader{text-align:center;color:var(--text-muted);padding:60px 0}@media (width<=768px){.nav-links>a,.hero p{display:none}.footer-links{gap:40px}.modal-info{flex-direction:column;align-items:flex-start;gap:20px}.modal-actions{justify-content:space-between;width:100%}}.page-header{text-align:center;max-width:800px;margin:0 auto;padding:180px 5% 80px}.page-header h1{margin-bottom:16px;font-size:3.5rem}.page-header p{color:var(--text-muted);font-size:1.15rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;max-width:1600px;margin:0 auto;padding:0 5% 100px;display:grid}.cat-card{border-radius:var(--radius-lg);background:var(--bg-card);text-align:center;will-change:transform;border:1px solid #ffffff0d;justify-content:center;align-items:center;height:300px;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.cat-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0}.cat-overlay{transition:var(--transition);background:linear-gradient(135deg,#05051099 0%,#8b5cf666 100%);position:absolute;inset:0}.cat-card h3{z-index:10;color:#fff;letter-spacing:.02em;text-shadow:0 4px 10px #00000080;font-size:1.8rem;font-weight:700;position:relative}.cat-card:hover{border-color:var(--primary)}.cat-card:hover img{transform:scale(1.1)}.cat-card:hover .cat-overlay{background:linear-gradient(135deg,#05051033 0%,#ec489966 100%)}.legal-container{color:#e2e8f0;max-width:900px;margin:0 auto;padding:0 5% 100px;font-size:1.05rem}.legal-container h2{color:#fff;font-size:2rem;font-family:var(--font-heading);margin:40px 0 20px}.legal-container p{color:var(--text-muted);margin-bottom:24px}.legal-container ul{color:var(--text-muted);margin-bottom:24px;padding-left:24px}.legal-container li{margin-bottom:12px}.contact-wrapper{max-width:600px;margin:0 auto;padding:0 5% 100px}.contact-form{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1699;flex-direction:column;gap:24px;padding:40px;display:flex}.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;resize:vertical;width:100%;min-height:150px;transition:var(--transition);background:#0000004d;outline:none;padding:16px;font-family:inherit;font-size:1rem}.contact-form textarea:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 0 3px #8b5cf61a}.premium-hero{position:relative;overflow:hidden}.hero-bg-overlay{z-index:-1;background:radial-gradient(circle at 50% -20%,#8b5cf626,#0000 70%);position:absolute;inset:0}.glass-text{text-shadow:0 4px 20px #00000080}.premium-search{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;padding:8px 8px 8px 24px;box-shadow:0 20px 40px #0006}.premium-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf633}.premium-btn{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:50px;padding:16px 40px;font-size:1.1rem}.pulse-dot{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.products-page{overflow:hidden}.products-hero{text-align:center;max-width:960px;margin:0 auto;padding:180px 5% 60px;position:relative}.products-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(#8b5cf62e 0%,#ec489914 40%,#0000 70%);width:700px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.products-hero-content h1{margin-bottom:18px;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.15}.products-hero-content p{color:var(--text-muted);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.15rem}.products-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.stat-pill{border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:16px 28px;display:flex}.stat-value{font-family:var(--font-heading);background:linear-gradient(135deg,#a78bfa,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.billing-toggle-section{justify-content:center;padding:20px 5% 48px;display:flex}.billing-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:50px;gap:4px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--text-muted);transition:var(--transition);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.billing-toggle button.active{color:#fff;background:#8b5cf626;border:1px solid #8b5cf64d}.save-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:28px;max-width:1200px;margin:0 auto;padding:0 5% 80px;display:grid}.pricing-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff05;flex-direction:column;padding:40px 32px 36px;display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at top,#8b5cf60a,#0000 60%);position:absolute;inset:0}.pricing-card:hover{border-color:#8b5cf64d;box-shadow:0 20px 60px #00000059,0 0 40px #8b5cf614}.pricing-card.popular{background:#8b5cf60a;border-color:#8b5cf659;box-shadow:0 0 50px #8b5cf61a}.popular-ribbon{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px}.pricing-card-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:1.4rem;display:flex}.pricing-card h3{font-size:1.5rem;font-family:var(--font-heading);margin-bottom:8px}.plan-description{color:var(--text-muted);margin-bottom:24px;font-size:.9rem;line-height:1.6}.price-display{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;margin-bottom:32px;padding-bottom:28px;display:flex}.price-amount{font-family:var(--font-heading);font-size:3rem;font-weight:800;line-height:1}.price-period{color:var(--text-muted);font-size:.9rem}.feature-list{flex-direction:column;flex:1;gap:14px;margin-bottom:36px;list-style:none;display:flex}.feature-list li{color:#cbd5e1;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.4;display:flex}.feature-list li svg{flex-shrink:0;margin-top:2px;font-size:1.15rem}.pricing-cta{cursor:pointer;width:100%;transition:var(--transition);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 0;font-size:.95rem;font-weight:700;display:flex}.cta-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border:1px solid #ffffff26;box-shadow:0 8px 24px #8b5cf640}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf673}.cta-outline{color:#fff;border:1px solid var(--border);background:0 0}.cta-outline:hover{background:#ffffff0d;border-color:#fff3}.products-features-section{max-width:1200px;margin:0 auto;padding:60px 5% 80px}.section-header{text-align:center;max-width:700px;margin:0 auto 56px}.section-header h2{margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.2}.section-header p{color:var(--text-muted);font-size:1.05rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff05;padding:36px 28px}.feature-card:hover{background:#ffffff0a;box-shadow:0 12px 40px #00000040}.feature-icon-wrap{border-radius:var(--radius-md);width:52px;height:52px;color:var(--primary);background:#8b5cf61f;border:1px solid #8b5cf633;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.4rem;display:flex}.feature-card h4{font-size:1.15rem;font-family:var(--font-heading);margin-bottom:10px}.feature-card p{color:var(--text-muted);font-size:.92rem;line-height:1.7}.products-cta-banner{border-radius:var(--radius-lg);text-align:center;background:#8b5cf60f;border:1px solid #8b5cf633;max-width:1200px;margin:20px auto 80px;padding:72px 40px;position:relative;overflow:hidden}.cta-banner-glow{pointer-events:none;z-index:0;background:radial-gradient(#8b5cf633,#ec489914,#0000 70%);width:600px;height:400px;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.cta-banner-content{z-index:1;position:relative}.cta-banner-content h2{margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.4rem)}.cta-banner-content p{color:var(--text-muted);max-width:550px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.05rem}.cta-banner-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:420px}.products-stats{gap:10px}.stat-pill{min-width:90px;padding:12px 20px}.stat-value{font-size:1.3rem}.features-grid{grid-template-columns:1fr}.products-cta-banner{margin:20px 4% 60px;padding:48px 24px}}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1600px;margin:0 auto;padding:0 5% 80px;display:grid}.fav-card{cursor:zoom-in}.favorites-nav-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--accent);transition:var(--transition);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.favorites-nav-btn:hover{border-color:var(--accent);background:#ec489926;transform:scale(1.05)}.fav-count-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border:2px solid var(--bg-color);border-radius:50px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}@media (width<=768px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 4% 60px}}@media (pointer:fine){body,a,button,input,textarea,select,.img-card{cursor:none}}.custom-cursor-dot{background-color:var(--primary);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0}.custom-cursor-ring{border:1px solid var(--accent);pointer-events:none;z-index:9998;mix-blend-mode:screen;border-radius:50%;width:32px;height:32px;position:fixed;top:0;left:0}.dashboard-layout{background-color:#030308;width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:260px;display:flex}.sidebar-header{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.sidebar-header .logo{padding:0;font-size:1.3rem}.sidebar-create-btn{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#ec4899,#f43f5e);justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;display:flex;box-shadow:0 4px 12px #ec48994d}.sidebar-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ec489966}.sidebar-scrollable{flex:1;padding:0 12px;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:4px}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.nav-item svg{font-size:1.2rem}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#ffffff14}.sidebar-divider{background:var(--border);height:1px;margin:16px 12px}.tools-nav .nav-item{font-size:.95rem}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;padding:16px 20px;display:flex}.icon-btn-small{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.icon-btn-small:hover{color:#fff;background:#ffffff0d}.dashboard-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.dashboard-header{border-bottom:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.pricing-link{color:#ec4899;cursor:pointer;font-size:.95rem;font-weight:600}.btn-outline-small{border:1px solid var(--border);color:#fff;background:#ffffff0d;border-radius:50px;padding:6px 16px;font-size:.9rem;font-weight:500}.btn-outline-small:hover{background:#ffffff1a}.grid-icon{border:1px solid var(--border);border-radius:var(--radius-sm)}.profile-menu-container{position:relative}.profile-dropdown{border-radius:var(--radius-md);z-index:100;background:#0f1016;border:1px solid #ffffff1a;width:280px;padding:16px 0;position:absolute;top:50px;right:0;box-shadow:0 10px 40px #00000080}.dropdown-user-info{align-items:center;gap:12px;padding:0 16px 16px;display:flex}.avatar-circle-large{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.user-details .user-name{color:#fff;font-weight:600;line-height:1.2}.user-details .user-email{color:var(--text-muted);font-size:.8rem}.dropdown-actions{padding:0 16px}.mb-2{margin-bottom:8px}.dropdown-divider{background:#ffffff0d;height:1px;margin:8px 0}.dropdown-menu-list{flex-direction:column;list-style:none;display:flex}.dropdown-menu-list li{padding:0 8px}.menu-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;display:flex}.menu-item:hover{color:#fff;background:#ffffff0d}.menu-item-left{align-items:center;gap:12px;display:flex}.menu-item-left svg{font-size:1.1rem}.badge-free{color:#a78bfa;background:#8b5cf633;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.dropdown-select{border:1px solid var(--border);color:#fff;background:0 0;border-radius:4px;padding:2px 4px;font-size:.8rem}.dropdown-select option{background:#0f1016}.text-danger{color:#f43f5e}.text-danger:hover{color:#f43f5e;background:#f43f5e1a}.dashboard-content{flex:1;padding:40px;position:relative;overflow-y:auto}.dashboard-home{max-width:1000px;margin:0 auto}.dashboard-hero{text-align:center;margin-bottom:40px}.dashboard-hero h1{margin-bottom:24px;font-size:2.2rem}.dashboard-search{background:var(--bg-card);border:1px solid var(--border);border-radius:50px;align-items:center;max-width:600px;margin:0 auto;padding:16px 24px;display:flex;box-shadow:0 10px 30px #0003}.dashboard-search svg{color:var(--text-muted);margin-right:12px;font-size:1.4rem}.dashboard-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.dashboard-tools-row{justify-content:center;gap:24px;margin-bottom:40px;display:flex}.tool-card{cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex}.tool-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;transition:transform .2s;display:flex}.tool-card:hover .tool-icon{transform:translateY(-4px)}.tool-card span{color:var(--text-muted);font-size:.9rem;font-weight:500}.dashboard-banner{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;align-items:center;gap:16px;margin-bottom:40px;padding:16px 24px;display:flex}.banner-icons{background:#ffffff0d;border-radius:50px;gap:4px;padding:6px 12px;display:flex}.dashboard-banner p{color:var(--text-muted);font-size:.95rem}.dashboard-banner strong{color:#fff;margin-right:8px}.dashboard-bottom-grid{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}.dashboard-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{font-size:1.1rem}.projects-list{flex-direction:column;gap:12px;display:flex}.project-item{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;align-items:center;gap:12px;padding:12px;display:flex}.project-item:hover{background:#ffffff0d}.project-icon{border-radius:6px;width:32px;height:32px}.badge-upgrade{color:#ec4899;background:#ec489933;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.spaces-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.space-card{border-radius:var(--radius-md);cursor:pointer;height:140px;position:relative;overflow:hidden}.example-space{background:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=400&auto=format&fit=crop) 50%/cover}.space-overlay{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.space-overlay h4{font-family:var(--font-heading);color:#fff;letter-spacing:2px}.new-space{border:1px dashed var(--border);color:var(--text-muted);background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.new-space:hover{color:#fff;background:#ffffff0d}.new-space-icon{background:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.btn-google{color:#1f2937;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-google:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:20px 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{padding:0 14px}.dashboard-home{max-width:1080px}.dashboard-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:1rem}.dashboard-search button.btn-primary{white-space:nowrap;margin-left:12px}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#ffffff2e;transform:translateY(-3px)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;display:flex}.stat-text{flex-direction:column;line-height:1.2;display:flex}.stat-value{color:var(--text-color);font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.stat-label{color:var(--text-muted);font-size:.82rem}.dashboard-section-block{margin-bottom:40px}.category-grid{flex-wrap:wrap;gap:12px;display:flex}.category-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);font-family:var(--font-body);cursor:pointer;border-radius:50px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:.9rem;font-weight:500;transition:transform .2s,border-color .2s;display:flex}.category-chip:hover{border-color:var(--primary);transform:translateY(-2px)}.category-chip-icon{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.recent-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.recent-card{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);position:relative;overflow:hidden}.recent-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recent-card:hover img{transform:scale(1.08)}.recent-overlay{color:var(--favorited);opacity:0;background:linear-gradient(#0000 40%,#00000080);justify-content:flex-end;align-items:flex-end;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.recent-card:hover .recent-overlay{opacity:1}.empty-state{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty-state p{margin:0}.btn-text-accent{align-items:center;gap:4px;display:inline-flex}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}.recent-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.recent-grid{grid-template-columns:repeat(2,1fr)}.dashboard-search button.btn-primary{display:none}}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{cursor:pointer;color:var(--primary);font-size:.78rem;font-family:var(--font-body);background:0 0;border:none;padding:0}.forgot-link:hover{text-decoration:underline}.auth-error{color:#f43f5e;text-align:center;margin:4px 0 0;font-size:.85rem}.success-logo{color:#10b981!important}.auth-toggle .btn-text-accent{align-items:center;gap:6px;display:inline-flex}.filter-bar{margin:0 0 28px}.filter-bar-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);font-family:var(--font-body);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.filter-toggle:hover,.filter-toggle.open{border-color:var(--primary)}.filter-count{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.active-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.active-chip{color:#c4b5fd;cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-body);background:#8b5cf626;border:1px solid #8b5cf666;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.active-chip:hover{background:#8b5cf640}.active-chip svg{font-size:.7rem}.clear-all{color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border:none;text-decoration:underline}.clear-all:hover{color:var(--text-color)}.filter-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:18px;margin-top:16px;padding:20px 24px;animation:.25s filterFade;display:grid}@keyframes filterFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.filter-group{flex-direction:column;gap:10px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.78rem;font-weight:700}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:#ffffff08;border-radius:50px;padding:8px 16px;transition:all .2s}.filter-pill:hover{border-color:#ffffff40}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.color-swatch-btn{border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:#ffffff08;border-radius:50px;align-items:center;gap:8px;padding:7px 14px 7px 8px;transition:all .2s;display:inline-flex}.color-swatch-btn:hover{border-color:#ffffff40}.color-swatch-btn.active{border-color:var(--primary);background:#8b5cf626}.swatch-dot{border:1px solid #fff3;border-radius:50%;width:16px;height:16px}.palette-section,.font-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.section-title{font-family:var(--font-heading);color:var(--text-color);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.section-title svg{color:var(--primary)}.palette-hint{color:var(--text-muted);font-size:.85rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.palette-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);overflow:hidden}.swatch-color{width:100%;height:64px}.swatch-codes{flex-direction:column;display:flex}.code-copy{border:none;border-top:1px solid var(--border);color:var(--text-color);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:.72rem;transition:background .15s;display:flex}.code-copy:first-child{border-top:none}.code-copy.rgb{color:var(--text-muted)}.code-copy:hover{background:#ffffff0a}.code-copy svg{flex-shrink:0;font-size:.85rem}.font-style-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.font-tab{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.82rem;font-family:var(--font-body);background:#ffffff08;border-radius:50px;padding:6px 14px;transition:all .2s}.font-tab:hover{color:var(--text-color)}.font-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.font-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.font-line{align-items:baseline;gap:14px;padding:8px 0;display:flex}.font-role{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;width:64px;font-size:.72rem}.font-name{color:var(--text-color);font-size:1.15rem;font-weight:600}.copy-css-btn{border:1px solid var(--border);color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:#ffffff0a;align-items:center;gap:8px;margin-top:12px;padding:9px 16px;transition:all .2s;display:inline-flex}.copy-css-btn:hover{border-color:var(--primary)}.sidebar-socials{justify-content:flex-start;align-items:center;gap:8px;display:flex}.sidebar-socials a{width:34px;height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.sidebar-socials a:hover{color:var(--text-color);background:#ffffff0d}.image-modal-content{flex-direction:row;align-items:stretch}.image-modal-content .modal-image-container{flex:1.4;min-height:300px}.image-modal-content .modal-info{border-top:none;border-left:1px solid var(--border);flex-direction:column;justify-content:flex-start;align-items:stretch;width:440px;max-width:42vw;overflow:visible auto}.modal-info .photographer{margin-bottom:4px}.modal-actions{align-items:center;gap:12px;margin-top:14px;display:flex}.source-badge{color:var(--text-muted);background:#ffffff0d;border-radius:50px;margin-top:2px;padding:2px 10px;font-size:.75rem;display:inline-block}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.download-options{flex:1;position:relative}.download-split{display:flex}.download-main{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.download-caret{border-left:1px solid #fff3;border-top-left-radius:0;border-bottom-left-radius:0;align-items:center;padding:0 12px;display:flex}.download-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:20;margin-top:8px;overflow:hidden;box-shadow:0 20px 50px #00000080}.download-item{cursor:pointer;width:100%;color:var(--text-color);text-align:left;border:none;border-bottom:1px solid var(--border);font-family:var(--font-body);background:0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.download-item:last-child{border-bottom:none}.download-item:hover{background:#ffffff0a}.download-item.recommended{background:#8b5cf614}.download-item-icon{color:var(--primary);font-size:1.1rem;display:flex}.download-item-text{flex-direction:column;flex:1;display:flex}.download-item-label{font-size:.9rem;font-weight:600}.download-item-label em{color:var(--primary);font-size:.78rem;font-style:normal;font-weight:500}.download-item-hint{color:var(--text-muted);font-size:.76rem}.download-error{color:var(--text-muted);margin-top:8px;font-size:.78rem}.contact-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.category-select{flex-wrap:wrap;gap:8px;display:flex}.category-option{border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.88rem;font-family:var(--font-body);background:#ffffff08;border-radius:50px;align-items:center;gap:8px;padding:9px 16px;transition:all .2s;display:inline-flex}.category-option:hover{border-color:#ffffff40}.category-option.active{background:var(--primary);border-color:var(--primary);color:#fff}.form-status{text-align:center;margin-top:12px;font-size:.9rem}.form-status.ok{color:#10b981}.form-status.error{color:#f43f5e}.bg-generator{max-width:1000px;margin:0 auto}.bg-type-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.bg-type-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.bg-type-tab:hover{color:var(--text-color)}.bg-type-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.bg-canvas-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);line-height:0;overflow:hidden;box-shadow:0 30px 60px #0006}.bg-canvas{width:100%;height:auto;display:block}.bg-controls{justify-content:center;gap:12px;margin-top:24px;display:flex}.bg-controls .btn-outline,.bg-controls .btn-primary{align-items:center;gap:8px;display:inline-flex}.bg-palette-preview{justify-content:center;gap:8px;margin-top:20px;display:flex}.bg-palette-dot{border:2px solid #ffffff26;border-radius:50%;width:28px;height:28px}@media (width<=860px){.image-modal-content{flex-direction:column}.image-modal-content .modal-info{border-left:none;border-top:1px solid var(--border);width:100%;max-width:none;max-height:48vh}.image-modal-content .modal-image-container{min-height:200px;max-height:40vh}.contact-row{grid-template-columns:1fr}}@media (width<=820px){.dashboard-layout{flex-direction:column;width:100%;height:auto;min-height:100vh;overflow:visible}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;width:100%;position:sticky;top:0}.sidebar-header{flex-direction:row;align-items:center;gap:12px;padding:10px 16px}.sidebar-header .logo span{display:inline}.sidebar-scrollable{padding:8px 12px;overflow:auto hidden}.sidebar-scrollable::-webkit-scrollbar{height:0}.sidebar-nav{flex-direction:row;gap:6px}.nav-item{white-space:nowrap;padding:8px 14px}.sidebar-footer{display:none}.dashboard-main{overflow:visible}.dashboard-header{padding:0 16px}.dashboard-content{padding:20px 16px;overflow:visible}}@media (width<=480px){.dashboard-hero h1{font-size:1.6rem}.dashboard-search button.btn-primary{display:none}.bg-type-tab{padding:8px 14px;font-size:.85rem}.category-option{padding:8px 12px;font-size:.82rem}}.logo{align-items:center;gap:9px;display:flex}.logo-word{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-color);font-weight:700;line-height:1}.logo-word-accent{background:linear-gradient(120deg,#a78bfa 0%,#8b5cf6 45%,#ec4899 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);width:40px;height:40px;color:var(--text-color);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.avatar-circle img,.avatar-circle-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-circle,.avatar-circle-large{overflow:hidden}.history-chips{flex-wrap:wrap;gap:10px;display:flex}.history-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.88rem;font-family:var(--font-body);border-radius:50px;align-items:center;gap:8px;padding:9px 16px;transition:all .2s;display:inline-flex}.history-chip:hover{border-color:var(--primary);transform:translateY(-2px)}.history-chip svg{color:var(--text-muted);font-size:1rem}.history-empty{color:var(--text-muted);font-size:.9rem}.collections-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1500px;margin:0 auto;padding:0 5% 100px;display:grid}.collection-card{border-radius:var(--radius-lg);cursor:pointer;text-align:left;background-position:50%;background-size:cover;border:none;align-items:flex-end;height:300px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000040}.collection-card.span-wide{grid-column:span 2}.collection-card:hover{box-shadow:0 30px 60px #8b5cf640}.collection-overlay{background:linear-gradient(#0505101a 0%,#05051059 45%,#050510eb 100%);position:absolute;inset:0}.collection-content{width:100%;padding:28px;position:relative}.collection-content h3{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:1.5rem}.collection-cta{color:#e9d5ff;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:inline-flex}.collection-card:hover .collection-cta{gap:10px}.profile-page{max-width:640px;margin:0 auto;padding:0 20px 80px}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:22px;padding:32px;display:flex}.profile-preview{align-items:center;gap:18px;padding-bottom:8px;display:flex}.profile-avatar-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:72px;height:72px}.profile-avatar-fallback{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:700;display:flex}.profile-preview-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700}.profile-preview-email{color:var(--text-muted);font-size:.9rem}.avatar-grid{flex-wrap:wrap;gap:12px;display:flex}.avatar-option{cursor:pointer;border:2px solid var(--border);background:var(--bg-card);width:60px;height:60px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.avatar-option img{object-fit:cover;width:100%;height:100%}.avatar-option:hover{border-color:#8b5cf680}.avatar-option.active{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.url-row{gap:10px;display:flex}.url-row input{flex:1}.url-row .btn-outline{white-space:nowrap}:root[data-theme=light]{--bg-color:#f4f5fb;--bg-card:#fff;--text-color:#0f172a;--text-muted:#5b6472;--card-bg:#0f172a08;--border:#0f172a1a;--glass-bg:#ffffffd1}[data-theme=light] body{background-color:var(--bg-color)}[data-theme=light] .dashboard-layout,[data-theme=light] .footer{background:#eef0f7}[data-theme=light] .noise-bg{opacity:.35}[data-theme=light] .bg-shape{opacity:.5}[data-theme=light] .navbar{background:var(--glass-bg)}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{color:#0f172a;background:#0f172a0f}[data-theme=light] .input-group input,[data-theme=light] .contact-form textarea,[data-theme=light] .dashboard-search{color:#0f172a;background:#fff}[data-theme=light] .modal-content,[data-theme=light] .auth-modal-content,[data-theme=light] .profile-dropdown{background:#fff}[data-theme=light] .filter-pill,[data-theme=light] .category-option,[data-theme=light] .font-tab,[data-theme=light] .bg-type-tab,[data-theme=light] .history-chip,[data-theme=light] .color-swatch-btn,[data-theme=light] .download-item:hover,[data-theme=light] .stat-card{background:#0f172a08}[data-theme=light] .filter-pill.active,[data-theme=light] .category-option.active,[data-theme=light] .font-tab.active,[data-theme=light] .bg-type-tab.active,[data-theme=light] .theme-choice.active,[data-theme=light] .duotone-preset.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=light] .filter-pill.active svg,[data-theme=light] .category-option.active svg,[data-theme=light] .font-tab.active svg,[data-theme=light] .bg-type-tab.active svg,[data-theme=light] .theme-choice.active svg{color:#fff}[data-theme=light] .btn-outline,[data-theme=light] .btn-text,[data-theme=light] .logo-word{color:#0f172a}[data-theme=light] .recent-card,[data-theme=light] .stat-card,[data-theme=light] .category-chip,[data-theme=light] .dashboard-section,[data-theme=light] .dashboard-section-block .empty-state{border-color:#0f172a1a}[data-theme=light] .modal-image-container{background:#0b0b12}@media (width<=900px){.collections-grid{grid-template-columns:repeat(2,1fr)}.collection-card.span-wide{grid-column:span 2}}@media (width<=600px){.collections-grid{grid-template-columns:1fr}.collection-card,.collection-card.span-wide{grid-column:span 1;height:240px}.page-header h1{font-size:2.2rem}.page-header{padding:120px 5% 40px}.contact-row{grid-template-columns:1fr}.url-row{flex-direction:column}}[data-theme=light] .custom-cursor-dot{mix-blend-mode:normal;background-color:#7c3aed}[data-theme=light] .custom-cursor-ring{mix-blend-mode:normal}[data-theme=light] .nav-links>a:hover,[data-theme=light] .nav-links>a.active{color:var(--text-color)}[data-theme=light] .contact-form{background:#fff;box-shadow:0 20px 40px #0f172a0f}[data-theme=light] .contact-form textarea{color:#0f172a;background:#fff}[data-theme=light] .contact-form textarea:focus,[data-theme=light] .input-group input:focus,[data-theme=light] .auth-form input:focus{background:#fff}[data-theme=light] .input-group input,[data-theme=light] .auth-form input{color:#0f172a;background:#fff}[data-theme=light] .input-group label{color:#475569}[data-theme=light] .dashboard-header{background:#ffffffe6}[data-theme=light] .dashboard-search{border-color:#0f172a1a;box-shadow:0 10px 30px #0f172a0f}[data-theme=light] .dashboard-search input,[data-theme=light] .gallery-header h2,[data-theme=light] #galleryTitle,[data-theme=light] .code-copy{color:#0f172a}[data-theme=light] .source-badge{background:#0f172a0d}.duotone-studio{max-width:960px;margin:0 auto;padding:0 20px 80px}.duotone-canvas-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden;box-shadow:0 30px 60px #0000004d}.duotone-canvas{max-width:100%;height:auto;display:block}.duotone-presets{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 20px;display:flex}.duotone-preset{background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.85rem;font-family:var(--font-body);border-radius:50px;align-items:center;gap:8px;padding:8px 14px 8px 8px;transition:all .2s;display:inline-flex}.duotone-preset:hover{border-color:var(--primary)}.duotone-preset.active{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf640}.duotone-swatch{border-radius:50%;width:22px;height:22px}.duotone-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.duotone-color{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.duotone-color input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:36px;padding:2px}.duotone-upload{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.duotone-url{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex}.duotone-url input{color:var(--text-color);background:0 0;border:none;outline:none;width:180px;font-size:.85rem}.duotone-controls .btn-primary{align-items:center;gap:8px;display:inline-flex}.auth-modal-content{max-height:90vh;overflow-y:auto}.auth-modal-content::-webkit-scrollbar{width:6px}.auth-modal-content::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}[data-theme=light] .search-input-wrapper input[type=text]{color:#0f172a}[data-theme=light] .search-input-wrapper input[type=text]::placeholder{color:#0f172a59}[data-theme=light] .premium-search{background:#fff;border-color:#0f172a1a;box-shadow:0 20px 40px #0f172a14}[data-theme=light] .search-btn{color:#0f172a}[data-theme=light] .dashboard-search input::placeholder{color:#0f172a66}.search-prompt{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.search-prompt svg{color:var(--primary);opacity:.6}.search-prompt h3{font-family:var(--font-heading);color:var(--text-color);font-size:1.4rem}.search-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.toast-container{z-index:100000;pointer-events:none;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--primary);color:var(--text-color);pointer-events:auto;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:.9rem;animation:.28s cubic-bezier(.2,.8,.2,1) toastIn;display:flex;box-shadow:0 16px 40px #00000059}[data-theme=light] .toast{box-shadow:0 16px 40px #0f172a1f}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#f43f5e}.toast-info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:1.3rem;display:flex}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#f43f5e}.toast-info .toast-icon{color:#3b82f6}.toast-msg{flex:1;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:1rem;display:flex}.toast-close:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (width<=480px){.toast-container{max-width:none;left:12px;right:12px}}[data-theme=light] .social-links a{color:#334155;background:#0f172a0a}[data-theme=light] .social-links a:hover{color:#fff;background:var(--primary)}[data-theme=light] .footer-bottom{color:#0f172a73}[data-theme=light] .footer{background:#eef0f7}[data-theme=light] .trend-tag{color:#334155}[data-theme=light] .trend-tag:hover{color:#0f172a;background:#0f172a0f}[data-theme=light] .icon-btn-small{color:#475569}[data-theme=light] .icon-btn-small:hover{color:#0f172a;background:#0f172a0f}[data-theme=light] .user-details .user-name{color:#0f172a}[data-theme=light] .menu-item{color:#334155}[data-theme=light] .menu-item:hover{color:#0f172a;background:#0f172a0d}[data-theme=light] .avatar-circle-large{color:#fff}[data-theme=light] .legal-container h2,[data-theme=light] .section-header h3,[data-theme=light] .dashboard-hero h1,[data-theme=light] .stat-value{color:#0f172a}.tools-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 5% 80px;display:grid}.tool-hub-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;font-family:var(--font-body);flex-direction:column;gap:10px;padding:28px;transition:border-color .2s,box-shadow .2s;display:flex}.tool-hub-card:hover{border-color:var(--primary);box-shadow:0 20px 40px #8b5cf626}.tool-hub-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.tool-hub-card h3{font-family:var(--font-heading);color:var(--text-color);font-size:1.15rem}.tool-hub-card p{color:var(--text-muted);flex:1;font-size:.9rem}.tool-hub-cta{color:var(--primary);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:inline-flex}.tool-hub-card:hover .tool-hub-cta{gap:10px}.tools-search{background:var(--bg-card);border:1px solid var(--border);border-radius:50px;align-items:center;gap:10px;max-width:440px;margin:24px auto 0;padding:12px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.tools-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.tools-search svg{color:var(--text-muted);flex-shrink:0}.tools-search input{color:var(--text-color);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.tools-search input::placeholder{color:var(--text-muted)}.tools-category{max-width:1100px;margin:0 auto;padding:0 5%}.tools-category-head{margin-bottom:20px}.tools-category-head h2{font-family:var(--font-heading);color:var(--text-color);margin-bottom:4px;font-size:1.4rem;font-weight:700}.tools-category-head p{color:var(--text-muted);font-size:.92rem}.tools-category .tools-grid{max-width:none;margin:0 0 56px;padding:0}.tools-category:last-of-type .tools-grid{margin-bottom:80px}.tools-empty{text-align:center;max-width:1100px;color:var(--text-muted);margin:32px auto;padding:0 5%;font-size:1rem}.gradient-gen{max-width:900px;margin:0 auto;padding:0 20px 80px}.gradient-preview{border-radius:var(--radius-lg);border:1px solid var(--border);height:240px;margin-bottom:24px;box-shadow:0 20px 40px #0000004d}.gradient-controls{flex-direction:column;gap:20px;margin-bottom:28px;display:flex}.gradient-type{gap:10px;display:flex}.gradient-angle{flex-direction:column;gap:6px;display:flex}.gradient-angle label{color:var(--text-muted);font-size:.85rem}.gradient-angle input[type=range],.gradient-stop input[type=range]{width:100%;accent-color:var(--primary)}.gradient-stops{flex-direction:column;gap:12px;display:flex}.gradient-stop{align-items:center;gap:12px;display:flex}.gradient-stop input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:40px;height:36px}.gradient-stop input[type=range]{flex:1}.stop-pos{color:var(--text-muted);text-align:right;width:42px;font-size:.82rem}.stop-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.stop-remove:disabled{opacity:.3;cursor:not-allowed}.code-exports{grid-template-columns:1fr 1fr;gap:16px;display:grid}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-head{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;display:flex}.code-copy-btn{border:1px solid var(--border);color:var(--text-color);cursor:pointer;font-size:.78rem;font-family:var(--font-body);background:#8b5cf61f;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.code-copy-btn:hover{border-color:var(--primary)}.code-block pre{color:var(--text-color);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;font-family:SF Mono,ui-monospace,monospace;font-size:.78rem;overflow-x:auto}.json-viewer{max-width:1100px;margin:0 auto;padding:0 20px 80px}.jv-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jv-pane{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.jv-pane-head{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;display:flex}.jv-actions{gap:8px;display:flex}.jv-input{resize:vertical;width:100%;min-height:380px;color:var(--text-color);background:0 0;border:none;outline:none;padding:14px;font-family:SF Mono,ui-monospace,monospace;font-size:.82rem}.jv-error{color:#f43f5e;padding:0 14px 12px;font-size:.82rem}.jv-tree{min-height:380px;padding:14px;font-family:SF Mono,ui-monospace,monospace;font-size:.82rem;overflow:auto}.jv-row{flex-wrap:wrap;align-items:center;line-height:1.8;display:flex}.jv-clickable{cursor:pointer;border-radius:4px}.jv-clickable:hover{background:#8b5cf60f}.jv-caret{color:var(--text-muted);margin-right:2px;font-size:.9rem;display:inline-flex}.jv-key{color:#8b5cf6}.jv-colon{color:var(--text-muted)}.jv-str{color:#10b981}.jv-num{color:#f59e0b}.jv-bool{color:#3b82f6}.jv-null{color:#f43f5e}.jv-brace,.jv-comma{color:var(--text-muted)}.jv-preview{color:var(--text-muted);font-style:italic}@media (width<=800px){.tools-grid,.code-exports,.jv-grid{grid-template-columns:1fr}}.support-page{max-width:720px;margin:0 auto;padding:40px 20px 80px}.support-hero{text-align:center;margin-bottom:32px}.coffee-badge{border:1px solid var(--border);background:linear-gradient(135deg,#8b5cf633,#ec489933);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 20px;display:flex}.support-hero h1{font-family:var(--font-heading);margin-bottom:12px;font-size:2.6rem}.support-hero p{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.7}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 30px 60px #00000040}.tier-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.tier-card{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);background:#ffffff05;flex-direction:column;align-items:center;gap:4px;padding:22px 12px 18px;transition:all .2s;display:flex;position:relative}[data-theme=light] .tier-card{background:#0f172a05}.tier-card:hover{border-color:#8b5cf680;transform:translateY(-3px)}.tier-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.tier-card.featured{border-color:#ec489966}.tier-flag{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;white-space:nowrap;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.tier-emoji{font-size:1.8rem}.tier-amount{font-family:var(--font-heading);color:var(--text-color);font-size:1.4rem;font-weight:700}.tier-label{color:var(--text-color);font-size:.9rem;font-weight:600}.tier-note{color:var(--text-muted);text-align:center;font-size:.75rem}.custom-amount{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.custom-amount>span{color:var(--text-muted);font-size:.9rem}.custom-input{border:1px solid var(--border);background:#ffffff08;border-radius:50px;align-items:center;padding:4px 16px;display:flex}[data-theme=light] .custom-input{background:#fff}.custom-input .dollar{color:var(--text-muted)}.custom-input input{width:80px;color:var(--text-color);background:0 0;border:none;outline:none;padding:8px;font-size:1rem}.paypal-btn{cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:100%;font-family:var(--font-body);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 12px 30px #8b5cf659}.support-config-note{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.78rem;line-height:1.6}.support-config-note code{background:#8b5cf61f;border-radius:4px;padding:1px 6px;font-size:.9em}.support-alt{text-align:center;margin-top:18px}.support-alt a{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.support-alt a:hover{color:var(--primary)}.support-footer-line{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:.9rem;display:flex}.support-footer-line svg{color:var(--favorited)}@media (width<=560px){.tier-row{grid-template-columns:1fr}.support-hero h1{font-size:2rem}.custom-amount{flex-direction:column;align-items:stretch}}.legal-updated{color:var(--text-muted);margin-bottom:24px;font-size:.85rem;font-style:italic}.legal-container ul{margin:0 0 20px;padding-left:22px}.legal-container li{color:var(--text-muted);margin-bottom:10px;line-height:1.7}.legal-container li strong{color:var(--text-color)}.legal-container p{color:var(--text-muted);margin-bottom:20px;line-height:1.8}.legal-container p a,.legal-container li a{color:var(--primary)}.legal-container p a:hover{text-decoration:underline}.legal-nav{border-top:1px solid var(--border);flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:24px;display:flex}.legal-nav a{color:var(--primary);font-size:.92rem;font-weight:600}.legal-nav a:hover{text-decoration:underline}main .support-page{padding-top:120px}main .gradient-gen,main .duotone-studio,main .json-viewer{padding-top:calc(var(--nav-height) + 60px)}.dashboard-main .page-header{padding:24px 0 32px}.license-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-color);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff1f;border-radius:999px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.img-info .license-badge{margin-left:auto}.license-panel{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:#ffffff08;margin-top:16px;padding:14px 16px}.license-panel-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.license-panel-head a{color:var(--primary);align-items:center;gap:4px;font-size:.82rem;font-weight:600;display:inline-flex}.license-panel-head a:hover{text-decoration:underline}.license-note{color:var(--text-muted);margin-top:10px;font-size:.82rem;line-height:1.5}.license-copy{text-align:left;border:1px dashed var(--border);border-radius:var(--radius-sm,8px);width:100%;color:var(--text-color);font-size:.8rem;font-family:var(--font-mono,monospace);cursor:pointer;background:#ffffff0a;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;transition:border-color .2s;display:flex}.license-copy:hover{border-color:var(--primary)}.license-copy span{overflow-wrap:anywhere}.download-credit{margin-top:12px}.download-credit p{color:var(--text-muted);margin-bottom:4px;font-size:.82rem}main .tool-page{padding-top:calc(var(--nav-height) + 48px)}.tool-page{max-width:900px;margin:0 auto;padding:0 20px 80px}.dashboard-main .tool-page{padding-top:24px}.tool-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:.85rem;display:flex}.tool-breadcrumb a{color:var(--primary);font-weight:600}.tool-breadcrumb a:hover{text-decoration:underline}.tool-page-header{margin-bottom:28px}.tool-page-header h1{font-family:var(--font-heading);margin-bottom:10px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.tool-page-header p{color:var(--text-muted);max-width:640px;font-size:1rem;line-height:1.6}.tool-shell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.tool-engine{flex-direction:column;gap:20px;display:flex}.tool-dropzone{text-align:center;cursor:pointer;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;transition:border-color .2s,background .2s;display:flex}.tool-dropzone:hover,.tool-dropzone.drag-over{border-color:var(--primary);color:var(--text-color);background:#ffffff08}.tool-dropzone-label{color:var(--text-color);font-weight:600}.tool-dropzone-hint{font-size:.82rem}.tool-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.tool-control{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.tool-control-wide{flex:100%}.tool-control input[type=number],.tool-control input[type=text],.tool-control select,.tool-control textarea{background:var(--bg-input,#ffffff0d);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-color);min-width:120px;padding:10px 12px;font-size:.9rem}.tool-control textarea{resize:vertical;width:100%;font-family:inherit}.tool-control input[type=range]{width:180px;accent-color:var(--primary)}.tool-control input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:48px;height:36px;padding:2px}.tool-inline-input{gap:8px;display:flex}.tool-checkbox{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.tool-checkbox input{accent-color:var(--primary)}.tool-preset-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-note{color:var(--text-muted);font-size:.85rem;line-height:1.5}.tool-note strong{color:var(--text-color)}.tool-error{color:#f87171;border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e40;padding:12px 16px;font-size:.88rem}.tool-warning{color:#fbbf24;border-radius:var(--radius-sm);background:#fbbf2414;border:1px solid #fbbf2440;padding:12px 16px;font-size:.88rem}.tool-preview{text-align:center}.tool-preview img{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;max-height:420px}.tool-preview p{color:var(--text-muted);margin-top:8px;font-size:.85rem}.tool-compare{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.tool-compare{grid-template-columns:1fr 1fr}}.tool-compare figure{text-align:center;margin:0}.tool-compare img{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;max-height:320px}.tool-compare figcaption{color:var(--text-muted);margin-top:8px;font-size:.82rem}.tool-transparent-bg img{background-image:linear-gradient(45deg,#333 25%,#0000 25%),linear-gradient(-45deg,#333 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#333 75%),linear-gradient(-45deg,#0000 75%,#333 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.tool-result-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.tool-result-stats{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.tool-result-stats strong{color:var(--text-color)}.tool-savings{color:#4ade80;font-weight:700}.tool-crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;align-self:center;max-width:100%;display:inline-block;position:relative}.tool-crop-stage img{border-radius:var(--radius-sm);max-width:100%;max-height:480px;display:block}.tool-crop-selection{border:2px solid var(--primary);pointer-events:none;background:#ffffff26;position:absolute}.tool-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.tool-page-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;margin:0;overflow:hidden}.tool-page-card img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.tool-page-card figcaption{color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;display:flex}.tool-page-actions{gap:4px;display:flex}.tool-page-actions button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 6px;display:inline-flex}.tool-page-actions button:hover:not(:disabled){color:var(--text-color);border-color:var(--primary)}.tool-page-actions button:disabled{opacity:.35;cursor:default}.tool-favicon-previews{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.tool-favicon-previews figure{text-align:center;margin:0}.tool-favicon-previews img{border:1px solid var(--border);image-rendering:auto;border-radius:6px}.tool-favicon-previews figcaption{color:var(--text-muted);margin-top:6px;font-size:.75rem}.tool-snippet{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;overflow:hidden}.tool-snippet-head{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;display:flex}.tool-snippet pre{color:var(--text-color);font-size:.78rem;font-family:var(--font-mono,monospace);margin:0;padding:14px 16px;line-height:1.5;overflow-x:auto}.tool-snippet-clamp{overflow-wrap:anywhere;white-space:pre-wrap;max-height:140px;overflow:hidden auto}.tool-meta-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tool-meta-row{border-bottom:1px solid var(--border);gap:12px;padding:9px 16px;font-size:.82rem;display:flex}.tool-meta-row:last-child{border-bottom:none}.tool-meta-row:nth-child(odd){background:#ffffff05}.tool-meta-key{color:var(--text-muted);overflow-wrap:anywhere;flex:0 0 40%}.tool-meta-value{color:var(--text-color);overflow-wrap:anywhere}.tool-swatch-row{flex-wrap:wrap;gap:12px;display:flex}.tool-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:100px;min-width:100px;height:84px;position:relative}.tool-swatch span{color:#fff;font-size:.72rem;font-family:var(--font-mono,monospace);background:#000000a6;border-radius:999px;padding:2px 8px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tool-picker-canvas{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:crosshair;max-width:100%}.tool-picker-readout{color:var(--text-muted);font-size:.88rem;font-family:var(--font-mono,monospace);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.tool-picker-readout i{border:1px solid var(--border);vertical-align:-3px;border-radius:4px;width:16px;height:16px;margin-right:6px;display:inline-block}.tool-picker-readout strong{color:var(--text-color)}.tool-qr-preview img{border-radius:var(--radius-sm);background:#fff;padding:12px}.tool-ocr-output textarea{background:var(--bg-input,#ffffff0d);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:100%;min-height:240px;color:var(--text-color);resize:vertical;padding:14px;font-size:.88rem;line-height:1.6}.tool-seo-section{margin-top:48px}.tool-seo-section h2{font-family:var(--font-heading);margin-bottom:18px;font-size:1.3rem;font-weight:700}.tool-howto{color:var(--text-muted);flex-direction:column;gap:10px;padding-left:22px;line-height:1.6;display:flex}.tool-faq{flex-direction:column;gap:10px;display:flex}.tool-faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;overflow:hidden}.tool-faq summary{cursor:pointer;color:var(--text-color);padding:14px 18px;font-weight:600;list-style:none}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq details[open] summary{border-bottom:1px solid var(--border)}.tool-faq details p{color:var(--text-muted);padding:14px 18px;line-height:1.6}.tool-related{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.tool-related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px 18px;transition:border-color .2s,transform .2s;display:flex}.tool-related-card:hover{border-color:var(--primary);transform:translateY(-2px)}.tool-related-card strong{color:var(--text-color);font-size:.92rem}.tool-related-card span{color:var(--text-muted);font-size:.8rem;line-height:1.5}.tools-hub-search{max-width:480px;margin:0 auto 36px}.tools-hub-search input{background:var(--bg-input,#ffffff0d);border:1px solid var(--border);width:100%;color:var(--text-color);border-radius:999px;padding:13px 22px;font-size:.95rem}.tools-hub-category{margin-bottom:44px}.tools-hub-category>h2{font-family:var(--font-heading);margin-bottom:4px;font-size:1.25rem;font-weight:700}.tools-hub-category>p{color:var(--text-muted);margin-bottom:18px;font-size:.88rem}.tools-hub-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.tools-hub-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:18px 20px;transition:border-color .2s,transform .2s;display:flex}.tools-hub-card:hover{border-color:var(--primary);transform:translateY(-2px)}.tools-hub-card strong{color:var(--text-color);align-items:center;gap:8px;font-size:.95rem;display:flex}.tools-hub-card span{color:var(--text-muted);font-size:.8rem;line-height:1.5}.tools-hub-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:1px 7px;font-size:.62rem;font-weight:700}.coffee-badge{overflow:visible}.settings-page{max-width:760px;margin:0 auto;padding:0 20px 80px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px 28px}.settings-section.danger{border-color:#f43f5e4d}.settings-section-title{font-family:var(--font-heading);color:var(--text-color);align-items:center;gap:8px;margin-bottom:18px;font-size:1.1rem;font-weight:600;display:flex}.settings-section-title svg{color:var(--primary)}.settings-section-title.danger,.settings-section-title.danger svg{color:#f43f5e}.settings-row{border-top:1px solid var(--border);align-items:center;gap:16px;padding:12px 0;display:flex}.settings-row:first-of-type{border-top:none}.settings-label{width:120px;color:var(--text-muted);flex-shrink:0;font-size:.9rem;font-weight:500}.settings-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-color);font-size:.95rem;font-family:var(--font-body);background:#ffffff08;outline:none;flex:1;padding:11px 14px}[data-theme=light] .settings-input{background:#fff}.settings-input:disabled{opacity:.6}.settings-input:focus{border-color:var(--primary)}.settings-actions{justify-content:flex-end;margin-top:16px;display:flex}.settings-actions .btn-primary{align-items:center;gap:8px;display:inline-flex}.settings-hint{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.settings-note{color:var(--text-muted);margin-top:12px;font-size:.78rem;font-style:italic}.avatar-row .avatar-edit{align-items:center;gap:16px;display:flex}.settings-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:64px;height:64px}.settings-avatar.fallback{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.avatar-edit-btns{gap:10px;display:flex}.avatar-edit-btns .btn-outline{align-items:center;gap:6px;display:inline-flex}.btn-text-danger-btn{border:1px solid var(--border);color:#f43f5e;cursor:pointer;font-family:var(--font-body);background:0 0;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;display:inline-flex}.btn-text-danger-btn:hover{border-color:#f43f5e}.avatar-picker{flex:1}.avatar-option.upload{color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.toggle-row{justify-content:space-between}.theme-switch,.theme-choice{align-items:center;display:inline-flex}.theme-switch{gap:8px}.theme-choice{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);background:#ffffff08;border-radius:50px;gap:6px;padding:8px 16px}[data-theme=light] .theme-choice{background:#0f172a08}.theme-choice.active{background:var(--primary);border-color:var(--primary);color:#fff}.switch{background:var(--border);cursor:pointer;border:none;border-radius:50px;flex-shrink:0;width:46px;height:26px;transition:background .2s;position:relative}.switch.on{background:var(--primary)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on .switch-knob{transform:translate(20px)}.connected-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px;display:flex}[data-theme=light] .connected-row{background:#0f172a05}.connected-left{align-items:center;gap:10px;font-weight:500;display:flex}.connected-right{align-items:center;gap:12px;display:flex}.badge-connected{color:#10b981;background:#10b98126;border-radius:50px;padding:4px 10px;font-size:.72rem;font-weight:700}.device-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:14px;padding:14px;display:flex}[data-theme=light] .device-row{background:#0f172a05}.device-icon{color:var(--text-muted);font-size:1.6rem}.device-info{flex-direction:column;flex:1;display:flex}.device-name{font-weight:600}.device-meta{color:var(--text-muted);font-size:.8rem}.btn-danger{color:#fff;cursor:pointer;font-family:var(--font-body);background:#f43f5e;border:none;border-radius:50px;padding:10px 18px;font-size:.9rem;font-weight:600}.btn-danger:hover{background:#e11d48}.delete-confirm{border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e4d;padding:18px}.delete-confirm p{color:var(--text-color);margin-bottom:14px}.delete-confirm-btns{justify-content:flex-end;gap:12px;display:flex}.help-container{max-width:760px;margin:0 auto;padding:0 20px 80px}.help-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px;display:grid}.help-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-color);flex-direction:column;align-items:center;gap:10px;padding:24px;font-weight:500;transition:all .2s;display:flex}.help-card svg{color:var(--primary);font-size:1.8rem}.help-card:hover{border-color:var(--primary);transform:translateY(-3px)}.help-heading{font-family:var(--font-heading);margin-bottom:18px;font-size:1.3rem}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.faq-q{width:100%;color:var(--text-color);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:.95rem;font-weight:500;display:flex}.faq-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-caret{transform:rotate(180deg)}.faq-a{color:var(--text-muted);padding:0 18px 16px;font-size:.92rem;line-height:1.7}.help-cta{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:40px;padding:32px}.help-cta p{color:var(--text-muted);margin-bottom:16px}.search-explore{flex-direction:column;gap:36px;max-width:900px;margin:0 auto;padding-top:20px;display:flex}.explore-head{font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.explore-head svg{color:var(--primary)}.explore-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.explore-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);font-weight:500;font-family:var(--font-body);flex-direction:column;align-items:center;gap:10px;padding:22px 12px;transition:all .2s;display:flex}.explore-tile:hover{border-color:var(--tile);transform:translateY(-4px)}.explore-emoji{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}@media (width<=700px){.help-cards{grid-template-columns:1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}.settings-row{flex-direction:column;align-items:stretch}.settings-label{width:auto}}