:root{--bg:#0a0a0c;--bg-elevated:#111114;--bg-inset:#08080a;--text:#f5f5f7;--text-muted:#a1a1aa;--text-subtle:#8b8b95;--border:#ffffff17;--border-strong:#ffffff29;--bg-color:var(--bg);--bg-card:var(--bg-elevated);--text-color:var(--text);--card-bg:#ffffff08;--primary:#8b7cf6;--primary-hover:#7c6bf0;--accent:#ec6ba6;--accent-soft:#8b7cf61f;--favorited:#fb7185;--favorite:var(--favorited);--text-primary:var(--text);--text-secondary:var(--text-muted);--text-accent:var(--primary);--text-inverse:#0a0a0c;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--success-soft:#22c55e24;--warning-soft:#f59e0b24;--danger-soft:#ef444424;--info-soft:#38bdf824;--glass-bg:#111114a8;--glass-border:#ffffff1a;--glass-shadow:0 8px 28px #0000005c;--glass-blur:blur(18px);--font-display:"Satoshi", "Outfit", sans-serif;--font-heading:"Outfit", "Satoshi", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--nav-height:80px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--transition:var(--dur) var(--ease-out);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:3.5rem;--fs-display:clamp(2.75rem, 5vw, 4.25rem);--fs-h1:clamp(2rem, 3.5vw, 3rem);--fs-h2:2rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-lg:1.125rem;--fs-base:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 2px #0000000f, 0 2px 6px #00000014;--shadow-md:0 2px 4px #0000000f, 0 8px 20px #0000001f;--shadow-lg:0 4px 10px #00000014, 0 20px 44px #0003}[data-theme=light]{--bg:#fbfbfa;--bg-elevated:#fff;--bg-inset:#f4f4f2;--text:#18181b;--text-muted:#52525b;--text-subtle:#6c6c75;--border:#18181b1a;--border-strong:#18181b2e;--card-bg:#18181b05;--primary:#6d5ae6;--primary-hover:#5b48d6;--accent:#d94e8f;--accent-soft:#6d5ae61a;--favorited:#e5486a;--text-inverse:#fff;--success:#15803d;--warning:#b45309;--danger:#dc2626;--info:#0284c7;--success-soft:#15803d1a;--warning-soft:#b453091a;--danger-soft:#dc26261a;--info-soft:#0284c71a;--glass-bg:#ffffffb8;--glass-border:#18181b1a;--glass-shadow:0 8px 28px 0 #18181b0f;--shadow-xs:0 1px 2px #18181b0a;--shadow-sm:0 1px 2px #18181b0a, 0 2px 6px #18181b0f;--shadow-md:0 2px 4px #18181b0d, 0 8px 20px #18181b14;--shadow-lg:0 4px 10px #18181b0f, 0 20px 44px #18181b1f}*{box-sizing:border-box;margin:0;padding:0}.text-pretty{text-wrap:pretty}img,canvas,video{max-width:100%}img,video{height:auto}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,select,textarea{cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;font-family:inherit}input[type=text],input[type=search],input[type=email],input[type=password],textarea{cursor:text}::placeholder{color:var(--text-subtle);opacity:1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.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:var(--text-color);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:var(--card-bg);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:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;padding:0 4%;display:flex;position:fixed;top:0;left:0}.logo{font-family:var(--font-display);color:var(--text);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:28px;display:flex}.nav-links>a{font-weight:500;font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:-.01em;position:relative}.nav-links>a:hover,.nav-links>a.active{color:var(--text)}.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:var(--space-xs);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;overflow:hidden}.avatar-circle img{object-fit:cover;width:100%;height:100%}.btn-icon{background:var(--card-bg);border:1px solid var(--border);width:42px;height:42px;color:var(--text-color);transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.btn-icon:hover{background:var(--accent-soft);border-color:var(--primary);color:var(--primary)}.fav-count-badge{background:var(--favorited);color:#fff;text-align:center;border:2px solid var(--bg-color);border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.nav-mobile-controls{align-items:center;gap:8px;display:none}.nav-hamburger{background:var(--card-bg);border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s;display:inline-flex}.nav-hamburger:hover{background:#ffffff14}@media (width<=1024px){.nav-links{display:none}.nav-mobile-controls{display:flex}}.mobile-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border);width:min(82vw,340px);height:100dvh;padding:calc(var(--nav-height) + 24px) 24px 32px;z-index:120;flex-direction:column;justify-content:space-between;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #0006}.mobile-menu.open{transform:translate(0)}.mobile-menu-links{flex-direction:column;gap:4px;display:flex}.mobile-menu-links a{color:var(--text-muted);border-radius:12px;padding:14px 12px;font-size:1.15rem;font-weight:600;transition:all .2s}.mobile-menu-links a:hover,.mobile-menu-links a.active{color:var(--text);background:#ffffff0f}.mobile-menu-footer{flex-direction:column;gap:12px;display:flex}.mobile-auth{flex-direction:column;gap:10px;display:flex}.mobile-auth .btn-outline,.mobile-auth .btn-primary,.mobile-menu-footer>.btn-outline{justify-content:center;width:100%;padding:12px}.mobile-menu-backdrop{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000e6;position:fixed;inset:0}.hero{text-align:center;justify-content:center;max-width:900px;margin:0 auto;padding:80px 5% 40px;display:flex}.hero-content{flex-direction:column;align-items:center;display:flex}.badge{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;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:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1.05rem}.search-input-wrapper input[type=text]::placeholder{color:var(--text-subtle);opacity:1}.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{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.trend-tag{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--fs-sm);transition:var(--transition);padding:6px 16px}.trend-tag:hover{background:var(--accent-soft);border-color:var(--primary);color:var(--text)}.gallery-container{padding:0 4% var(--space-4xl);max-width:1600px;margin:0 auto}.gallery-header{margin-bottom:var(--space-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-md)}.gallery-header h2{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em}.image-grid{columns:1;column-gap:var(--space-md)}@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;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--bg-card);cursor:zoom-in;will-change:transform;border:1px solid var(--border);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);position:relative;overflow:hidden;transform:translateZ(0)}.img-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.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);width:42px;height:42px;color:var(--text-color);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:var(--text-color);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);width:95%;max-width:1300px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.96)translateY(20px)}.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{padding:var(--space-lg) var(--space-xl);background:var(--bg-elevated);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.photographer{align-items:center;gap:var(--space-md);display:flex}.photographer img{border:2px solid var(--border);border-radius:50%;width:50px;height:50px}.photographer h4{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em;margin-bottom:2px}.photographer a{color:var(--text-muted);font-size:var(--fs-sm)}.related-strip{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.related-title{font-family:var(--font-heading);font-size:var(--fs-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-sm);font-weight:700}.related-grid{gap:var(--space-xs);grid-template-columns:repeat(3,1fr);display:grid}.related-thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-inset);cursor:pointer;transition:var(--transition);padding:0;position:relative;overflow:hidden}.related-play{color:#fff;pointer-events:none;background:#00000040;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.related-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease-out);display:block}.related-thumb:hover{border-color:var(--primary)}.related-thumb:hover img{transform:scale(1.06)}.related-skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--bg-inset) 30%, var(--card-bg) 50%, var(--bg-inset) 70%);background-size:200% 100%;animation:1.2s infinite studio-shimmer}.related-empty{color:var(--text-muted);font-size:var(--fs-sm)}.source-badge{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;align-items:center;margin-top:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.modal-actions{align-items:center;gap:16px;display:flex}.icon-btn-large{width:52px;height:52px;color:var(--text-color);cursor:pointer;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{max-width:440px;padding:var(--space-2xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header .logo{margin-bottom:var(--space-md);justify-content:center}.auth-header .logo i{font-size:2.5rem}.auth-header h3{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em;margin-bottom:var(--space-xs)}.auth-header p{color:var(--text-muted);font-size:var(--fs-sm)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{font-size:var(--fs-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.input-group input{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--fs-base);transition:var(--transition);padding:13px 15px}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.w-100{width:100%;margin-top:var(--space-xs)}.auth-toggle{text-align:center;margin-top:var(--space-lg);font-size:var(--fs-sm);color:var(--text-muted)}.footer{background:var(--bg-inset);border-top:1px solid var(--border);padding:var(--space-4xl) 5% var(--space-2xl);margin-top:var(--space-4xl)}.footer-content{justify-content:space-between;gap:var(--space-2xl);max-width:1400px;margin:0 auto var(--space-3xl);flex-wrap:wrap;display:flex}.footer-brand{flex:1;min-width:300px;max-width:400px}.footer-brand .logo{margin-bottom:var(--space-lg)}.footer-brand p{color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.8}.social-links{gap:var(--space-sm);display:flex}.social-links a{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);width:40px;height:40px;color:var(--text);transition:var(--transition);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.social-links a:hover{background:var(--accent-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.footer-links{gap:var(--space-4xl);flex-wrap:wrap;display:flex}.link-group{gap:var(--space-md);flex-direction:column;display:flex}.link-group h4{font-family:var(--font-heading);font-size:var(--fs-base);margin-bottom:var(--space-2xs)}.link-group a{color:var(--text-muted);font-size:var(--fs-sm);transition:color var(--dur) var(--ease-out)}.link-group a:hover{color:var(--text)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--border);color:var(--text-subtle);font-size:var(--fs-sm)}.my-collections{max-width:1600px;margin:0 auto;padding:0 5% 40px}.my-collections-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.my-collections-head h2{font-family:var(--font-heading);font-size:var(--fs-h4);color:var(--text);margin:0}.my-collections-create{gap:8px;margin-bottom:20px;display:flex}.my-collections-create input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset);max-width:380px;color:var(--text);font-size:var(--fs-base);outline:none;flex:1;padding:11px 14px}.my-collections-create input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.my-collections-create .btn-primary,.my-collections-create .btn-outline{border-radius:var(--radius-md);align-items:center;padding:0 14px;display:inline-flex}.my-collections-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.my-collection-card{position:relative}.my-collection-open{width:100%;padding:var(--space-lg);text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;transition:var(--transition);flex-direction:column;gap:6px;display:flex}.my-collection-open:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.my-collection-name{font-size:var(--fs-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.my-collection-count{font-size:var(--fs-xs);color:var(--text-muted)}.my-collection-del{background:var(--bg-color);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:0;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.my-collection-card:hover .my-collection-del{opacity:1}.my-collection-del:hover{color:var(--danger,#ef4444);border-color:var(--danger,#ef4444)}.my-collections-empty{color:var(--text-muted);font-size:var(--fs-sm)}.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{display:none}.nav-mobile-controls{display:flex}.navbar{padding:0 5%}.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{padding:calc(var(--nav-height) + 32px) 5% 40px;text-align:center;max-width:800px;margin:0 auto}.page-header h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;margin-bottom:var(--space-md);line-height:1.08}.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{background:var(--card-bg);transition:var(--transition);background:linear-gradient(135deg,#05051099 0%,#8b5cf666 100%);position:absolute;inset:0}.cat-card h3{z-index:10;color:var(--text-color);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{max-width:900px;color:var(--text-color);margin:0 auto;padding:0 5% 100px;font-size:1.05rem}.legal-container h2{color:var(--text-color);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);background:#0a0a1699;flex-direction:column;gap:24px;padding:40px;display:flex}.contact-form textarea{background:var(--bg-inset);border:1px solid var(--border);width:100%;padding:var(--space-md);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-base);resize:vertical;min-height:150px;transition:var(--transition);outline:none;font-family:inherit}.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.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}.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}}.footer-disclaimer{max-width:900px;color:var(--text-muted);opacity:.85;margin:0 auto 12px;font-size:12px;line-height:1.6}.license-table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:14px}.license-table th,.license-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.license-table th{color:var(--text-color);white-space:nowrap;font-weight:600}.license-table td{color:var(--text-muted)}.license-table a{color:var(--accent)}.status-line{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-dot.up{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.status-dot.down{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.pricing-card.popular{transform:translateY(-6px)}.pricing-card.popular:hover{transform:translateY(-10px)}@media (width<=900px){.pricing-card.popular,.pricing-card.popular:hover{transform:none}}[data-theme=light] .pricing-card{background:#fff;border-color:#0f172a1a;box-shadow:0 4px 20px #0f172a0f}[data-theme=light] .pricing-card:before{background:radial-gradient(at top,#8b5cf60d,#0000 60%)}[data-theme=light] .pricing-card:hover{border-color:#8b5cf673;box-shadow:0 16px 44px #0f172a1f,0 0 30px #8b5cf61a}[data-theme=light] .pricing-card.popular{border:2px solid var(--primary);background:linear-gradient(#8b5cf612,#fff 55%);box-shadow:0 14px 44px #8b5cf633}[data-theme=light] .price-display{border-bottom-color:#0f172a1a}[data-theme=light] .plan-description,[data-theme=light] .price-period{color:#475569}[data-theme=light] .pricing-card h3,[data-theme=light] .price-amount{color:#0f172a}[data-theme=light] .pricing-cta.cta-outline{color:#0f172a;border-color:#0f172a2e}[data-theme=light] .pricing-cta.cta-outline:hover{border-color:var(--primary);background:#8b5cf60f}.home-pricing{max-width:1100px;margin:var(--space-2xl) auto 0;text-align:center;padding:var(--space-3xl) 5%;background:var(--card-bg);border-top:1px solid var(--border)}.home-pricing h2{font-family:var(--font-heading);margin-bottom:var(--space-xs);font-size:clamp(1.6rem,3vw,2.2rem)}.home-pricing>p{color:var(--text-muted);margin-bottom:var(--space-xl);max-width:560px;margin-left:auto;margin-right:auto}.home-pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.home-plan{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);text-align:left;flex-direction:column;gap:6px;padding:24px 20px;display:flex}.home-plan.featured{border:2px solid var(--primary);box-shadow:0 10px 30px #8b5cf626}.home-plan .hp-name{font-weight:700;font-family:var(--font-heading)}.home-plan .hp-price{font-size:1.8rem;font-weight:800;font-family:var(--font-heading)}.home-plan .hp-price span{color:var(--text-muted);font-size:.85rem;font-weight:500}.home-plan .hp-note{color:var(--text-muted);font-size:.85rem}[data-theme=light] .home-plan{background:#fff;border-color:#0f172a1a;box-shadow:0 4px 16px #0f172a0d}[data-theme=light] .home-plan.featured{border-color:var(--primary);box-shadow:0 10px 30px #8b5cf62e}@media (width<=760px){.home-pricing-grid{grid-template-columns:1fr}}.field-error{color:var(--danger,#ef4444);margin-top:4px;font-size:13px;display:block}.contact-social{text-align:center;color:var(--text-muted);margin-top:22px;font-size:14px}.contact-social-links{gap:14px;margin-top:10px;display:inline-flex}.contact-social-links a,.mobile-menu-social a{border:1px solid var(--border);width:42px;height:42px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.contact-social-links a:hover,.mobile-menu-social a:hover{border-color:var(--primary);color:var(--primary)}.mobile-menu-social{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.image-modal-content{flex-direction:row}.image-modal-content .modal-image-container{background:var(--bg-color);flex:2}.image-modal-content .modal-info{border-top:none;border-left:1px solid var(--border);flex-direction:column;flex:1;align-items:flex-start;min-width:350px;max-width:450px;padding:32px;overflow-y:auto}.image-modal-content .modal-actions{flex-wrap:wrap;width:100%}.studio-layout{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);font-family:var(--font-body);z-index:1000;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.studio-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;height:54px;min-height:54px;padding:0 20px;display:flex}.studio-topbar-left,.studio-topbar-center,.studio-topbar-right{align-items:center;gap:12px;display:flex}.studio-topbar-center{flex:1;justify-content:center}.studio-workspace{flex:1;display:flex;overflow:hidden}.studio-sidebar{background:var(--bg-card);border-right:1px solid var(--border);z-index:10;flex-direction:column;align-items:center;gap:8px;width:88px;padding:16px 0;display:flex;overflow-y:auto}.studio-tab{width:56px;height:56px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 0;transition:all .2s;display:flex}.studio-tab:hover{background:var(--card-bg);color:var(--text)}.studio-tab.active{background:var(--accent-soft);color:var(--primary)}.studio-tab span{font-size:10px;font-weight:500}.studio-context-panel{background:var(--bg-color);border-right:1px solid var(--border);z-index:9;flex-direction:column;width:320px;display:flex}.studio-panel-header{border-bottom:1px solid var(--border);padding:16px 20px}.studio-panel-header h2{margin:0;font-size:16px;font-weight:600}.studio-panel-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.studio-canvas-area{background:var(--bg-color);touch-action:none;background-image:radial-gradient(#8080801f 1px,#0000 1px);background-size:16px 16px;flex:1;position:relative;overflow:hidden}.studio-canvas-area.panning{cursor:grab}.studio-canvas-area.panning:active{cursor:grabbing}.studio-canvas-stage{position:absolute;box-shadow:0 20px 40px #0003}.studio-canvas-container{position:relative}.studio-right-panel{background:var(--bg-card);border-left:1px solid var(--border);z-index:9;flex-direction:column;width:280px;display:flex}.studio-btn-icon{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.studio-btn-icon:hover{background:var(--accent-soft);color:var(--primary)}.studio-label{color:var(--text-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:12px;font-weight:500;display:flex}.studio-label input,.studio-label select{border:1px solid var(--border);background:var(--bg-color);color:var(--text-color);border-radius:8px;padding:8px 12px;font-size:13px}.studio-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:20px 0 12px;font-size:11px;font-weight:700}.studio-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.studio-template-card{cursor:pointer;background:var(--bg-card);border:2px solid #0000;border-radius:12px;transition:all .2s;overflow:hidden}.studio-template-card:hover{border-color:var(--primary);transform:translateY(-2px)}.studio-template-card img{width:100%;height:auto;display:block}@media (width<=768px){.studio-workspace{flex-direction:column-reverse}.studio-sidebar{border-right:none;border-top:1px solid var(--border);flex-direction:row;justify-content:space-around;width:100%;height:64px;padding:0 8px}.studio-tab{width:auto;height:100%;padding:0 12px}.studio-context-panel,.studio-right-panel{border-right:none;border-top:1px solid var(--border);width:100%;max-height:40vh;position:absolute;bottom:64px;left:0}.studio-right-panel{border-left:none}.studio-canvas-area{padding:16px}.image-modal-content{flex-direction:column;max-height:95vh}.image-modal-content .modal-info{border-left:none;border-top:1px solid var(--border);min-width:100%;padding:20px}.image-modal-content .modal-image-container{min-height:250px}}[data-theme=light] .badge{color:#475569;background:#0f172a0d}[data-theme=light] .input-group input:focus,[data-theme=light] .contact-form textarea:focus{background:#fff}[data-theme=light] .mobile-menu-backdrop{background:#fffc}[data-theme=light] .license-table th{color:#0f172a}[data-theme=light] .provider-status-panel span,[data-theme=light] .provider-status-panel h3{color:#0f172a!important}.sf-select{appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-sm);cursor:pointer;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;outline:none;padding:8px 32px 8px 12px;font-weight:500}[data-theme=light] .sf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.sf-select:hover,.sf-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf626}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.modal-overlay{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#05051099}[data-theme=light] .modal-overlay{background:#0f172a6b}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.modal-overlay{background:#050510d9}[data-theme=light] .modal-overlay{background:#0f172a94}}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:#0f172a;background:#fff;border-color:#0f172a26}[data-theme=light] .studio-canvas-area{background-image:radial-gradient(#0f172a14 1px,#0000 1px)}.about-section{max-width:1200px;padding:var(--space-xl) 5%;margin:0 auto}.about-grid{gap:var(--space-2xl);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}@media (width<=900px){.about-grid{gap:var(--space-xl);grid-template-columns:1fr}}.about-stats{gap:var(--space-md);flex-direction:column;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--primary);margin-bottom:var(--space-2xs);font-weight:800;line-height:1}.stat-label{font-size:var(--font-sm);color:var(--text-muted)}.values-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.value-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.value-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.value-icon{color:var(--primary);margin-bottom:var(--space-sm)}.value-card h3{font-family:var(--font-heading);letter-spacing:-.01em;font-size:var(--fs-h4);margin-bottom:var(--space-xs)}.value-card p{font-size:var(--font-sm);color:var(--text-muted);line-height:1.6}.about-cta{text-align:center;padding:var(--space-2xl) 5%}.about-social{justify-content:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.about-social-link{align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border);padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);transition:var(--transition);color:var(--text-color);border-radius:50px;font-weight:600;display:inline-flex}.about-social-link:hover{border-color:var(--primary);background:var(--card-bg)}.contact-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.contact-row{grid-template-columns:1fr}}.category-select{gap:var(--space-xs);margin-top:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.category-option{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-muted);transition:var(--transition);cursor:pointer;font-weight:600;display:inline-flex}.category-option:hover{border-color:var(--primary);color:var(--text-color)}.category-option.active{background:var(--primary);border-color:var(--primary);color:#fff}.form-status{font-size:var(--font-sm);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.form-status.ok{background:var(--success-soft);color:var(--success)}.form-status.error{background:var(--danger-soft);color:var(--danger)}html{scroll-behavior:smooth}.hero.hero-v2{text-align:left;max-width:none;padding:calc(var(--nav-height) + 72px) 5% var(--space-4xl);margin:0;display:block}.hero-grid{gap:var(--space-3xl);grid-template-columns:1.1fr .9fr;align-items:center;max-width:1400px;margin:0 auto;display:grid}.hero-copy{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-copy .badge{margin-bottom:var(--space-lg)}.hero-copy h1{text-align:left;margin-bottom:var(--space-md);font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:-.035em;font-weight:800;line-height:1.04}.hero-copy p{text-align:left;max-width:30ch;font-size:var(--fs-lg);color:var(--text-muted);line-height:1.6}.hero-cta-row{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.hero-search-row{gap:var(--space-sm);width:100%;margin-bottom:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.hero-search-row .search-form{flex:1;min-width:280px;margin-bottom:0}.search-type-select{border-left:1px solid var(--border);flex-shrink:0;align-items:center;margin-left:6px;padding-left:10px;display:flex}.search-type-select select{color:var(--text-muted);appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") 100%/12px no-repeat;border:none;padding-right:18px;font-size:.85rem;font-weight:600}.search-submit-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-left:4px;font-size:1.1rem;display:flex}.search-submit-btn:hover{transform:scale(1.05)}.ai-search-btn{white-space:nowrap;flex-shrink:0}.media-pills{gap:var(--space-xs);flex-wrap:wrap;display:flex}.media-pill{border-radius:var(--radius-pill);font-size:var(--fs-sm);background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);transition:var(--transition);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.media-pill:hover{color:var(--text);border-color:var(--border-strong)}.media-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.hero-visual{height:480px;display:block;position:relative}.hero-float-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);position:absolute;overflow:hidden}.hero-float-card img{object-fit:cover;width:100%;height:100%;display:block}.hero-float-badge{color:#fff;background:#0009;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.hero-float-play{width:48px;height:48px;color:var(--bg-color);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-trust-card{z-index:5;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:12px 18px;display:flex;position:absolute}.hero-trust-card .icon{color:var(--favorited);font-size:1.4rem}.hero-trust-card strong{font-size:1.05rem;display:block}.hero-trust-card span{color:var(--text-muted);font-size:.8rem}@media (width<=1100px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy{text-align:center;align-items:center}.hero-copy h1,.hero-copy p{text-align:center}.hero-copy p{max-width:600px}.hero-cta-row,.media-pills{justify-content:center}}@media (width<=640px){.hero.hero-v2{padding-top:calc(var(--nav-height) + 32px)}.hero-search-row{flex-direction:column;align-items:stretch}}.hero-stats-bar{justify-content:center;gap:var(--space-3xl);max-width:1100px;padding:var(--space-xl) 5%;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;margin:0 auto;display:flex}.hero-stat{align-items:center;gap:var(--space-sm);display:flex}.hero-stat .icon{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--border);width:44px;height:44px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.hero-stat strong{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;display:block}.hero-stat span{font-size:var(--fs-sm);color:var(--text-muted)}.section-eyebrow{text-align:center;color:var(--primary);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);display:block}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-2xl)}.section-header h2{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;margin-bottom:var(--space-sm);line-height:1.1}.section-header p{color:var(--text-muted);font-size:var(--fs-lg)}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1300px;margin:0 auto;padding:0 5%;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);padding-right:calc(var(--space-lg) + 28px);transition:var(--transition);position:relative}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon-wrap{border-radius:var(--radius-md);width:52px;height:52px;margin-bottom:var(--space-md);background:var(--accent-soft);color:var(--primary);justify-content:center;align-items:center;display:flex}.feature-card h4{font-family:var(--font-heading);font-size:var(--fs-h4);margin-bottom:var(--space-xs);letter-spacing:-.01em}.feature-card p{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.6}.feature-card .card-arrow{bottom:var(--space-lg);right:var(--space-lg);color:var(--text-muted);transition:var(--transition);position:absolute}.feature-card:hover .card-arrow{color:var(--primary);transform:translate(3px)}.home-features-section{padding:var(--space-4xl) 5%}.ad-slot{max-width:1100px;margin:0 auto;padding:0 5%}.ad-premium-card{text-align:center;align-items:center;gap:var(--space-sm);max-width:900px;padding:var(--space-xl) var(--space-lg);background:linear-gradient(180deg, #8b5cf614, var(--bg-card) 60%);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.ad-premium-icon{color:var(--primary)}.ad-premium-card h4{font-size:var(--font-xl);margin:0}.ad-premium-card p{color:var(--text-muted);max-width:480px;margin:0 0 var(--space-xs)}.ad-dismiss{width:32px;height:32px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.ad-dismiss:hover{background:var(--card-bg);color:var(--text-color)}.ad-label{color:var(--text-muted);opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;position:absolute;top:10px;left:14px}.btn-google{border-radius:var(--radius-sm);color:#1f2937;background:#fff;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:.95rem;font-weight:600;display:flex}.btn-google:hover{background:#f1f5f9}[data-theme=light] .btn-google{border-color:#0f172a1f}.auth-divider{margin:var(--space-md) 0;color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--primary);font-size:.8rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.auth-error{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444440;padding:10px 14px;font-size:.85rem}[data-theme=light] .auth-error{color:#b91c1c}.success-logo{background:var(--success-soft);width:64px;height:64px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:2rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .field-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{padding-left:42px!important;padding-right:42px!important}.input-with-icon .field-toggle{color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1.1rem;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-with-icon .field-toggle:hover{color:var(--text-color)}.auth-terms{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:.8rem;display:flex}.auth-terms input{width:15px;height:15px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.auth-terms a{color:var(--text-color);text-decoration:underline}.products-hero{text-align:center;padding:calc(var(--nav-height) + 48px) 5% 48px;position:relative;overflow:hidden}.products-hero-glow{z-index:-1;background:radial-gradient(circle at 50% 0,#8b5cf62e,#0000 65%);position:absolute;inset:0}.products-hero-content{max-width:700px;margin:0 auto}.products-hero h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;margin-bottom:var(--space-sm);line-height:1.08}.products-hero p{color:var(--text-muted);font-size:var(--font-lg);margin-bottom:var(--space-xl)}.products-stats{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.stat-pill{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-pill .stat-value{font-family:var(--font-heading);font-size:var(--font-2xl);font-weight:800}.stat-pill .stat-label{font-size:var(--font-xs);color:var(--text-muted)}.billing-toggle-section{padding:var(--space-lg) 5%;justify-content:center;display:flex}.billing-toggle{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;gap:4px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--text-muted);border-radius:40px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:600;display:flex}.billing-toggle button.active{background:var(--primary);color:#fff}.save-badge{background:var(--success-soft);color:var(--success);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.pricing-grid{gap:var(--space-lg);max-width:1200px;padding:var(--space-xl) 5% var(--space-3xl);margin:0 auto;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg) var(--space-lg);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);border-color:#8b5cf659}.popular-ribbon{white-space:nowrap;background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card-icon{border-radius:var(--radius-md);color:#fff;width:56px;height:56px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.pricing-card h3{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em;margin-bottom:var(--space-2xs)}.plan-description{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-lg);min-height:40px}.price-display{padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);align-items:baseline;gap:6px;display:flex}.price-amount{font-family:var(--font-heading);font-size:2.4rem;font-weight:800}.price-period{color:var(--text-muted);font-size:var(--font-sm)}.feature-list{margin-bottom:var(--space-xl);flex-direction:column;flex:1;gap:12px;list-style:none;display:flex}.feature-list li{color:var(--text-color);align-items:center;gap:10px;font-size:.9rem;display:flex}.pricing-cta{border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.pricing-cta.cta-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff}.pricing-cta.cta-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-cta.cta-outline{border:1px solid var(--border);color:var(--text-color);background:0 0}.pricing-cta.cta-outline:hover{border-color:var(--primary);background:var(--card-bg)}.products-features-section{padding:var(--space-3xl) 5%;background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.products-cta-banner{text-align:center;max-width:900px;margin:var(--space-3xl) auto;padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);position:relative;overflow:hidden}.cta-banner-glow{z-index:0;background:radial-gradient(circle at 50% 0,#ec489926,#0000 65%);position:absolute;inset:0}.cta-banner-content{z-index:1;position:relative}.cta-banner-content h2{margin-bottom:var(--space-sm);font-size:clamp(1.6rem,3vw,2.2rem)}.cta-banner-content p{color:var(--text-muted);margin-bottom:var(--space-lg)}.cta-banner-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.price-display{flex-wrap:wrap}.popular-ribbon{padding:5px 12px;font-size:.68rem}}.dashboard-layout{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);display:flex;overflow:hidden}.dashboard-sidebar{background:var(--glass-bg);width:252px;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:72px;padding:0 22px;display:flex}.sidebar-header .logo{align-items:center;display:flex}.sidebar-scrollable{padding:var(--space-md) var(--space-sm);flex:1;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;padding:10px 12px;font-size:.88rem;font-weight:600;display:flex}.nav-item svg{flex-shrink:0;font-size:1.05rem}.nav-item:hover{background:var(--card-bg);color:var(--text-color)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#8b5cf626,#ec489914)}.sidebar-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);opacity:.7;margin:var(--space-lg) 12px var(--space-xs);font-size:.68rem;font-weight:700}.sidebar-footer.sidebar-socials{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:14px 20px;display:flex}.icon-btn-small{background:var(--card-bg);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.icon-btn-small:hover{color:var(--primary);border-color:var(--primary)}.dashboard-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.dashboard-header{z-index:100;height:68px;padding:0 var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.header-left{flex:1;align-items:center;max-width:420px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.dashboard-header-search{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:var(--transition);align-items:center;gap:10px;padding:9px 14px;display:flex}.dashboard-header-search svg{color:var(--text-muted);flex-shrink:0}.dashboard-header-search input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.dashboard-header-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.header-icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative}.header-icon-btn:hover{background:var(--card-bg);color:var(--text-color)}.quick-actions-trigger{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;white-space:nowrap;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.quick-actions-trigger:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.header-popover{z-index:300;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-lg);padding:8px;position:absolute;top:calc(100% + 10px);right:0}.header-popover-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;font-size:.7rem;font-weight:700}.header-popover-empty{text-align:center;color:var(--text-muted);padding:22px 10px;font-size:.85rem}.header-popover-item{border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;align-items:center;gap:10px;padding:10px;font-size:.86rem;font-weight:600;display:flex}.header-popover-item:hover{background:var(--card-bg)}.header-popover-item svg{color:var(--text-muted);flex-shrink:0}.dashboard-content{padding:var(--space-xl) var(--space-2xl) var(--space-3xl);flex:1;overflow-y:auto}@media (width<=900px){.dashboard-sidebar{width:76px}.sidebar-header{justify-content:center;padding:0}.nav-item span,.nav-item{justify-content:center}.nav-item{padding:12px}.sidebar-section-label{text-align:center}.header-left{max-width:none}.dashboard-header-search input::placeholder{color:#0000}.quick-actions-trigger span{display:none}.dashboard-content{padding:var(--space-lg) var(--space-md) var(--space-2xl)}}.profile-menu-container{position:relative}.profile-dropdown{z-index:300;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:250px;box-shadow:var(--shadow-lg);padding:8px;position:absolute;top:calc(100% + 10px);right:0}.dropdown-user-info{align-items:center;gap:12px;padding:10px;display:flex}.avatar-circle-large{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex;overflow:hidden}.avatar-circle-large img{object-fit:cover;width:100%;height:100%}.user-details{min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.dropdown-menu-list{flex-direction:column;gap:2px;list-style:none;display:flex}.menu-item{border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;font-size:.86rem;font-weight:600;display:flex}.menu-item:hover{background:var(--card-bg)}.menu-item.text-danger{color:var(--danger)}.menu-item.text-danger:hover{background:#ef44441a}.menu-item svg{color:var(--text-muted);flex-shrink:0}.menu-item.text-danger svg{color:var(--danger)}.dashboard-home{gap:var(--space-2xl);flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.dashboard-hero h1{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:var(--space-2xs);font-size:clamp(1.6rem,3vw,2.25rem)}.dashboard-subtitle{color:var(--text-muted);margin-bottom:var(--space-lg)}.dashboard-search{background:var(--card-bg);border:1px solid var(--border);max-width:620px;transition:var(--transition);border-radius:50px;align-items:center;gap:10px;padding:6px 6px 6px 20px;display:flex}.dashboard-search svg{color:var(--text-muted);flex-shrink:0}.dashboard-search input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.92rem}.dashboard-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f}.quick-actions-row{margin-top:var(--space-lg);flex-wrap:wrap;gap:12px;display:flex}.quick-action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);transition:var(--transition);border-radius:50px;align-items:center;gap:10px;padding:11px 18px 11px 11px;font-size:.88rem;font-weight:600;display:inline-flex}.quick-action-btn:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-action-btn .qa-icon{width:30px;height:30px;color:var(--primary);background:linear-gradient(135deg,#8b5cf62e,#ec48992e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stats-row .stat-card{text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.stat-text{flex-direction:column;display:flex}.stats-row .stat-value{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15}.stats-row .stat-label{font-size:var(--fs-sm);color:var(--text-muted)}.dashboard-section-block{gap:var(--space-md);flex-direction:column;display:flex}.dashboard-section-block .section-header{text-align:left;justify-content:space-between;align-items:center;gap:var(--space-sm);max-width:none;margin:0;display:flex}.dashboard-section-block .section-header h3{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em;margin:0}.dashboard-section-block .section-header p{display:none}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.category-chip{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:var(--fs-sm);text-align:left;transition:var(--transition);padding:12px 14px;display:flex}.category-chip:hover{border-color:var(--border-strong);transform:translateY(-2px)}.category-chip-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.recent-card{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden}.recent-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.recent-card:hover img{transform:scale(1.05)}.recent-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 45%,#000000a6);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{padding:var(--space-2xl);text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.history-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.history-chip{border-radius:var(--radius-pill);background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm);transition:var(--transition);align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.history-chip:hover{color:var(--text);border-color:var(--border-strong)}.history-empty{color:var(--text-muted);font-size:var(--fs-sm)}@media (width<=640px){.dashboard-search{padding-left:16px}.quick-action-btn{flex:calc(50% - 6px);justify-content:center}}.dashboard-search-page{max-width:1400px;margin:0 auto}.search-explore{gap:var(--space-2xl);flex-direction:column;display:flex}.explore-block{flex-direction:column;gap:14px;display:flex}.explore-head{color:var(--text-color);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.search-suggestions{flex-wrap:wrap;gap:8px;display:flex}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.explore-tile{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-color);transition:var(--transition);flex-direction:column;align-items:center;gap:8px;padding:18px 12px;font-size:.85rem;font-weight:600;display:flex}.explore-tile:hover{border-color:var(--tile,var(--primary));transform:translateY(-2px)}.explore-emoji{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.ai-search-insights{border:1px solid var(--border)}.favorites-grid{columns:1;column-gap:20px}@media (width>=640px){.favorites-grid{columns:2}}@media (width>=1024px){.favorites-grid{columns:3}}@media (width>=1440px){.favorites-grid{columns:4}}.analytics-widgets{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.analytics-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);flex-direction:column;gap:4px;display:flex}.analytics-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:800}.analytics-stat-label{color:var(--text-muted);font-size:.8rem}.analytics-lists{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.analytics-rank{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.analytics-rank h3{margin-bottom:12px;font-size:.92rem}.analytics-rank ol{flex-direction:column;gap:8px;list-style:none;display:flex}.analytics-rank li{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.analytics-rank li b{color:var(--text-color)}.studio-hint{color:var(--text-muted);font-size:.85rem;line-height:1.6}.billing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.billing-plan{padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);align-items:center;gap:16px;display:flex}.billing-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-page{max-width:600px;margin:0 auto}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.profile-preview{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);align-items:center;gap:16px;display:flex}.profile-avatar-img{object-fit:cover;border-radius:50%;width:64px;height:64px}.profile-avatar-fallback{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.4rem;font-weight:800;display:flex}.profile-preview-name{font-size:1.05rem;font-weight:700}.profile-preview-email{color:var(--text-muted);font-size:.85rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;display:grid}.avatar-option{border:2px solid var(--border);background:var(--card-bg);width:56px;height:56px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar-option img{object-fit:cover;width:100%;height:100%}.avatar-option.active{border-color:var(--primary)}.avatar-option.upload{cursor:pointer}.url-row{gap:8px;display:flex}.url-row input{flex:1}.settings-page{gap:var(--space-lg);flex-direction:column;max-width:700px;margin:0 auto;display:flex}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.settings-section.danger{border-color:#ef44444d}.settings-section-title{align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-h4);letter-spacing:-.01em;margin-bottom:var(--space-lg);color:var(--text);display:flex}.settings-section-title.danger{color:var(--danger,#ef4444)}.settings-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{font-size:.9rem;font-weight:600}.settings-input{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:280px;color:var(--text-color);flex:1;padding:9px 12px;font-size:.9rem}.settings-hint{color:var(--text-muted);margin-top:4px;font-size:.8rem}.settings-actions{margin-top:var(--space-md);justify-content:flex-end;display:flex}.toggle-row{align-items:flex-start}.avatar-row{align-items:center}.avatar-edit{align-items:center;gap:14px;display:flex}.settings-avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.settings-avatar.fallback{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-edit-btns{flex-wrap:wrap;gap:8px;display:flex}.avatar-picker-row{flex-direction:column;align-items:stretch}.avatar-picker{flex-direction:column;gap:12px;width:100%;display:flex}.btn-text-danger-btn{color:var(--danger);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.btn-text-danger-btn:hover{text-decoration:underline}.switch{background:var(--border);width:42px;height:24px;transition:var(--transition);border-radius:20px;flex-shrink:0;padding:0;position:relative}.switch.on{background:var(--primary)}.switch-knob{width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.on .switch-knob{transform:translate(18px)}.theme-switch{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;gap:6px;padding:4px;display:inline-flex}.theme-choice{color:var(--text-muted);border-radius:40px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:flex}.theme-choice.active{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff;border-radius:50px;padding:10px 18px;font-size:.88rem;font-weight:600}.btn-danger:hover{filter:brightness(.92)}.delete-confirm{border-radius:var(--radius-md);background:#ef44440f;border:1px solid #ef444433;flex-direction:column;gap:12px;padding:16px;display:flex}.delete-confirm-btns{flex-wrap:wrap;gap:10px;display:flex}@media (width<=640px){.settings-row{flex-direction:column;align-items:flex-start}.settings-input{width:100%;max-width:none}}.subpage-wrap{padding-top:calc(var(--nav-height) + 40px)}.dashboard-content .subpage-wrap,.dashboard-content .page-header{padding-top:0}.dashboard-content .products-hero{padding-top:var(--space-lg)}.nav-links{gap:28px}.nav-links>a{padding:8px 2px;transition:color .2s}.nav-links>a:after{content:"";background:var(--primary);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.nav-links>a:hover:after,.nav-links>a.active:after{width:100%}.download-options{width:100%;position:relative}.download-split{width:100%;display:flex}.download-main{border-top-right-radius:0;border-bottom-right-radius:0;flex:1;padding-left:22px;padding-right:22px}.download-caret{border-left:1px solid #ffffff2e;border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0;width:48px;padding:0}.download-menu{z-index:60;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.download-item{border-radius:var(--radius-sm);text-align:left;color:var(--text-color);transition:var(--transition);align-items:center;gap:12px;padding:10px 12px;display:flex}.download-item:hover{background:var(--card-bg)}.download-item.recommended{background:#8b5cf614}.download-item-icon{border-radius:var(--radius-sm);background:var(--card-bg);width:34px;height:34px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.download-item.recommended .download-item-icon{color:var(--primary);background:linear-gradient(135deg,#8b5cf633,#ec489933)}.download-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.download-item-label{font-size:.88rem;font-weight:600}.download-item-label em{color:var(--primary);font-style:normal;font-weight:600}.download-item-hint{color:var(--text-muted);font-size:.76rem}.download-error{color:var(--danger);margin-top:10px;font-size:.8rem}.download-credit{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);margin-top:12px;padding:12px 14px}.download-credit p{color:var(--text-muted);margin-bottom:8px;font-size:.78rem}.license-copy{text-align:left;border-radius:var(--radius-sm);background:var(--bg-color);border:1px dashed var(--border);width:100%;color:var(--text-color);padding:8px 10px;font-size:.78rem;line-height:1.5}.license-copy:hover{border-color:var(--primary)}@keyframes pf-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.auth-modal-content{animation:.28s cubic-bezier(.16,1,.3,1) pf-pop}.download-menu{animation:.2s ease-out pf-pop}body{transition:background-color var(--dur) var(--ease-in-out), color var(--dur) var(--ease-in-out)}}.studio-topbar,.studio-sidebar,.studio-context-panel,.studio-right-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)}.studio-topbar{box-shadow:var(--shadow-sm)}.studio-wordmark{white-space:nowrap;font-size:14px;font-weight:700}.studio-project-name{background:var(--card-bg);color:var(--text-color);border-radius:var(--radius-sm);max-width:200px;transition:var(--transition);border:1px solid #0000;padding:6px 10px;font-size:13px;font-weight:500}.studio-project-name:hover{border-color:var(--border)}.studio-project-name:focus{border-color:var(--primary);background:var(--bg-color)}.studio-save-status{color:var(--text-muted);align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.save-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.studio-text-presets{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.studio-text-preset{text-align:left;border-radius:var(--radius-sm);background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);transition:var(--transition);padding:12px 14px}.studio-text-preset:hover{border-color:var(--primary)}.studio-thumb-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.studio-thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-color);cursor:pointer;transition:var(--transition);padding:0;overflow:hidden}.studio-thumb img{object-fit:cover;width:100%;height:100%;display:block}.studio-thumb:hover{border-color:var(--primary);transform:translateY(-2px)}.studio-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:32px 16px;font-size:13px;display:flex}.studio-empty p{max-width:220px;margin:0}.studio-skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--card-bg) 30%, #ffffff0f 50%, var(--card-bg) 70%);background-size:200% 100%;animation:1.2s infinite studio-shimmer}@keyframes studio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.studio-swatch-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px;display:grid}.studio-swatch{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:8px}.studio-swatch:hover{border-color:var(--primary);transform:scale(1.08)}.studio-grad-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.studio-grad{aspect-ratio:16/10;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.studio-grad:hover{border-color:var(--primary);transform:translateY(-2px)}.studio-font-row{text-align:left;border-radius:var(--radius-sm);background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);padding:10px 12px;font-size:15px}.studio-font-row:hover{border-color:var(--primary)}.studio-search-box{background:var(--bg-color);border:1px solid var(--border);border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;display:flex}.studio-search-box svg{color:var(--text-muted);flex-shrink:0}.studio-search-box input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.studio-search-box:focus-within{border-color:var(--primary)}.studio-ai-input{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-color);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13px}.studio-ai-input:focus{border-color:var(--primary);outline:none}.studio-chip-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.studio-chip{background:var(--card-bg);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;padding:6px 12px;font-size:12px;font-weight:500}.studio-chip:hover{color:var(--text-color);border-color:var(--primary)}.studio-ai-link{border-radius:var(--radius-sm);background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.studio-ai-link span{color:var(--text-muted);margin-left:auto}.studio-ai-link:hover{border-color:var(--primary)}.studio-zoombar{z-index:30;border-radius:50px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.studio-zoom-value{color:var(--text-color);text-align:center;cursor:pointer;background:0 0;border:none;min-width:46px;font-size:12px;font-weight:600}.studio-zoombar-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.studio-zoombar .studio-btn-icon.active{background:var(--accent-soft);color:var(--primary)}.studio-sel-box{z-index:50;cursor:move;border:calc(1.5px * var(--sel-scale,1)) solid var(--primary);border-radius:calc(2px * var(--sel-scale,1));box-shadow:0 0 0 calc(1px * var(--sel-scale,1)) #ffffff80;position:absolute}.studio-sel-label{transform-origin:0 0;padding:calc(2px * var(--sel-scale,1)) calc(7px * var(--sel-scale,1));background:var(--primary);color:#fff;border-radius:calc(5px * var(--sel-scale,1));font-size:calc(11px * var(--sel-scale,1));text-transform:capitalize;white-space:nowrap;pointer-events:none;font-weight:600;line-height:1.4;position:absolute;top:0;left:0;transform:translateY(-125%)}.studio-sel-handle{width:calc(11px * var(--sel-scale,1));height:calc(11px * var(--sel-scale,1));border:calc(1.5px * var(--sel-scale,1)) solid var(--primary);border-radius:calc(3px * var(--sel-scale,1));background:#fff;position:absolute}.studio-sel-handle.tl{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.studio-sel-handle.tr{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.studio-sel-handle.bl{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.studio-sel-handle.br{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.studio-sel-rotzone{z-index:0;width:calc(22px * var(--sel-scale,1));height:calc(22px * var(--sel-scale,1));cursor:grab;position:absolute}.studio-sel-rotzone.tl{top:0;left:0;transform:translate(-60%,-60%)}.studio-sel-rotzone.tr{top:0;right:0;transform:translate(60%,-60%)}.studio-sel-rotzone.bl{bottom:0;left:0;transform:translate(-60%,60%)}.studio-sel-rotzone.br{bottom:0;right:0;transform:translate(60%,60%)}.studio-inline-edit{z-index:60;border:1px dashed var(--primary);resize:none;white-space:pre;box-sizing:border-box;caret-color:var(--primary);background:0 0;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.studio-sidebar-main{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;display:flex}.studio-tab-help{margin-top:auto;text-decoration:none}.studio-tpl-panel{flex-direction:column;gap:14px;display:flex}.studio-tpl-search{border-radius:var(--radius-md,10px);background:var(--bg-color);border:1px solid var(--border);color:var(--text-subtle);align-items:center;gap:8px;padding:9px 12px;display:flex}.studio-tpl-search input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-size:13px}.studio-tpl-cats{flex-wrap:wrap;gap:6px;display:flex}.studio-tpl-cat{border-radius:var(--radius-pill,999px);background:var(--bg-color);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast,.15s) var(--ease-out,ease);padding:6px 12px;font-size:12px;font-weight:600}.studio-tpl-cat:hover{color:var(--text-color);border-color:var(--border-strong)}.studio-tpl-cat.active{background:var(--primary);border-color:var(--primary);color:#fff}.studio-tpl-section{flex-direction:column;gap:8px;display:flex}.studio-tpl-section-head{color:var(--text-color);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.studio-tpl-seeall{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.studio-tpl-seeall:hover{text-decoration:underline}.studio-tpl-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.studio-tpl-back:hover{color:var(--text-color)}.studio-tpl-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.studio-tpl-card{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;display:flex}.studio-tpl-preview{aspect-ratio:4/5;border:1px solid var(--border);width:100%;transition:transform var(--dur-fast,.15s) var(--ease-out,ease), box-shadow var(--dur-fast,.15s) var(--ease-out,ease);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.studio-tpl-card:hover .studio-tpl-preview{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.studio-tpl-preview-inner{text-shadow:0 1px 3px #00000040;flex-direction:column;align-items:center;gap:2px;max-width:90%;padding:8px;display:flex;overflow:hidden}.studio-tpl-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.studio-el-panel{flex-direction:column;gap:12px;display:flex}.studio-el-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.studio-el-tile{aspect-ratio:1;background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);cursor:pointer;transition:all var(--dur-fast,.15s) var(--ease-out,ease);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex}.studio-el-tile:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.studio-el-tile span{color:var(--text-muted);font-size:10px;font-weight:600}.studio-el-tile:hover span{color:var(--primary)}.insp-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.insp-title{color:var(--text-color);text-transform:capitalize;font-size:13px;font-weight:700}.insp-head-actions{gap:4px;display:flex}.insp-icon-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast,.15s) var(--ease-out,ease);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.insp-icon-btn:hover{background:var(--bg-color);color:var(--text-color)}.insp-icon-btn.active{color:var(--primary);background:var(--accent-soft)}.insp-icon-btn.danger:hover{color:#ef4444;background:#ef44441f}.insp-align{background:var(--bg-color);border:1px solid var(--border);border-radius:10px;align-items:center;gap:2px;margin-bottom:12px;padding:4px;display:flex}.insp-align button{height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;display:inline-flex}.insp-align button:hover{background:var(--bg-elevated,var(--bg-card));color:var(--primary)}.insp-align-sep{background:var(--border);width:1px;height:18px;margin:0 2px}.insp-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.insp-field{background:var(--bg-color);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.insp-field span{color:var(--text-subtle);min-width:14px;font-size:11px;font-weight:600}.insp-field input{width:100%;min-width:0;color:var(--text-color);background:0 0;border:none;outline:none;flex:1;font-size:13px}.insp-field:focus-within{border-color:var(--primary)}.insp-fill{align-items:center;gap:8px;display:flex}.insp-fill input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:34px;height:34px;padding:0;overflow:hidden}.insp-hex{background:var(--bg-color);border:1px solid var(--border);min-width:0;height:34px;color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:13px}.insp-hex:focus{border-color:var(--primary)}.insp-fill-toggle{background:var(--bg-color);border:1px solid var(--border);border-radius:8px;gap:4px;margin-bottom:8px;padding:3px;display:flex}.insp-fill-toggle button{height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;font-size:12px;font-weight:600}.insp-fill-toggle button.active{background:var(--primary);color:#fff}.insp-grad-preview{border:1px solid var(--border);border-radius:8px;height:40px}.insp-filter-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.insp-filter-btn{cursor:pointer;background:var(--bg-color);border:1px solid var(--border);color:var(--text-muted);transition:all var(--dur-fast,.15s) var(--ease-out,ease);border-radius:8px;padding:8px 6px;font-size:12px;font-weight:600}.insp-filter-btn:hover{color:var(--text-color);border-color:var(--border-strong)}.insp-filter-btn.active{background:var(--accent-soft);border-color:var(--primary);color:var(--primary)}.studio-rtabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 10px;display:flex}.studio-rtab{cursor:pointer;height:30px;color:var(--text-muted);transition:all var(--dur-fast,.15s) var(--ease-out,ease);background:0 0;border:none;border-radius:8px;flex:1;font-size:12px;font-weight:600}.studio-rtab:hover{color:var(--text-color);background:var(--bg-color)}.studio-rtab.active{background:var(--accent-soft);color:var(--primary)}.studio-layer-row{cursor:grab;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;display:flex}.studio-layer-name{min-width:0;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.studio-layer-rename{background:var(--bg-inset,var(--bg-color));border:1px solid var(--primary);min-width:0;color:var(--text-color);border-radius:5px;outline:none;flex:1;padding:2px 6px;font-size:12px}.studio-layer-act{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:2px;display:flex}.studio-layer-act:hover{color:var(--text-color);background:var(--bg-elevated,var(--bg-card))}.studio-crop-rect{z-index:56;cursor:move;border:calc(1.5px * var(--sel-scale,1)) solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.studio-crop-h{width:calc(14px * var(--sel-scale,1));height:calc(14px * var(--sel-scale,1));border-radius:calc(2px * var(--sel-scale,1));background:#fff;position:absolute}.studio-crop-h.tl{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.studio-crop-h.tr{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.studio-crop-h.bl{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.studio-crop-h.br{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.studio-crop-bar{z-index:60;background:var(--bg-elevated,#383838);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.studio-crop-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.studio-canvascrop-rect{border-color:#8b5cf6!important}.studio-canvascrop-rect .studio-crop-h{background:#8b5cf6}.studio-canvascrop-dim{left:0;top:calc(-24px * var(--sel-scale,1));transform-origin:0 0;color:#fff;white-space:nowrap;pointer-events:none;background:#8b5cf6;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute}.studio-start-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a12b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.studio-start{background:var(--bg-elevated,#1f2229);border:1px solid var(--border);width:min(780px,100%);box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;padding:34px;animation:.3s toolToastIn}.studio-start-head h2{color:var(--text-color,#fff);margin:0 0 6px;font-size:1.6rem}.studio-start-head p{color:var(--text-muted,#9aa0ab);margin:0 0 26px}.studio-start-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.studio-start-card{border:1px solid var(--border);background:var(--bg-color,#16181d);color:var(--text-color,#fff);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.studio-start-card:hover{border-color:#8b5cf6;transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf640}.studio-start-card.accent{border-color:#8b5cf680}.studio-start-ic{color:#a78bfa;background:#8b5cf626;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:4px;display:grid}.studio-start-card strong{font-size:1rem}.studio-start-card span:last-child{color:var(--text-muted,#9aa0ab);font-size:.82rem;line-height:1.45}.studio-start-skip{color:var(--text-muted,#9aa0ab);cursor:pointer;background:0 0;border:none;margin-top:22px;font-size:.86rem;font-weight:600}.studio-start-skip:hover{color:var(--text-color,#fff);text-decoration:underline}@media (width<=640px){.studio-start-grid{grid-template-columns:1fr}.studio-start{padding:24px}}.studio-canvas-area.drop-active:after{content:"Drop image to add";z-index:90;color:#c4b5fd;pointer-events:none;background:#8b5cf61f;border:2.5px dashed #8b5cf6;border-radius:16px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:12px}.studio-icon-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px;display:grid}.studio-icon-tile{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-color,#16181d);cursor:pointer;border-radius:10px;place-items:center;padding:8px;transition:all .15s;display:grid}.studio-icon-tile:hover{border-color:#8b5cf6;transform:translateY(-2px)}.studio-icon-tile img{object-fit:contain;filter:invert(.85);width:100%;height:100%}.studio-sidebar-foot{border-top:1px solid var(--border);flex-direction:column;margin-top:auto;padding-top:6px;display:flex}.studio-swatch.brand{position:relative}.studio-swatch-x{color:#fff;text-align:center;opacity:0;background:#ef4444;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;transition:opacity .15s;position:absolute;top:-6px;right:-6px}.studio-swatch.brand:hover .studio-swatch-x{opacity:1}.studio-brand-add{align-items:center;gap:10px;margin:12px 0 4px;display:flex}.studio-brand-add input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:36px;padding:2px}.studio-brand-add .btn-outline{border-radius:10px;padding:8px 14px;font-size:13px}.studio-rail-modal-overlay{z-index:210;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a1299;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.studio-rail-modal{background:var(--bg-elevated,#1f2229);border:1px solid var(--border);width:min(460px,100%);max-height:82vh;box-shadow:var(--shadow-lg);border-radius:16px;overflow-y:auto}.studio-rail-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.studio-rail-modal-head h3{color:var(--text-color,#fff);margin:0;font-size:1.05rem}.studio-rail-modal-x{color:var(--text-muted,#9aa0ab);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:15px}.studio-rail-modal-x:hover{color:#fff;background:#ffffff14}.studio-rail-modal-body{padding:16px 18px}.studio-shortcuts{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.studio-shortcut{color:var(--text-color,#e5e7eb);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.studio-shortcut kbd{background:var(--bg-color,#16181d);border:1px solid var(--border);color:var(--text-muted,#cbd5e1);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:11px}.studio-set-row{border-bottom:1px solid var(--border);color:var(--text-color,#e5e7eb);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.studio-set-row input[type=checkbox]{accent-color:#8b5cf6;width:18px;height:18px}.insp-lock{border:1px solid var(--border);background:var(--bg-color,#16181d);color:var(--text-muted,#9aa0ab);cursor:pointer;border-radius:8px;place-items:center;height:100%;min-height:34px;display:grid}.insp-lock:hover{color:var(--text-color,#fff)}.insp-lock.active{color:#a78bfa;background:#8b5cf629;border-color:#8b5cf6}.studio-rail-modal.wide{width:min(560px,100%)}.studio-help .studio-tpl-search{margin-bottom:12px}.studio-help-cats{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.studio-help-cats button{border:1px solid var(--border);color:var(--text-muted,#9aa0ab);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}.studio-help-cats button:hover{color:var(--text-color,#fff)}.studio-help-cats button.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.studio-help-list{flex-direction:column;gap:6px;display:flex}.studio-help-item{border:1px solid var(--border);background:var(--bg-color,#16181d);border-radius:10px;overflow:hidden}.studio-help-item summary{cursor:pointer;color:var(--text-color,#e5e7eb);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.studio-help-item summary::-webkit-details-marker{display:none}.studio-help-item[open] summary{border-bottom:1px solid var(--border)}.studio-help-tag{letter-spacing:.3px;text-transform:uppercase;color:#a78bfa;white-space:nowrap;background:#8b5cf624;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.studio-help-item p{color:var(--text-muted,#cbd5e1);margin:0;padding:12px 14px;font-size:13px;line-height:1.6}.helpc{max-width:900px;padding:calc(var(--nav-height) + 30px) 20px 60px;margin:0 auto}.helpc-hero{text-align:center;margin-bottom:30px}.helpc-hero h1{margin:0 0 10px;font-size:2.3rem}.helpc-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto 22px}.helpc-search{border:1px solid var(--border);background:var(--card-bg);max-width:620px;box-shadow:var(--shadow-md,0 4px 20px #0000000f);border-radius:14px;align-items:center;gap:10px;margin:0 auto;padding:12px 16px;display:flex}.helpc-search svg{color:var(--text-secondary);flex-shrink:0}.helpc-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.helpc-search-x{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.helpc-cats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.helpc-cat{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.helpc-cat:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.helpc-cat-ic{width:46px;height:46px;color:var(--primary);background:#8b5cf61f;border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.helpc-cat strong{color:var(--text-primary);font-size:1rem}.helpc-cat span:last-child{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.helpc-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.helpc-chips button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:.83rem;font-weight:600;transition:all .15s}.helpc-chips button:hover{color:var(--text-primary);border-color:var(--primary)}.helpc-chips button.active{background:var(--primary);border-color:var(--primary);color:#fff}.helpc-results{flex-direction:column;gap:10px;display:flex}.help-article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);overflow:hidden}.help-article-q{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:1rem;font-weight:600;display:flex}.help-article-meta{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.help-article-meta em{text-transform:uppercase;letter-spacing:.4px;color:var(--primary);white-space:nowrap;background:#8b5cf61f;border-radius:999px;padding:3px 9px;font-size:.72rem;font-style:normal;font-weight:700}.help-caret{color:var(--text-secondary);transition:transform .2s}.help-article.open .help-caret{transform:rotate(180deg)}.help-article-a{color:var(--text-secondary);padding:0 18px 18px;line-height:1.65}.help-article-a p{margin:0 0 12px}.help-article-a p:last-child{margin-bottom:0}.help-ul,.help-ol{flex-direction:column;gap:7px;margin:0 0 12px;padding-left:22px;display:flex}.help-ul li,.help-ol li{line-height:1.55}.help-note{border-left:3px solid var(--primary);background:#8b5cf614;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.9rem;display:flex}.help-note svg{color:var(--primary);flex-shrink:0;margin-top:3px}.help-code{color:#e2e8f0;border:1px solid var(--border);white-space:pre;background:#0f172a;border-radius:10px;margin:0 0 12px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.helpc-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.helpc-empty .btn-primary{align-items:center;gap:7px;margin-top:12px;display:inline-flex}.helpc-footer{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding:26px;display:flex}.helpc-footer h3{margin:0 0 4px}.helpc-footer p{color:var(--text-secondary);margin:0}.helpc-footer-actions{flex-wrap:wrap;gap:10px;display:flex}.helpc-footer-actions .btn-primary,.helpc-footer-actions .btn-outline{border-radius:var(--radius-md);align-items:center;gap:7px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=720px){.helpc-cats{grid-template-columns:1fr}.helpc-hero h1{font-size:1.8rem}}.studio-bg-busy{z-index:70;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0a0a0cb8;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.studio-bg-busy p{font-size:14px;font-weight:600}.studio-bg-busy span{color:#fff9;font-size:12px}.studio-vruler{z-index:8;background:var(--bg-card);color:var(--text-subtle);font-size:9px;font-family:var(--font-mono,monospace);position:absolute;overflow:hidden}.studio-vruler.h{border-bottom:1px solid var(--border);cursor:ns-resize;height:22px;top:0;left:0;right:0}.studio-vruler.v{border-right:1px solid var(--border);cursor:ew-resize;width:22px;top:0;bottom:0;left:0}.studio-vruler-tick{pointer-events:none;position:absolute}.studio-context-panel,.studio-right-panel{position:relative}.studio-panel-resizer{z-index:30;cursor:col-resize;width:8px;height:100%;position:absolute;top:0}.studio-panel-resizer.right{right:-4px}.studio-panel-resizer.left{left:-4px}.studio-panel-resizer:hover{background:#0d99ff4d}.studio-rguide{z-index:54;background:#ff3b30;position:absolute}.studio-rguide.v{cursor:ew-resize;width:1.5px;top:0;bottom:0}.studio-rguide.h{cursor:ns-resize;height:1.5px;left:0;right:0}.studio-rguide.preview{opacity:.7;pointer-events:none}.studio-vruler.h .studio-vruler-tick{border-left:1px solid var(--border);top:0;bottom:0}.studio-vruler.v .studio-vruler-tick{border-top:1px solid var(--border);left:0;right:0}.studio-vruler.h .studio-vruler-tick span{white-space:nowrap;position:absolute;top:3px;left:3px}.studio-vruler.v .studio-vruler-tick span{position:absolute;top:2px;left:3px}.studio-vruler-corner{z-index:9;pointer-events:none;background:var(--bg-card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:22px;height:22px;position:absolute;top:0;left:0}.studio-layout{--bg:#1e1e1e;--bg-color:#2c2c2c;--bg-card:#2c2c2c;--bg-elevated:#383838;--bg-inset:#1e1e1e;--border:#3a3a3a;--border-strong:#4a4a4a;--text:#eaeaea;--text-color:#eaeaea;--text-muted:#a9a9a9;--text-subtle:#7a7a7a;--primary:#0d99ff;--accent:#0d99ff;--accent-soft:#0d99ff29;--glass-bg:#2c2c2c;--glass-border:#3a3a3a;color:var(--text-color)}.studio-layout .studio-topbar,.studio-layout .studio-sidebar,.studio-layout .studio-context-panel,.studio-layout .studio-right-panel{background:var(--bg-card);-webkit-backdrop-filter:none}.studio-layout .studio-topbar{height:48px;min-height:48px;box-shadow:none;border-bottom:1px solid var(--border)}.studio-layout .studio-canvas-area{background-color:#1e1e1e}.studio-layout .studio-context-panel{width:300px}.studio-layout .studio-right-panel{width:262px}.studio-layout .studio-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);font-size:11px;font-weight:600}.studio-layout .studio-panel-header h2{font-size:13px;font-weight:600}.studio-layout .studio-tab.active{background:var(--accent-soft);color:var(--primary)}.studio-layout .studio-zoombar{border:1px solid var(--border);background:#383838}.studio-layout ::-webkit-scrollbar{width:12px;height:12px}.studio-layout ::-webkit-scrollbar-thumb{background:#4a4a4a padding-box padding-box;border:3px solid #0000;border-radius:10px}.studio-layout ::-webkit-scrollbar-thumb:hover{background:#5a5a5a padding-box padding-box}.studio-layout ::-webkit-scrollbar-track{background:0 0}.studio-text-toolbar{z-index:40;border-radius:var(--radius-md,12px);background:var(--bg-elevated,var(--bg-card));border:1px solid var(--border);box-shadow:var(--shadow-lg);flex-wrap:nowrap;align-items:center;gap:4px;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.studio-text-toolbar select,.studio-text-toolbar input[type=number]{background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);border-radius:8px;outline:none;padding:6px 8px;font-size:13px}.stt-font{max-width:130px}.stt-size input{width:58px}.stt-color{border:1px solid var(--border);cursor:pointer;border-radius:8px;width:30px;height:30px;display:inline-flex;overflow:hidden}.stt-color input{cursor:pointer;background:0 0;border:none;width:150%;height:150%;margin:-25%;padding:0}.stt-sep{background:var(--border);align-self:stretch;width:1px;margin:2px}.stt-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast,.15s) var(--ease-out,ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.stt-btn:hover{background:var(--bg-color);color:var(--text-color)}.stt-btn.active{background:var(--accent-soft);color:var(--primary)}.stt-more-wrap{position:relative}.stt-more{height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.stt-more:hover,.stt-more.active{background:var(--bg-color);color:var(--text-color)}.stt-more-pop{z-index:50;background:var(--bg-elevated,var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-md,12px);min-width:220px;box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.stt-pop-row{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.stt-pop-row select{background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);border-radius:8px;padding:6px 8px;font-size:13px}.studio-ctx-toolbar{z-index:55;transform-origin:bottom;transform:translate(-50%, -100%) scale(var(--sel-scale,1)) translateY(-38px);background:#1b1b22;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}.ctx-btn{color:#d4d4d8;cursor:pointer;width:30px;height:30px;transition:background var(--dur-fast,.15s) var(--ease-out,ease), color var(--dur-fast,.15s) var(--ease-out,ease);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.ctx-btn:hover{color:#fff;background:#ffffff1a}.ctx-btn.danger:hover{color:#f87171;background:#ef444433}.ctx-sep{background:#ffffff1f;width:1px;height:18px;margin:0 2px}.studio-sel-box.locked{opacity:.85;border-style:dashed}.studio-sel-rotate{z-index:2;width:calc(14px * var(--sel-scale,1));height:calc(14px * var(--sel-scale,1));border:calc(1.5px * var(--sel-scale,1)) solid var(--primary);cursor:grab;transform:translate(-50%, calc(-20px * var(--sel-scale,1)));background:#fff;border-radius:50%;position:absolute;top:0;left:50%}.studio-sel-rotate:after{content:"";width:calc(1.5px * var(--sel-scale,1));height:calc(8px * var(--sel-scale,1));background:var(--primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.studio-guide{z-index:52;background:var(--accent,#ec4899);pointer-events:none;position:absolute;box-shadow:0 0 0 .5px #00000026}.studio-guide.v{width:1.5px;height:100%;top:0}.studio-guide.h{width:100%;height:1.5px;left:0}.studio-group-box{z-index:49;cursor:move;border:calc(1.5px * var(--sel-scale,1)) dashed var(--primary);background:#8b5cf60f;position:absolute}.studio-marquee{z-index:53;pointer-events:none;border:1px solid var(--primary);background:#8b5cf61f;position:absolute}.studio-ctx-backdrop{z-index:400;position:fixed;inset:0}.studio-ctxmenu{z-index:401;background:var(--bg-elevated,#383838);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:210px;padding:5px;display:flex;position:fixed;box-shadow:0 14px 40px #00000073}.studio-ctxmenu button{width:100%;color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;padding:7px 10px;font-size:13px;display:flex}.studio-ctxmenu button:hover:not(:disabled){background:var(--primary);color:#fff}.studio-ctxmenu button:disabled{opacity:.4;cursor:default}.studio-ctxmenu button span{color:var(--text-subtle);font-size:11px}.studio-ctxmenu button:hover:not(:disabled) span{color:#ffffffd9}.studio-ctxmenu-sep{background:var(--border);height:1px;margin:4px 2px}.studio-export-wrap{position:relative}.studio-export-btn{border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.studio-export-backdrop{z-index:300;position:fixed;inset:0}.studio-export-pop{z-index:301;background:var(--bg-elevated,#383838);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:260px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 44px #00000073}.studio-export-title{color:var(--text-color);font-size:13px;font-weight:700}.studio-export-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.studio-export-row select{background:var(--bg-color);border:1px solid var(--border);max-width:130px;height:30px;color:var(--text-color);border-radius:8px;outline:none;flex:1;padding:0 8px;font-size:13px}.studio-export-check{cursor:pointer}.studio-export-check input{width:16px;height:16px;accent-color:var(--primary)}.studio-export-scales{gap:4px;display:flex}.studio-export-scales button{background:var(--bg-color);border:1px solid var(--border);min-width:38px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;font-size:12px;font-weight:600}.studio-export-scales button.active{background:var(--primary);border-color:var(--primary);color:#fff}.studio-export-size{color:var(--text-subtle);font-size:11px;font-family:var(--font-mono,monospace)}.studio-export-go{border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:13px;display:flex}.studio-canvas-stage.has-rulers{margin:24px 0 0 24px}.studio-ruler{z-index:5;background:var(--bg-elevated,var(--bg-card));color:var(--text-subtle);font-size:9px;font-family:var(--font-mono,monospace);position:absolute;overflow:hidden}.studio-ruler.h{border-bottom:1px solid var(--border);width:100%;height:22px;top:-24px;left:0}.studio-ruler.v{border-right:1px solid var(--border);width:22px;height:100%;top:0;left:-24px}.studio-ruler-tick{position:absolute}.studio-ruler.h .studio-ruler-tick{border-left:1px solid var(--border);top:0;bottom:0}.studio-ruler.v .studio-ruler-tick{border-top:1px solid var(--border);left:0;right:0}.studio-ruler.h .studio-ruler-tick span,.studio-ruler.v .studio-ruler-tick span{position:absolute;top:2px;left:3px}.studio-ruler-corner{z-index:6;background:var(--bg-elevated,var(--bg-card));border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:22px;height:22px;position:absolute;top:-24px;left:-24px}@media (width<=900px){.studio-sidebar-main{flex-direction:row;flex:1;gap:4px}.studio-tab-help{margin-top:0}.studio-text-toolbar{flex-wrap:wrap;max-width:calc(100% - 16px)}}.studio-canvas-grid{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#8b5cf62e 1px,#0000 1px),linear-gradient(#8b5cf62e 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}@media (width<=1024px){.studio-context-panel{width:260px}.studio-right-panel{width:240px}}@media (width<=768px){.studio-project-name{max-width:120px}.studio-save-status{display:none}.studio-context-panel,.studio-right-panel{max-height:44vh;box-shadow:var(--shadow-lg)}.studio-thumb-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid{gap:var(--space-xl);max-width:1200px;padding:0 5% var(--space-4xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;display:grid}.blog-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-card-cover{aspect-ratio:16/9;background:var(--bg-inset);overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);display:block}.blog-card:hover .blog-card-cover img{transform:scale(1.04)}.blog-card-body{gap:var(--space-xs);padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.blog-card-tag{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--accent-soft);border-radius:var(--radius-pill);align-self:flex-start;padding:3px 10px;font-weight:700}.blog-card-body h2{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em;line-height:1.25}.blog-card-body p{color:var(--text-muted);font-size:var(--fs-sm);flex:1;line-height:1.6}.blog-card-meta{align-items:center;gap:var(--space-xs);color:var(--text-subtle);font-size:var(--fs-xs);margin-top:var(--space-xs);display:flex}.blog-card-arrow{color:var(--text-muted);transition:transform var(--dur) var(--ease-out), color var(--dur) var(--ease-out);margin-left:auto}.blog-card:hover .blog-card-arrow{color:var(--primary);transform:translate(3px)}.blog-article{max-width:720px;padding:calc(var(--nav-height) + 40px) 5% var(--space-4xl);margin:0 auto}.blog-article-head{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;align-items:flex-start;display:flex}.blog-back{color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.blog-back:hover{color:var(--text)}.blog-article-head h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;line-height:1.1}.blog-article-lead{color:var(--text-muted);font-size:var(--fs-lg);line-height:1.6}.blog-article-meta{align-items:center;gap:var(--space-xs);color:var(--text-subtle);font-size:var(--fs-sm);display:flex}.blog-article-cover{border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-xl);overflow:hidden}.blog-article-cover img{width:100%;display:block}.blog-prose{color:var(--text);font-size:var(--fs-lg);line-height:1.75}.blog-prose h2{font-family:var(--font-heading);font-size:var(--fs-h3);letter-spacing:-.02em;margin:var(--space-xl) 0 var(--space-sm)}.blog-prose h3{font-family:var(--font-heading);font-size:var(--fs-h4);margin:var(--space-lg) 0 var(--space-xs)}.blog-prose p{margin-bottom:var(--space-md);color:var(--text-muted)}.blog-prose ul{margin:0 0 var(--space-md);padding-left:var(--space-lg);color:var(--text-muted);gap:var(--space-2xs);flex-direction:column;display:flex}.blog-prose li{line-height:1.65}.blog-prose a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.blog-prose a:hover{color:var(--primary-hover)}.blog-prose strong{color:var(--text);font-weight:600}.blog-prose code{font-family:var(--font-mono,monospace);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.9em}@media (width<=600px){.blog-prose{font-size:var(--fs-base)}}.blog-share{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.blog-share-label{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:6px;font-weight:600;display:inline-flex}.blog-share-buttons{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.blog-share-btn{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.blog-share-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--accent-soft);transform:translateY(-2px)}.blog-share-native{display:none}.blog-share-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.blog-share-cta{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em}@media (hover:none) and (pointer:coarse){.blog-share-native{display:inline-flex}}.tool-page{max-width:1000px;padding:calc(var(--nav-height) + var(--space-2xl)) 5% var(--space-4xl);margin:0 auto}.tool-breadcrumb{align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-lg);display:flex}.tool-breadcrumb a{color:var(--text-muted)}.tool-breadcrumb a:hover{color:var(--primary)}.tool-breadcrumb span{color:var(--text)}.tool-page-header{margin-bottom:var(--space-xl)}.tool-page-header h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;margin-bottom:var(--space-sm);line-height:1.1}.tool-page-header p{color:var(--text-muted);font-size:var(--fs-lg);max-width:60ch}.tool-shell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);overflow:hidden}.tool-shell img,.tool-shell canvas,.tool-shell video{object-fit:contain;max-width:100%;height:auto;max-height:70vh;display:block}.tool-dropzone{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;padding:var(--space-3xl) var(--space-lg);border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-inset);cursor:pointer;transition:var(--transition);flex-direction:column;display:flex}.tool-dropzone:hover,.tool-dropzone.drag{border-color:var(--primary);background:var(--accent-soft)}.tool-dropzone-label{font-weight:600;font-size:var(--fs-base);color:var(--text)}.tool-dropzone-hint{font-size:var(--fs-sm);color:var(--text-muted)}.tool-result-bar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.tool-result-stats{align-items:center;gap:var(--space-md);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.tool-savings{color:var(--success);font-weight:700}.spin{animation:1s linear infinite spin}.tool-seo-section{margin-top:var(--space-3xl)}.tool-seo-section h2{font-family:var(--font-heading);font-size:var(--fs-h3);letter-spacing:-.02em;margin-bottom:var(--space-md)}.tool-howto{color:var(--text-muted);padding-left:var(--space-lg);gap:var(--space-sm);flex-direction:column;line-height:1.6;display:flex}.tool-faq details{border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.tool-faq summary{cursor:pointer;color:var(--text);padding:var(--space-2xs) 0;font-weight:600}.tool-faq p{color:var(--text-muted);margin-top:var(--space-xs);line-height:1.6}.tool-related{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.tool-related-card{padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:4px;display:flex}.tool-related-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tool-related-card strong{color:var(--text);font-size:var(--fs-base)}.tool-related-card span{color:var(--text-muted);font-size:var(--fs-sm)}@media (width<=640px){.tool-page{padding-top:calc(var(--nav-height) + var(--space-lg))}.tool-shell{padding:var(--space-lg)}}.search-page{min-height:70vh}.search-page-bar{top:var(--nav-height);z-index:40;margin-top:var(--nav-height);padding:var(--space-lg) 5%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:sticky}.search-page-input{max-width:720px;margin:0 auto}.search-page-body{padding:var(--space-xl) 4% var(--space-3xl);max-width:1600px;margin:0 auto}.search-page-head{margin-bottom:var(--space-lg)}.search-page-head h1{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.02em}.home-showcase{padding:var(--space-2xl) 5% var(--space-xl);max-width:1400px;margin:0 auto}.showcase-grid{gap:var(--space-sm);grid-template-columns:repeat(6,1fr);display:grid}.showcase-tile{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid var(--border);display:block;position:relative;overflow:hidden}.showcase-tile img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);display:block}.showcase-tile:hover img{transform:scale(1.06)}.showcase-label{z-index:2;font-size:var(--fs-xs);color:#fff;text-transform:capitalize;text-shadow:0 2px 8px #0009;opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);font-weight:600;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(4px)}.showcase-tile:after{content:"";opacity:0;transition:opacity var(--dur) var(--ease-out);background:linear-gradient(#0000 45%,#00000080);position:absolute;inset:0}.showcase-tile:hover:after,.showcase-tile:hover .showcase-label{opacity:1;transform:translateY(0)}@media (width<=900px){.showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}.nav-links>a{align-items:center;gap:6px;display:inline-flex}.nav-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--accent-soft);border:1px solid var(--glass-border);border-radius:999px;padding:3px 6px;font-size:.6rem;font-weight:700;line-height:1;transform:translateY(-1px)}.nav-links>a.active .nav-badge,.nav-links>a:hover .nav-badge{color:#fff;background:var(--primary);border-color:#0000}.mobile-menu-links .nav-badge{margin-left:8px}.help-container{max-width:820px;padding:0 5% var(--space-4xl);margin:0 auto}.help-cards{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.help-card{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);transition:var(--transition);flex-direction:column;font-weight:600;display:flex}.help-card svg{color:var(--primary);font-size:1.6rem}.help-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.help-heading{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-lg)}.faq-list{gap:var(--space-sm);flex-direction:column;display:flex}.faq-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur) var(--ease-out);overflow:hidden}.faq-item.open{border-color:var(--border-strong)}.faq-q{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);text-align:left;font-weight:600;font-size:var(--fs-base);color:var(--text);cursor:pointer;background:0 0;display:flex}.faq-q:hover{color:var(--primary)}.faq-caret{transition:transform var(--dur) var(--ease-out);color:var(--text-muted);flex-shrink:0}.faq-item.open .faq-caret{color:var(--primary);transform:rotate(180deg)}.faq-a{padding:0 var(--space-lg) var(--space-lg);color:var(--text-muted);line-height:1.7;font-size:var(--fs-sm)}.help-cta{text-align:center;margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.help-cta p{font-family:var(--font-heading);font-size:var(--fs-h4);margin-bottom:var(--space-md)}@media (width<=640px){.help-cards{grid-template-columns:1fr}}.support-page{max-width:720px;padding:calc(var(--nav-height) + var(--space-2xl)) 5% var(--space-4xl);margin:0 auto}.support-hero{text-align:center;margin-bottom:var(--space-2xl)}.coffee-badge{width:96px;height:96px;margin:0 auto var(--space-lg);background:radial-gradient(circle at 50% 40%, var(--accent-soft), transparent 70%);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex}.support-hero h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.03em;margin-bottom:var(--space-sm)}.support-hero p{color:var(--text-muted);font-size:var(--fs-lg);max-width:52ch;margin:0 auto;line-height:1.6}.support-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.tier-row{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.tier-card{padding:var(--space-lg) var(--space-sm);text-align:center;cursor:pointer;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.tier-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tier-card.active{border-color:var(--primary);background:var(--accent-soft)}.tier-card.featured{border-color:var(--primary)}.tier-flag{white-space:nowrap;color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.tier-emoji{font-size:1.8rem}.tier-amount{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:800}.tier-label{font-weight:600;font-size:var(--fs-sm)}.tier-note{font-size:var(--fs-xs);color:var(--text-muted)}.custom-amount{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.custom-amount>span{color:var(--text-muted);font-size:var(--fs-sm)}.custom-input{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:8px 14px;display:flex}.custom-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.custom-input .dollar{color:var(--text-muted);font-weight:600}.custom-input input{width:80px;color:var(--text);font-size:var(--fs-base);background:0 0;border:none;outline:none}.paypal-btn{border-radius:var(--radius-pill);width:100%;font-weight:700;font-size:var(--fs-base);color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:14px 24px;display:inline-flex}.support-alt{text-align:center;margin-top:var(--space-md)}.support-alt a{color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.support-alt a:hover{color:var(--primary)}.support-footer-line{margin-top:var(--space-xl);color:var(--text-muted);font-size:var(--fs-sm);text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.support-footer-line svg{color:var(--favorited)}@media (width<=520px){.tier-row{grid-template-columns:1fr}}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);pointer-events:auto;background:var(--glass-bg);min-width:240px;max-width:min(92vw,380px);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--fs-sm);animation:pf-pop .24s var(--ease-out);align-items:center;gap:10px;padding:12px 14px;display:flex}.toast-icon{flex-shrink:0;font-size:1.2rem;display:flex}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--info)}.toast-msg{flex:1;line-height:1.4}.toast-close{color:var(--text-muted);border-radius:6px;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{color:var(--text);background:var(--card-bg)}@media (width<=520px){.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:none}}.palette-section,.font-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.section-title{font-family:var(--font-heading);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-weight:700;display:flex}.palette-hint{color:var(--text-muted);font-size:var(--fs-sm)}.palette-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.palette-swatch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.swatch-color{height:56px}.swatch-codes{flex-direction:column;display:flex}.code-copy{font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--text);border:none;border-top:1px solid var(--border);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.code-copy:first-child{border-top:none}.code-copy.rgb{color:var(--text-muted)}.code-copy:hover{background:var(--card-bg);color:var(--primary)}.font-style-tabs{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.font-tab{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border);padding:6px 14px;font-weight:600}.font-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.font-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.font-line{align-items:baseline;gap:var(--space-md);padding:var(--space-xs) 0;display:flex}.font-role{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);min-width:64px}.font-name{font-size:var(--fs-lg);color:var(--text)}.copy-css-btn{margin-top:var(--space-md);border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.copy-css-btn:hover{border-color:var(--primary);color:var(--primary)}.gradient-gen,.bg-generator{max-width:1100px;padding:0 5% var(--space-4xl);margin:0 auto}.gradient-preview{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;min-height:240px;margin-bottom:var(--space-lg)}.gradient-controls,.bg-controls{gap:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.gradient-type{gap:8px;display:flex}.filter-pill{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border);cursor:pointer;transition:var(--transition);padding:7px 16px;font-weight:600}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gradient-angle{font-size:var(--fs-sm);color:var(--text-muted);flex-direction:column;gap:6px;display:flex}.gradient-stops{flex-direction:column;gap:8px;display:flex}.gradient-stop{align-items:center;gap:10px;display:flex}.stop-pos{flex:1}.stop-remove{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--danger);background:var(--danger-soft);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.code-exports{gap:var(--space-md);margin-top:var(--space-lg);display:grid}.code-block{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.code-head{border-bottom:1px solid var(--border);font-size:var(--fs-sm);justify-content:space-between;align-items:center;padding:10px 14px;font-weight:600;display:flex}.code-block pre{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);padding:14px;overflow-x:auto}.code-copy-btn{font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.code-copy-btn:hover{color:var(--primary)}.bg-type-tabs{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.bg-type-tab{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text-muted);background:var(--card-bg);border:1px solid var(--border);cursor:pointer;padding:8px 16px;font-weight:600}.bg-type-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bg-canvas-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-lg);background:var(--bg-inset);overflow:hidden}.bg-canvas{width:100%;height:auto;display:block}.bg-palette-preview{flex-wrap:wrap;gap:8px;display:flex}.bg-palette-dot{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:32px;height:32px}@media (width>=860px){.gradient-gen .gradient-layout,.bg-generator .bg-layout{gap:var(--space-xl);grid-template-columns:1.3fr .7fr;align-items:start;display:grid}}.waitlist-page{max-width:640px}.waitlist-perks{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.waitlist-perks span,.waitlist-perks li{border-radius:var(--radius-pill);background:var(--card-bg);border:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.waitlist-done{text-align:center;padding:var(--space-2xl)}.waitlist-done h2{font-family:var(--font-display);margin-bottom:var(--space-sm)}.legal-updated{color:var(--text-subtle);font-size:var(--fs-sm);margin-bottom:var(--space-lg)}.legal-nav{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.legal-nav a{font-size:var(--fs-sm);color:var(--text-muted);border-radius:var(--radius-pill);border:1px solid var(--border);padding:6px 12px}.legal-nav a:hover{color:var(--primary);border-color:var(--primary)}.dash-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) 320px;align-items:start;max-width:1500px;margin:0 auto;display:grid}.dash-main{gap:var(--space-2xl);flex-direction:column;min-width:0;display:flex;overflow:hidden}.dash-h2{font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:-.01em;margin-bottom:var(--space-md)}.dash-section-head{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.dash-section-head .dash-h2{margin:0}.dash-viewall{color:var(--primary);font-size:var(--fs-sm);font-weight:600}.dash-viewall:hover{text-decoration:underline}.dash-welcome{border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--border);background:linear-gradient(120deg, #8b7cf62e, #ec6ba61a 60%, transparent), var(--bg-elevated);position:relative;overflow:hidden}.dash-welcome-copy{z-index:2;max-width:640px;position:relative}.dash-welcome h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(1.6rem,3vw,2.4rem)}.dash-welcome>.dash-welcome-copy>p{color:var(--text-muted);margin-bottom:var(--space-lg)}.dash-welcome-search{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-pill);margin-bottom:var(--space-md);align-items:center;gap:10px;padding:6px 6px 6px 18px;display:flex}.dash-welcome-search svg{color:var(--text-muted);flex-shrink:0}.dash-welcome-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.dash-welcome-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.dash-welcome-search .btn-primary{padding:10px 22px}.dash-popular{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-popular>span{color:var(--text-muted);font-size:var(--fs-sm)}.dash-pop-tag{border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--text);background:var(--card-bg);border:1px solid var(--border);transition:var(--transition);padding:5px 14px}.dash-pop-tag:hover{border-color:var(--primary);color:var(--primary)}.dash-welcome-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#8b7cf659,#0000 68%);border-radius:50%;width:380px;height:380px;position:absolute;top:-40%;right:-10%}.dash-quick-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.dash-quick-card{text-align:left;padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:14px;display:flex}.dash-quick-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.dash-quick-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--primary);background:var(--accent-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.dash-quick-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-quick-text strong{font-size:var(--fs-base)}.dash-quick-text span{font-size:var(--fs-xs);color:var(--text-muted)}.dash-stats{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.dash-stat{padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:var(--transition);flex-direction:column;gap:6px;display:flex}.dash-stat:hover{border-color:var(--border-strong);transform:translateY(-2px)}.dash-stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex}.dash-stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;line-height:1.1}.dash-stat-label{font-size:var(--fs-sm);color:var(--text-muted)}.dash-assets{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.dash-asset{text-align:left;flex-direction:column;gap:8px;display:flex;position:relative}.dash-asset img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%}.dash-asset:hover img{border-color:var(--primary)}.dash-asset-title{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-cat-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.dash-cat{padding:14px var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:var(--transition);align-items:center;gap:12px;display:flex}.dash-cat:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dash-cat-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary);background:var(--accent-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.dash-cat-text{flex-direction:column;gap:1px;min-width:0;display:flex}.dash-cat-text strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-cat-text span{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.dash-rail{gap:var(--space-lg);top:var(--space-xl);flex-direction:column;display:flex;position:sticky}.rail-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.rail-card.protip{background:linear-gradient(135deg, #8b7cf624, var(--bg-elevated) 65%)}.protip-head{margin-bottom:var(--space-xs);align-items:center;gap:8px;font-weight:700;display:flex}.protip-head svg{color:var(--primary)}.rail-card.protip p{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-md)}.rail-card.protip .btn-primary{font-size:var(--fs-sm);padding:8px 16px}.rail-head{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.rail-head h3{font-family:var(--font-heading);font-size:var(--fs-base);align-items:center;gap:8px;display:flex}.trend-list{flex-direction:column;gap:4px;list-style:none;display:flex}.trend-item{border-radius:var(--radius-sm);text-align:left;width:100%;transition:var(--transition);align-items:center;gap:10px;padding:8px;display:flex}.trend-item:hover{background:var(--card-bg)}.trend-thumb{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-soft), #ec6ba626);flex-shrink:0;width:36px;height:36px}.trend-text{flex-direction:column;flex:1;min-width:0;display:flex}.trend-text strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trend-text span{font-size:var(--fs-xs);color:var(--text-subtle)}.trend-item>svg{color:var(--text-subtle);flex-shrink:0}.sidebar-upgrade{margin:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(160deg, #8b7cf62e, var(--card-bg));border:1px solid var(--border);color:var(--text);flex-direction:column;gap:4px;display:flex}.sidebar-upgrade-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary);background:var(--accent-soft);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.sidebar-upgrade strong{font-size:var(--fs-sm)}.sidebar-upgrade>span:not(.sidebar-upgrade-icon):not(.sidebar-upgrade-btn){font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.sidebar-upgrade-btn{text-align:center;border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;font-size:var(--fs-sm);margin-top:8px;padding:8px;font-weight:600}.sidebar-upgrade:hover .sidebar-upgrade-btn{filter:brightness(1.05)}@media (width<=1200px){.dash-grid{grid-template-columns:1fr}.dash-rail{flex-flow:wrap;position:static}.dash-rail .rail-card{flex:1;min-width:260px}}@media (width<=1000px){.dash-quick-grid{grid-template-columns:repeat(2,1fr)}.dash-stats,.dash-assets{grid-template-columns:repeat(3,1fr)}.dash-cat-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.dash-quick-grid{grid-template-columns:1fr}.dash-stats,.dash-assets,.dash-cat-grid{grid-template-columns:repeat(2,1fr)}.dash-welcome-search{flex-wrap:wrap}.dash-welcome-search .btn-primary{width:100%}.dash-rail{flex-direction:column}}@media (width<=900px){.sidebar-upgrade{display:none}}.biz-hub{max-width:1180px;margin:0 auto}.biz-hub-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.biz-hub-eyebrow{letter-spacing:.6px;text-transform:uppercase;color:var(--primary);align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.biz-hub-head h1{margin:10px 0;font-size:2rem;line-height:1.15}.biz-hub-head p{color:var(--text-secondary);max-width:620px;margin:0;font-size:1rem;line-height:1.6}.biz-hub-badges{flex-wrap:wrap;gap:8px 18px;margin-top:16px;display:flex}.biz-hub-badges span{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.biz-hub-badges svg{color:var(--primary)}.biz-hub-zoho{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.biz-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.biz-cats{flex-wrap:wrap;gap:8px;display:flex}.biz-cat{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:7px 15px;font-size:.85rem;font-weight:600;transition:all .15s}.biz-cat:hover{border-color:var(--primary);color:var(--text-primary)}.biz-cat.active{background:var(--primary);border-color:var(--primary);color:#fff}.biz-tpl-search{border:1px solid var(--border);background:var(--card-bg);border-radius:999px;align-items:center;gap:8px;min-width:220px;padding:8px 13px;display:flex}.biz-tpl-search svg{color:var(--text-secondary);flex-shrink:0}.biz-tpl-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.biz-layout{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.biz-templates{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);position:sticky;top:16px;overflow:hidden}.biz-templates-head{letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.78rem;font-weight:700}.biz-templates-grid{grid-template-columns:1fr 1fr;gap:12px;max-height:68vh;padding:14px;display:grid;overflow-y:auto}.biz-tpl{border:1px solid var(--border);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;gap:8px;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.biz-tpl:hover{border-color:var(--primary);box-shadow:var(--shadow-md,0 6px 18px #0000001f);transform:translateY(-2px)}.biz-tpl.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.biz-tpl-preview{border:1px solid var(--border);background:#0b1020;border-radius:6px;width:100%;display:block;overflow:hidden}.biz-tpl-preview img{object-fit:contain;width:100%;height:100%;display:block}.biz-tpl-name{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.biz-tpl-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:24px 8px;font-size:.85rem}.biz-editor{grid-template-columns:1fr 320px;align-items:start;gap:22px;display:grid}.biz-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:repeating-conic-gradient(#e9edf3 0% 25%,#f7f9fc 0% 50%) 0 0/22px 22px;justify-content:center;align-items:center;min-height:320px;padding:18px;display:flex}.biz-preview img{max-width:100%;max-height:62vh;box-shadow:var(--shadow-lg);border-radius:4px}.biz-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;position:sticky;top:20px}.biz-form h3{margin:0 0 14px;font-size:1.05rem}.biz-field{margin-bottom:12px;display:block}.biz-field span{color:var(--text-secondary);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.biz-field input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:9px 11px;font-size:.9rem}.biz-field input:focus{border-color:var(--primary);outline:none}.biz-actions{gap:8px;margin:16px 0 12px;display:flex}.biz-actions .btn-outline,.biz-actions .btn-primary{border-radius:var(--radius-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.biz-actions .btn-primary{flex:1.4}.biz-actions button:disabled{opacity:.6;cursor:default}.biz-open-studio{color:var(--primary);align-items:center;gap:7px;margin-bottom:12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.biz-open-studio:hover{text-decoration:underline}.biz-hint{color:var(--text-secondary);align-items:flex-start;gap:7px;margin:0;font-size:.78rem;line-height:1.5;display:flex}.biz-hint svg{flex-shrink:0;margin-top:2px}@media (width<=1080px){.biz-layout{grid-template-columns:1fr}.biz-templates{position:static}.biz-templates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:none}}@media (width<=760px){.biz-editor{grid-template-columns:1fr}.biz-form{position:static}.biz-hub-head{flex-direction:column}.biz-hub-head h1{font-size:1.6rem}.biz-tpl-search{width:100%}}.biz-tabs{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.biz-tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.biz-tab:hover{color:var(--text-primary)}.biz-tab.active{background:var(--primary);color:#fff}.biz-conn-intro p{color:var(--text-secondary);max-width:640px;margin:0 0 18px;font-size:.92rem;line-height:1.55}.biz-flash{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);align-items:center;gap:9px;margin-bottom:14px;padding:11px 14px;font-size:.88rem;display:flex}.biz-flash svg{flex-shrink:0}.biz-flash.ok{color:#16a34a;background:#22c55e1a;border-color:#22c55e66}.biz-flash.err{color:#dc2626;background:#ef44441a;border-color:#ef444466}.biz-flash.warn{color:#a16207;background:#eab3081a;border-color:#eab30866}.biz-flash code{background:#00000026;border-radius:4px;padding:1px 6px;font-size:.82em}.biz-linkbtn{color:var(--primary);cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.biz-conn-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:6px;display:grid}.biz-conn-card{border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius-lg);flex-direction:column;padding:18px;display:flex}.biz-conn-card.connected{border-color:#22c55e66}.biz-conn-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.biz-conn-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.biz-conn-title{flex-direction:column;gap:4px;display:flex}.biz-conn-title strong{font-size:1rem}.biz-conn-badge{border-radius:999px;width:fit-content;padding:2px 8px;font-size:.72rem;font-weight:700}.biz-conn-badge.on{color:#16a34a;background:#22c55e26}.biz-conn-badge.off{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.biz-conn-badge.warn{color:#a16207;background:#eab30826}.biz-conn-desc{color:var(--text-secondary);flex:1;margin:0 0 14px;font-size:.86rem;line-height:1.5}.biz-conn-meta{grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:.82rem;display:grid}.biz-conn-meta dt{color:var(--text-secondary)}.biz-conn-meta dd{color:var(--text-primary);margin:0;font-weight:500}.biz-conn-actions{gap:8px;display:flex}.biz-conn-actions .btn-primary,.biz-conn-actions .btn-outline{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.biz-conn-actions .btn-primary{flex:1}.biz-conn-actions button:disabled{opacity:.55;cursor:default}.btn-ghost-danger{border:1px solid var(--border);color:#dc2626;border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:9px 14px;font-size:.85rem;font-weight:600}.btn-ghost-danger:hover{background:#ef444414;border-color:#ef444466}.biz-conn-loading{color:var(--text-secondary);margin-top:14px;font-size:.85rem}.biz-hub-help{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:9px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.biz-hub-help:hover{color:var(--text-primary);border-color:var(--primary)}.biz-form-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.biz-form-top h3{margin:0;font-size:1.05rem}.biz-zoho-fill{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:#8b5cf61a;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.biz-zoho-fill:hover{background:var(--primary);color:#fff}.biz-zoho-cta{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-size:.83rem;font-weight:600;display:inline-flex}.biz-zoho-cta:hover{border-color:var(--primary);color:var(--text-primary)}.biz-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0206179e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.biz-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(720px,100%);max-height:88vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.biz-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.biz-modal-head h3{margin:0;font-size:1.1rem}.biz-modal-x{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.biz-modal-x:hover{background:var(--card-bg);color:var(--text-primary)}.biz-modal-body{padding:18px 20px;overflow-y:auto}.biz-pick-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.biz-pick-row label{display:block}.biz-pick-row span{color:var(--text-secondary);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.biz-pick-row select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:9px 11px;font-size:.88rem}.biz-mapbox{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);margin-bottom:16px;padding:12px 14px}.biz-mapbox-title{margin-bottom:10px;font-size:.82rem;font-weight:700}.biz-mapbox-title span{color:var(--text-secondary);margin-left:6px;font-weight:400}.biz-maprows{flex-direction:column;gap:8px;display:flex}.biz-maprow{grid-template-columns:1fr auto 1.2fr;align-items:center;gap:10px;display:grid}.biz-maprow code{background:var(--bg-primary);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:.8rem;overflow:hidden}.biz-maparrow{color:var(--text-secondary);font-size:.9rem}.biz-maprow select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:7px 9px;font-size:.83rem}.biz-reclist-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.biz-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);flex:1;align-items:center;gap:7px;padding:7px 11px;display:flex}.biz-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.biz-reclist-head .btn-outline{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.biz-reclist{border:1px solid var(--border);border-radius:var(--radius-md);max-height:260px;overflow-y:auto}.biz-rec{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;display:flex}.biz-rec:last-child{border-bottom:none}.biz-rec:hover{background:var(--card-bg)}.biz-rec.on{background:#8b5cf614}.biz-rec input{accent-color:var(--primary)}.biz-modal-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px 20px;display:flex}.biz-modal-count{color:var(--text-secondary);margin-right:auto;font-size:.83rem}.biz-bulk-fmt{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.biz-bulk-fmt select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:6px 8px}.biz-modal-foot .btn-outline,.biz-modal-foot .btn-primary{border-radius:var(--radius-md);cursor:pointer;padding:9px 16px;font-size:.85rem;font-weight:600}.biz-modal-foot button:disabled{opacity:.55;cursor:default}.biz-busy-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206178c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.biz-busy-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:18px 24px;font-weight:600;display:flex}.biz-empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.biz-empty h3{color:var(--text-primary);margin:14px 0 6px}.biz-empty p{margin:0;font-size:.9rem}.biz-exports-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.biz-exports-head p{color:var(--text-secondary);margin:0;font-size:.85rem}.biz-exports-list{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.biz-export-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:11px 14px;font-size:.86rem;display:grid}.biz-export-row:last-child{border-bottom:none}.biz-export-name{font-weight:600}.biz-export-tag{background:var(--card-bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700}.biz-export-tag.zoho{color:var(--primary);background:#8b5cf61f;border-color:#0000}.biz-export-fmt{color:var(--text-secondary);font-size:.74rem;font-weight:700}.biz-export-date{color:var(--text-secondary);font-size:.78rem}@media (width<=560px){.biz-pick-row{grid-template-columns:1fr}.biz-maprow{grid-template-columns:1fr auto 1fr}.biz-export-row{grid-template-columns:1fr auto;row-gap:4px}.biz-export-date{grid-column:1/-1}}.biz-help{max-width:860px;margin:0 auto}.biz-help-hero{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding:8px 0 28px}.biz-help-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:inline-flex}.biz-help-hero h1{margin:10px 0 12px;font-size:2rem}.biz-help-hero p{color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:1.6}.biz-help-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.biz-help-cta .btn-primary,.biz-help-cta .btn-outline{border-radius:var(--radius-md);align-items:center;gap:7px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.biz-help-toc{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:34px;display:flex}.biz-help-toc a{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:600;text-decoration:none}.biz-help-toc a:hover{border-color:var(--primary);color:var(--text-primary)}.biz-help-sec{scroll-margin-top:calc(var(--nav-height) + 20px);margin-bottom:40px}.biz-help-sec h2{align-items:center;gap:10px;margin:0 0 14px;font-size:1.3rem;display:flex}.biz-help-sec h2 svg{color:var(--primary)}.biz-help-sec>p{color:var(--text-secondary);margin:0 0 12px;line-height:1.65}.biz-help-sec code{background:var(--card-bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.85em}.biz-help-sec a{color:var(--primary)}.biz-steps{flex-direction:column;gap:10px;margin:0 0 12px;padding-left:22px;display:flex}.biz-steps li{color:var(--text-secondary);line-height:1.6}.biz-steps strong{color:var(--text-primary)}.biz-help-note{background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);color:var(--text-secondary);padding:12px 16px;font-size:.88rem;line-height:1.6}.biz-help-list{flex-direction:column;gap:9px;margin:0;padding-left:20px;display:flex}.biz-help-list li{color:var(--text-secondary);line-height:1.6}.biz-help-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.biz-help-trow{border-bottom:1px solid var(--border);grid-template-columns:1fr 1.4fr;gap:16px;padding:13px 16px;display:grid}.biz-help-trow:last-child{border-bottom:none}.biz-help-sym{font-size:.87rem;font-weight:600}.biz-help-fix{color:var(--text-secondary);font-size:.87rem;line-height:1.55}.biz-help-faqs{flex-direction:column;gap:8px;display:flex}.biz-help-foot{text-align:center;border-top:1px solid var(--border);padding:24px 0 8px}.biz-help-foot .btn-primary{border-radius:var(--radius-md);align-items:center;gap:7px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=560px){.biz-help-trow{grid-template-columns:1fr;gap:5px}.biz-help-hero h1{font-size:1.6rem}}.biz-land{max-width:1080px;padding-top:calc(var(--nav-height) + 24px);margin:0 auto}.biz-land-hero{text-align:center;padding:24px 16px 40px}.biz-land-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;font-size:.8rem;font-weight:700;display:inline-flex}.biz-land-hero h1{max-width:800px;margin:14px auto 16px;font-size:2.6rem;line-height:1.12}.biz-land-hero>p{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1.08rem;line-height:1.6}.biz-land-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.biz-land-cta.center{margin-top:24px}.biz-land-cta .btn-primary,.biz-land-cta .btn-outline{border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.biz-land-trust{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:22px;font-size:.86rem;font-weight:500;display:flex}.biz-land-trust span{align-items:center;gap:6px;display:inline-flex}.biz-land-trust svg{color:#22c55e}.biz-land-sec{border-top:1px solid var(--border);padding:40px 16px}.biz-land-sec h2{text-align:center;margin:0 0 30px;font-size:1.7rem}.biz-land-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.biz-land-card{border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius-lg);padding:22px}.biz-land-ic{width:48px;height:48px;color:var(--primary);background:#8b5cf61f;border-radius:12px;place-items:center;margin-bottom:14px;font-size:26px;display:grid}.biz-land-card h3{margin:0 0 8px;font-size:1.05rem}.biz-land-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.biz-land-steps{grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.biz-land-steps li{flex-direction:column;gap:10px;display:flex}.biz-land-step-n{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:grid}.biz-land-steps strong{font-size:1rem}.biz-land-steps p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem;line-height:1.55}.biz-land-feats{grid-template-columns:repeat(2,1fr);gap:18px;max-width:860px;margin:0 auto;display:grid}.biz-land-feat{border:1px solid var(--border);background:var(--card-bg);border-radius:var(--radius-lg);gap:14px;padding:20px;display:flex}.biz-land-feat>svg{color:var(--primary);flex-shrink:0;font-size:30px}.biz-land-feat strong{margin-bottom:6px;font-size:1rem;display:block}.biz-land-feat p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.biz-land-faqs{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;display:flex}.biz-land-faq h3{margin:0 0 7px;font-size:1.02rem}.biz-land-faq p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.6}.biz-land-final{text-align:center;border-top:1px solid var(--border);padding:50px 16px 30px}.biz-land-final h2{margin:0 0 10px;font-size:1.7rem}.biz-land-final>p{color:var(--text-secondary);margin:0}@media (width<=900px){.biz-land-grid,.biz-land-steps{grid-template-columns:repeat(2,1fr)}.biz-land-feats{grid-template-columns:1fr}}@media (width<=560px){.biz-land-hero h1{font-size:1.9rem}.biz-land-grid,.biz-land-steps{grid-template-columns:1fr}}.pdfe-load{text-align:center;max-width:680px;margin:0 auto}.pdfe-load-head h1{margin:0 0 10px;font-size:2rem}.pdfe-load-head p{color:var(--text-secondary);max-width:560px;margin:0 auto 24px;line-height:1.6}.pdfe-drop{border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--card-bg);flex-direction:column;align-items:center;gap:8px;padding:44px 20px;transition:border-color .15s;display:flex}.pdfe-drop:hover{border-color:var(--primary)}.pdfe-drop svg{color:var(--primary)}.pdfe-drop strong{font-size:1rem}.pdfe-drop span{color:var(--text-secondary);font-size:.85rem}.pdfe-url{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);align-items:center;gap:8px;margin-top:14px;padding:6px 6px 6px 12px;display:flex}.pdfe-url svg{color:var(--text-secondary);flex-shrink:0}.pdfe-url input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.pdfe-url .btn-primary{border-radius:var(--radius-sm);padding:8px 16px;font-weight:600}.pdfe{inset:var(--nav-height) 0 0 0;background:var(--bg-secondary,#2b2f36);flex-direction:column;display:flex;position:fixed}.dashboard-content .pdfe{position:absolute;inset:0}.pdfe-toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:5;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.pdfe-tools{gap:3px;display:flex}.pdfe-tool{width:38px;height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.pdfe-tool:hover{background:var(--card-bg);color:var(--text-primary)}.pdfe-tool.active{background:var(--primary);color:#fff}.pdfe-sep{background:var(--border);align-self:stretch;width:1px;margin:4px}.pdfe-opts{align-items:center;gap:12px;display:flex}.pdfe-opt{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.pdfe-opt input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;width:26px;height:26px;padding:0}.pdfe-opt input[type=number]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);width:54px;color:var(--text-primary);padding:5px 7px}.pdfe-align{gap:2px;display:inline-flex}.pdfe-align button{border:1px solid var(--border);background:var(--bg-primary);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:5px;font-size:.75rem;font-weight:700}.pdfe-align button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pdfe-spacer{flex:1}.pdfe-actions{align-items:center;gap:4px;display:flex}.pdfe-ico{width:34px;height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.pdfe-ico:hover:not(:disabled){background:var(--card-bg);color:var(--text-primary)}.pdfe-ico:disabled{opacity:.4;cursor:default}.pdfe-zoom{color:var(--text-secondary);text-align:center;min-width:42px;font-size:.8rem}.pdfe-exp{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;margin-left:4px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.pdfe-stage{flex:1;position:relative;overflow:hidden}.pdfe-scroll{justify-content:center;padding:28px;display:flex;position:absolute;inset:0;overflow:auto}.pdfe-page-wrap{flex-shrink:0;position:relative}.pdfe-surface{transform-origin:0 0;background:#fff;position:relative;box-shadow:0 6px 30px #00000059}.pdfe-bg{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.pdfe-surface.tool-text,.pdfe-surface.tool-whiteout,.pdfe-surface.tool-draw{cursor:crosshair}.pdfe-layer{box-sizing:border-box}.pdfe-text{align-items:flex-start;line-height:1.15;display:flex;overflow:visible}.pdfe-text-in{width:100%}.pdfe-text.ghost:hover{outline:1px dashed #6366f199}.pdfe-surface.hl .pdfe-text.ghost{background:#6366f10f;outline:1px dashed #6366f173}.pdfe-ico.on{color:var(--primary);background:#6366f11f}.pdfe-hint{border-bottom:1px solid var(--border);color:var(--text-secondary);background:#6366f11a;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;display:flex}.pdfe-hint svg:first-child{color:var(--primary);flex-shrink:0}.pdfe-hint span{flex:1}.pdfe-hint strong{color:var(--text-primary)}.pdfe-hint button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.pdfe-layer.sel{outline:1.5px solid var(--primary)}.pdfe-white{border:1px dashed #00000026}.pdfe-handle{background:var(--primary);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.pdfe-pager{background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:10px;padding:6px 10px;font-size:.82rem;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pdfe-err{color:#fff;border-radius:var(--radius-md);max-width:380px;box-shadow:var(--shadow-lg);background:#dc2626;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex;position:absolute;bottom:16px;right:16px}.pdfe-err button{color:#fff;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}@media (width<=640px){.pdfe-opts{order:3;width:100%}.pdfe-exp span{display:none}}.pdfx{z-index:200;color:#e5e7eb;background:#1e2128;flex-direction:column;font-size:14px;display:flex;position:fixed;inset:0}.pdfx button{font-family:inherit}.pdfx-head{background:#16181d;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.pdfx-brand{align-items:center;gap:9px;font-size:1.05rem;font-weight:800;display:flex}.pdfx-logo{background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:8px;width:26px;height:26px}.pdfx-close{color:#8a909b;cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.pdfx-close:hover{color:#fff;background:#ffffff14}.pdfx-doc{flex-direction:column;line-height:1.15;display:flex}.pdfx-doc-name{align-items:center;gap:5px;font-weight:600;display:inline-flex}.pdfx-doc-sub{color:#8a909b;font-size:11px}.pdfx-center{align-items:center;gap:6px;margin:0 auto;display:flex}.pdfx-ico{color:#c3c8d1;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.pdfx-ico:hover:not(:disabled){color:#fff;background:#ffffff14}.pdfx-ico:disabled{opacity:.35;cursor:default}.pdfx-zoom{background:#ffffff0d;border-radius:8px;align-items:center;gap:2px;padding:2px 4px;display:flex}.pdfx-zoom span{text-align:center;min-width:44px;font-size:13px}.pdfx-head-right{align-items:center;gap:10px;display:flex}.pdfx-share{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:.88rem;font-weight:600;display:inline-flex}.pdfx-share:hover{background:#ffffff0f}.pdfx-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#d946ef);border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.pdfx-download:disabled{opacity:.6;cursor:default}.pdfx-ribbon{background:#1a1d23;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:2px;height:50px;padding:0 12px;display:flex;overflow-x:auto}.pdfx-tool{color:#c3c8d1;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.pdfx-tool:hover{color:#fff;background:#ffffff0f}.pdfx-tool.active{color:#fff;background:#8b5cf629;border-bottom-color:#8b5cf6}.pdfx-tool.soon{opacity:.55}.pdfx-hint{color:#aeb4bf;background:#20242c;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;font-size:13px;display:flex}.pdfx-hint>svg:first-child{color:#8b5cf6;flex-shrink:0}.pdfx-hint span{flex:1}.pdfx-hint strong{color:#fff}.pdfx-gotit{color:#c4b5fd;cursor:pointer;background:#8b5cf638;border:none;border-radius:7px;padding:5px 13px;font-weight:600}.pdfx-hint-x{color:#8a909b;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.pdfx-body{flex:1;min-height:0;display:flex}.pdfx-left{background:#1a1d23;border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:216px;min-height:0;display:flex}.pdfx-left-head{letter-spacing:.6px;color:#8a909b;justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:12px;font-weight:700;display:flex}.pdfx-left-head button{color:#c3c8d1;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.pdfx-left-head button:hover{color:#fff;background:#8b5cf6}.pdfx-thumbs{flex-direction:column;gap:6px;padding:0 14px 10px;display:flex;overflow-y:auto}.pdfx-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:0}.pdfx-thumb img{background:#fff;border:1px solid #ffffff1f;border-radius:6px;width:100%;display:block}.pdfx-thumb.active{border-color:#8b5cf6}.pdfx-thumb span{text-align:center;color:#8a909b;margin-top:3px;font-size:11px;display:block}.pdfx-nav{border-top:1px solid #ffffff12;flex-direction:column;gap:2px;margin-top:auto;padding:10px 8px;display:flex}.pdfx-navitem{color:#c3c8d1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.pdfx-navitem:hover{color:#fff;background:#ffffff0f}.pdfx-navitem.active{color:#fff;background:#8b5cf629}.pdfx-stage{background:#1e2128;flex:1;min-width:0;position:relative}.pdfx-scroll{justify-content:center;padding:28px;display:flex;position:absolute;inset:0;overflow:auto}.pdfx-page-wrap{flex-shrink:0;position:relative}.pdfx-surface{transform-origin:0 0;background:#fff;position:relative;box-shadow:0 10px 44px #00000080}.pdfx-bg{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.pdfx-surface.tool-text,.pdfx-surface.tool-whiteout,.pdfx-surface.tool-highlight,.pdfx-surface.tool-shape,.pdfx-surface.tool-draw,.pdfx-surface.tool-sign,.pdfx-surface.tool-redact{cursor:crosshair}.pdfx-layer{box-sizing:border-box}.pdfx-text{align-items:flex-start;display:flex;overflow:visible}.pdfx-text-in{width:100%}.pdfx-surface.tool-select .pdfx-text.ghost{outline:1px dashed #8b5cf647}.pdfx-text.ghost:hover{background:#8b5cf60f;outline:1px dashed #8b5cf6b3}.pdfx-layer.sel{outline:1.5px solid #8b5cf6}.pdfx-white{border:1px dashed #0000002e}.pdfx-handle{cursor:nwse-resize;background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.pdfx-pager{background:#16181d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.pdfx-pager .pdfx-ico{width:30px;height:30px}.pdfx-pager-sep{background:#ffffff1f;width:1px;height:20px;margin:0 4px}.pdfx-right{background:#1a1d23;border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:22px;width:266px;padding:16px;display:flex;overflow-y:auto}.pdfx-prop{flex-direction:column;gap:12px;display:flex}.pdfx-prop-title{letter-spacing:.6px;color:#8a909b;text-transform:uppercase;font-size:12px;font-weight:700}.pdfx-prop-title.sub{margin-top:2px}.pdfx-empty{color:#8a909b;margin:0;font-size:13px}.pdfx-select{color:#e5e7eb;cursor:pointer;background:#22262e;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:9px 11px;font-size:13px}.pdfx-prop-row{align-items:center;gap:10px;display:flex}.pdfx-select.sm{flex:1}.pdfx-lab{color:#aeb4bf;flex:1;font-size:13px}.pdfx-color{cursor:pointer;background:#22262e;border:1px solid #ffffff1f;border-radius:8px;width:46px;height:36px;padding:2px}.pdfx-btn-row{gap:6px;display:flex}.pdfx-btn-row button{color:#c3c8d1;cursor:pointer;background:#22262e;border:1px solid #ffffff1f;border-radius:8px;flex:1;place-items:center;height:36px;display:grid}.pdfx-btn-row button:hover{color:#fff}.pdfx-btn-row button.on{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.pdfx-slide{color:#aeb4bf;align-items:center;gap:10px;font-size:12px;display:flex}.pdfx-slide span{white-space:nowrap}.pdfx-slide input[type=range]{accent-color:#8b5cf6;flex:1}.pdfx-slide b{color:#e5e7eb;text-align:right;min-width:40px;font-weight:600}.pdfx-obj-row{gap:6px;display:flex}.pdfx-obj-row button{color:#c3c8d1;cursor:pointer;background:#22262e;border:1px solid #ffffff1f;border-radius:8px;flex:1;place-items:center;height:38px;display:grid}.pdfx-obj-row button:hover{color:#fff}.pdfx-obj-row button.on{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.pdfx-toast{color:#fff;z-index:300;background:#16181d;border:1px solid #ffffff1f;border-radius:10px;padding:10px 18px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@media (width<=1024px){.pdfx-left{width:170px}.pdfx-right{width:230px}}@media (width<=820px){.pdfx-left,.pdfx-right,.pdfx-doc{display:none}}.tool-engine{flex-direction:column;gap:20px;width:100%;max-width:860px;margin:0 auto;display:flex}.tool-controls{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.tool-control{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;display:flex}.tool-control-wide{width:100%}.tool-control input[type=text],.tool-control input[type=number],.tool-control input[type=url],.tool-control select,.tool-inline-input input,.tool-inline-input select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);min-width:120px;padding:9px 11px;font-size:.9rem;font-weight:500}.tool-control input:focus,.tool-control select:focus,.tool-inline-input input:focus{border-color:var(--primary);outline:none}.tool-control input[type=range]{min-width:160px;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:42px;height:34px;padding:2px}.tool-inline-input{align-items:center;gap:6px;display:inline-flex}.tool-inline-input span{color:var(--text-secondary);font-size:.85rem}.tool-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:inline-flex}.tool-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.tool-preset-row{flex-wrap:wrap;gap:8px;display:flex}.tool-preset-row button{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:600;transition:all .15s}.tool-preset-row button:hover{border-color:var(--primary);color:var(--text-primary)}.tool-preset-row button.active{background:var(--primary);border-color:var(--primary);color:#fff}.tool-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);justify-content:center;align-items:center;padding:16px;display:flex}.tool-preview img{border-radius:var(--radius-sm);max-width:100%;max-height:60vh;display:block}.tool-compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tool-compare figure,.tool-compare>div{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-direction:column;align-items:center;gap:8px;margin:0;padding:14px;display:flex}.tool-compare img{border-radius:var(--radius-sm);max-width:100%;max-height:46vh}.tool-compare figcaption{color:var(--text-secondary);font-size:.8rem;font-weight:600}.tool-transparent-bg{border-radius:var(--radius-sm);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.tool-mask-editor{width:100%}.tool-error{border-radius:var(--radius-md);color:#dc2626;background:#ef44441a;border:1px solid #ef444459;margin:0;padding:10px 14px;font-size:.88rem;font-weight:500}.tool-warning{border-radius:var(--radius-md);color:#a16207;background:#eab3081a;border:1px solid #eab30859;margin:0;padding:10px 14px;font-size:.86rem}.tool-note{color:var(--text-secondary);margin:0;font-size:.83rem;line-height:1.5}.tool-page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.tool-page-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);margin:0;position:relative;overflow:hidden}.tool-page-card img{object-fit:contain;background:var(--bg-secondary,#f1f5f9);width:100%;height:150px;display:block}.tool-page-card figcaption{color:var(--text-secondary);text-align:center;border-top:1px solid var(--border);padding:7px 10px;font-size:.76rem}.tool-page-actions{gap:4px;display:flex;position:absolute;top:6px;right:6px}.tool-page-actions button{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.tool-page-actions button:hover{background:var(--primary)}.tool-meta-table{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.tool-meta-row{border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;gap:14px;padding:9px 14px;font-size:.85rem;display:grid}.tool-meta-row:last-child{border-bottom:none}.tool-meta-row:nth-child(2n){background:var(--card-bg)}.tool-meta-key{color:var(--text-secondary);font-weight:600}.tool-meta-value{color:var(--text-primary);word-break:break-word}.tool-snippet{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tool-snippet-head{background:var(--card-bg);border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:700;display:flex}.tool-snippet-clamp{color:var(--text-primary);background:var(--bg-primary);white-space:pre-wrap;word-break:break-all;max-height:240px;margin:0;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.tool-ocr-output{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);white-space:pre-wrap;max-height:46vh;padding:14px;font-size:.88rem;line-height:1.6;overflow-y:auto}.tool-swatch-row{flex-wrap:wrap;gap:8px;display:flex}.tool-swatch{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;width:54px;height:54px;transition:transform .12s;position:relative}.tool-swatch:hover{transform:scale(1.08)}.tool-picker-canvas{border:1px solid var(--border);border-radius:var(--radius-md);cursor:crosshair;max-width:100%;display:block}.tool-picker-readout{align-items:center;gap:12px;font-size:.88rem;display:flex}.tool-crop-stage{border-radius:var(--radius-md);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;display:inline-block;position:relative;overflow:hidden}.tool-crop-stage img{max-width:100%;display:block}.tool-crop-selection{border:2px solid var(--primary);pointer-events:none;background:#6366f124;position:absolute;box-shadow:0 0 0 9999px #0f172a66}.tool-favicon-previews{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-wrap:wrap;align-items:flex-end;gap:18px;padding:16px;display:flex}.tool-favicon-previews img{border:1px solid var(--border);background:#fff;border-radius:4px}.tool-qr-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;padding:20px;display:flex}.tool-qr-preview img,.tool-qr-preview canvas{width:100%;max-width:260px;height:auto}.studio-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-toast{z-index:1200;background:var(--card-bg,#fff);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);border-left:3px solid #22c55e;align-items:center;gap:9px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.25s toolToastIn;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.tool-toast svg{color:#22c55e;flex-shrink:0}@keyframes toolToastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.image-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.image-card:hover{box-shadow:var(--shadow-lg);border-color:#8b5cf666;transform:translateY(-3px)}.image-card-media{overflow:hidden}.image-card-media img{transition:transform .3s}.image-card:hover .image-card-media img{transform:scale(1.04)}.image-card-meta{border-top:1px solid var(--border)}.image-card-meta a{color:var(--text-secondary);text-decoration:none}.image-card-meta a:hover{color:var(--primary)}.license-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.filter-bar{margin:0 0 20px}.filter-bar-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-count{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.active-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.active-chip{border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.active-chip:hover{color:#ef4444;border-color:#ef4444}.active-chip svg{width:12px;height:12px}.clear-all{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600;text-decoration:underline}.clear-all:hover{color:var(--primary)}.filter-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-direction:column;gap:16px;margin-top:16px;padding:18px;display:flex}.filter-group{flex-direction:column;gap:9px;display:flex}.filter-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);font-size:.76rem;font-weight:700}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.swatch-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.search-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-filters-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px;display:flex}.modal-meta-grid{grid-template-columns:1fr 1fr;gap:10px 16px;font-size:.82rem;display:grid}.attribution-links{flex-wrap:wrap;gap:10px;font-size:.82rem;display:flex}.attribution-links a{color:var(--primary);text-decoration:none}.attribution-links a:hover{text-decoration:underline}.download-notice{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.logo-word{letter-spacing:-.02em;font-weight:800}.logo-word-accent{color:var(--primary)}.biz-rec-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=640px){.tool-compare{grid-template-columns:1fr}.tool-meta-row{grid-template-columns:130px 1fr;gap:10px}.tool-controls{gap:10px}}