@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #0a0c10;--bg-card: rgba(18, 22, 30, .6);--bg-card-hover: rgba(26, 32, 44, .85);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--gradient-accent: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, 0) 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, .15) 0%, transparent 60%);--bg-input: rgba(10, 12, 16, .6);--bg-btn-sec: rgba(255, 255, 255, .04);--bg-btn-sec-hover: rgba(255, 255, 255, .08);--bg-pre-output: rgba(10, 12, 16, .8);--bg-nav-btn-hover: rgba(255, 255, 255, .03);--border-nav-btn-hover: rgba(255, 255, 255, .04);--bg-mobile-drawer: rgba(10, 12, 16, .95);--bg-navbar: rgba(10, 12, 16, .75);--bg-footer: rgba(10, 12, 16, .4);--bg-toast: rgba(18, 22, 30, .95);--border-color-hover: rgba(255, 255, 255, .12);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--max-width: 1650px}.header-nav{display:flex;align-items:center;gap:.15rem;flex:1;justify-content:center}.header-nav-item{position:relative}.header-nav-btn{display:flex;align-items:center;gap:.3rem;padding:.48rem .85rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;position:relative}.header-nav-btn:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scaleX(0);width:70%;height:2px;border-radius:2px;transition:transform .2s ease}.header-nav-item:nth-child(1) .header-nav-btn:after{background:#6366f1}.header-nav-item:nth-child(2) .header-nav-btn:after{background:#f59e0b}.header-nav-item:nth-child(3) .header-nav-btn:after{background:#0ea5e9}.header-nav-item:nth-child(4) .header-nav-btn:after{background:#8b5cf6}.header-nav-item:nth-child(5) .header-nav-btn:after{background:#ec4899}.header-nav-item:nth-child(6) .header-nav-btn:after{background:#10b981}.header-nav-btn--active{color:var(--text-primary)}.header-nav-btn--active:after{transform:translate(-50%) scaleX(1)}.header-nav-chevron{opacity:.4;transition:transform .2s ease,opacity .15s;flex-shrink:0}.header-nav-item:hover .header-nav-btn{color:var(--text-primary);background:rgba(255,255,255,.04)}body.light-theme .header-nav-item:hover .header-nav-btn{background:rgba(0,0,0,.04)}.header-nav-item:hover .header-nav-btn:after{transform:translate(-50%) scaleX(1)}.header-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-toast);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 0;min-width:220px;max-height:70vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;z-index:1010;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.header-dropdown--open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(4px)}.header-nav-item:hover .header-dropdown,.header-nav-item:focus-within .header-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(4px)}.header-dropdown::-webkit-scrollbar{width:6px}.header-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.header-dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--border-color)}.header-dropdown:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--bg-toast)}.header-dropdown-header{display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--border-color);margin-bottom:.3rem}.header-dropdown-list{display:flex;flex-direction:column;gap:1px}.header-dropdown-item{display:block;padding:.45rem .65rem;border-radius:7px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .12s,background .12s;white-space:nowrap}.header-nav-item:nth-child(1) .header-dropdown-item:hover,.header-nav-item:nth-child(1) .header-dropdown-item--active{background:rgba(99,102,241,.1);color:#818cf8}.header-nav-item:nth-child(2) .header-dropdown-item:hover,.header-nav-item:nth-child(2) .header-dropdown-item--active{background:rgba(245,158,11,.1);color:#fbbf24}.header-nav-item:nth-child(3) .header-dropdown-item:hover,.header-nav-item:nth-child(3) .header-dropdown-item--active{background:rgba(14,165,233,.1);color:#38bdf8}.header-nav-item:nth-child(4) .header-dropdown-item:hover,.header-nav-item:nth-child(4) .header-dropdown-item--active{background:rgba(139,92,246,.1);color:#a78bfa}.header-nav-item:nth-child(5) .header-dropdown-item:hover,.header-nav-item:nth-child(5) .header-dropdown-item--active{background:rgba(236,72,153,.1);color:#f472b6}.header-nav-item:nth-child(6) .header-dropdown-item:hover,.header-nav-item:nth-child(6) .header-dropdown-item--active{background:rgba(16,185,129,.1);color:#34d399}body.light-theme{--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .95);--border-color: rgba(15, 23, 42, .08);--border-focus: rgba(99, 102, 241, .6);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--gradient-card: linear-gradient(180deg, rgba(0, 0, 0, .01) 0%, rgba(0, 0, 0, 0) 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, .06) 0%, transparent 60%);--bg-input: rgba(255, 255, 255, .9);--bg-btn-sec: rgba(15, 23, 42, .04);--bg-btn-sec-hover: rgba(15, 23, 42, .08);--bg-pre-output: rgba(255, 255, 255, .95);--bg-nav-btn-hover: rgba(15, 23, 42, .02);--border-nav-btn-hover: rgba(15, 23, 42, .04);--bg-mobile-drawer: rgba(241, 245, 249, .98);--bg-navbar: rgba(255, 255, 255, .8);--bg-footer: rgba(255, 255, 255, .5);--bg-toast: rgba(255, 255, 255, .95);--border-color-hover: rgba(15, 23, 42, .15)}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;display:flex;flex-direction:column;position:relative}body:before{content:"";position:absolute;top:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);z-index:-1;pointer-events:none}body:after{content:"";position:absolute;bottom:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 70%);z-index:-1;pointer-events:none}.navbar{position:sticky;top:0;z-index:1000;width:100%;background:var(--bg-navbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);transform:translateZ(0);will-change:transform}.navbar-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:32px;height:32px;background:var(--gradient-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #6366f159}.logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.5px;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;display:flex;align-items:center;gap:.5rem}.nav-button{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.nav-button svg{width:16px;height:16px;fill:currentColor;opacity:.7;transition:transform var(--transition-fast)}.nav-button:hover{color:var(--text-primary);background:var(--bg-nav-btn-hover);border-color:var(--border-nav-btn-hover)}.nav-button.active{color:var(--text-primary);background:rgba(99,102,241,.1);border-color:#6366f133;box-shadow:inset 0 0 10px #6366f10d}.nav-button.active svg{color:var(--primary);opacity:1}.burger-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;z-index:1100}.burger-menu svg{width:24px;height:24px}.mobile-nav-drawer{position:fixed;top:72px;left:0;width:100%;height:0;background:var(--bg-mobile-drawer, rgba(19, 19, 26, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);overflow:hidden;z-index:999;transition:height var(--transition-normal)}.mobile-nav-drawer.open{height:400px}.mobile-nav-list{display:flex;flex-direction:column;padding:1.5rem 2rem;gap:.75rem;list-style:none}.workspace-header{max-width:1350px;margin:0 auto 1.5rem;width:100%;box-sizing:border-box;text-align:left}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.qr-layout{display:flex;flex-direction:column;align-items:center;gap:2rem}.app-footer{margin-top:auto;border-top:1px solid var(--border-color);padding:2.5rem 2rem;text-align:left;background:var(--bg-footer);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-footer-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-footer p{color:var(--text-muted);font-size:.85rem}.app-footer-links{display:flex;gap:1.5rem}.app-footer-links a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color var(--transition-fast)}.app-footer-links a:hover{color:var(--text-primary)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:2000}.toast{background:var(--bg-toast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:1rem 1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px #0000004d;transform:translateY(100px);opacity:0;animation:slideUp var(--transition-normal) forwards;min-width:250px}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--primary)}.toast-message{font-size:.9rem;font-weight:500}.toast-icon{width:18px;height:18px;display:flex;align-items:center}.main-layout-wrapper{display:block;max-width:1350px;margin:0 auto;width:100%;box-sizing:border-box}.theme-toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:1rem}.theme-toggle-btn:hover{background:var(--bg-btn-sec-hover);border-color:#6366f14d}.theme-toggle-btn svg{fill:currentColor;transition:transform var(--transition-normal)}.theme-toggle-btn:hover svg{transform:rotate(15deg)}body.light-theme .theme-toggle-btn .sun-icon{display:none}body.light-theme .theme-toggle-btn .moon-icon{display:block}body:not(.light-theme) .theme-toggle-btn .sun-icon{display:block}body:not(.light-theme) .theme-toggle-btn .moon-icon{display:none}.portal-card-footer{margin-top:auto;padding-top:1.5rem;display:flex;align-items:center;color:var(--primary);font-weight:600;font-size:.9rem}.portal-card-footer svg{margin-left:.25rem;transition:transform var(--transition-fast)}.portal-card:hover .portal-card-footer svg{transform:translate(4px)}body>div[style*="position: fixed"]{top:auto!important;bottom:20px!important}body.light-theme .checkerboard-bg{background-image:repeating-conic-gradient(rgba(0,0,0,.08) 0% 25%,rgba(255,255,255,.4) 0% 50%);background-color:#e2e8f0}.app-main-layout{display:flex;flex:1;width:100%;position:relative}.sidebar{display:none}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.header-nav-btn:after{background:var(--accent)!important}.header-dropdown-item:hover,.header-dropdown-item--active{background:var(--accent-light)!important;color:var(--accent-text)!important}@media (max-width: 968px){.mobile-search-btn{display:flex!important}.navbar-menu-desktop{display:none!important}.burger-menu,.navbar #burgerMenu{display:flex!important;align-items:center;justify-content:center}.sidebar{display:flex;flex-direction:column;position:fixed;top:72px;bottom:0;left:0;width:280px;max-width:85vw;background:var(--bg-mobile-drawer, rgba(19, 19, 26, .98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:1.25rem 1rem;overflow-y:auto;z-index:999;transform:translate(-100%);transition:transform .3s ease;box-shadow:10px 0 30px #0000004d;box-sizing:border-box}.sidebar.open{transform:translate(0)}}@media (max-width: 640px){.navbar-container{padding:0 1rem!important;height:60px!important;gap:.5rem!important}.logo-icon{width:28px!important;height:28px!important}.logo-text{font-size:1rem!important}.navbar-blog-link{font-size:.82rem!important;margin-right:0!important}.theme-toggle-btn{width:34px!important;height:34px!important;margin-left:.4rem!important}.theme-toggle-btn svg,.mobile-search-btn svg{width:17px!important;height:17px!important}.mobile-search-btn{width:34px!important;height:34px!important}.burger-menu svg{width:20px!important;height:20px!important}.sidebar,.mobile-nav-drawer{top:60px!important}}@media (max-width: 400px){.navbar-container{padding:0 .7rem!important;gap:.35rem!important}.logo-text{font-size:.9rem!important}.navbar-blog-link{display:none!important}.theme-toggle-btn{margin-left:.25rem!important}}.dashboard-search-container{position:relative;max-width:500px;margin:1.5rem auto 0;display:flex;align-items:center}.dashboard-search{width:100%;height:48px;padding:0 3rem 0 3.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:50px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026}body.light-theme .dashboard-search{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d}.dashboard-search:focus{border-color:#6366f1;background:rgba(99,102,241,.02);box-shadow:0 0 0 1px #6366f1,0 8px 30px #6366f126}body.light-theme .dashboard-search:focus{background:rgba(99,102,241,.01)}.dashboard-search-container .search-icon{position:absolute;left:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;transition:color .25s ease}.dashboard-search:focus~.search-icon{color:#6366f1}.search-clear-btn{position:absolute;right:1.25rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.search-clear-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary);transform:scale(1.05)}body.light-theme .search-clear-btn:hover{background:rgba(0,0,0,.05)}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center;margin:2.2rem auto 2.8rem;max-width:1200px;padding:0 1.5rem}.dashboard-tab{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}body.light-theme .dashboard-tab{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}.dashboard-tab:hover{transform:translateY(-2px);border-color:var(--tab-accent);background:var(--tab-accent-bg);color:var(--tab-accent)}.dashboard-tab--active{background:var(--tab-accent-bg)!important;border-color:var(--tab-accent)!important;color:var(--tab-accent)!important;box-shadow:0 6px 20px #00000026,inset 0 0 10px var(--tab-accent-bg)}.dashboard-tab-count{font-size:.72rem;font-weight:700;background:rgba(255,255,255,.06);color:var(--text-muted);padding:1.5px 6px;border-radius:6px;transition:all .2s ease}body.light-theme .dashboard-tab-count{background:rgba(0,0,0,.05)}.dashboard-tab:hover .dashboard-tab-count,.dashboard-tab--active .dashboard-tab-count{background:var(--tab-accent);color:#fff!important}.no-results{text-align:center;padding:4rem 2rem;background:rgba(18,22,30,.4);border:1px dashed rgba(255,255,255,.08);border-radius:16px;max-width:500px;margin:2rem auto;display:flex;flex-direction:column;align-items:center}body.light-theme .no-results{background:rgba(255,255,255,.4);border:1px dashed rgba(0,0,0,.08)}.no-results-icon{font-size:2.5rem;margin-bottom:1rem}.no-results h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.no-results p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.search-reset-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;padding:.6rem 1.4rem;font-weight:600;font-size:.85rem;border-radius:10px;cursor:pointer;box-shadow:0 4px 15px #6366f140;transition:all .2s ease}.search-reset-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}@media (max-width: 768px){.dashboard-tabs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;padding:0 1rem!important;margin:1.5rem auto 2rem!important}.dashboard-tab{width:100%!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;font-size:.78rem!important;padding:.55rem .75rem!important}}.seo-article{max-width:850px;margin:0 auto}.seo-article h2{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.5px;color:var(--text-primary, #ffffff)}.seo-article h3{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--text-primary, #ffffff)}.seo-article p{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin-bottom:1.25rem}.seo-article ul{list-style-type:none;margin-bottom:1.5rem}.seo-article li{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.25rem;position:relative}.seo-article li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0;top:0}.seo-article code{font-family:var(--font-mono);font-size:.85rem;background:rgba(255,255,255,.05);border:1px solid var(--border-color);padding:.15rem .4rem;border-radius:var(--radius-sm);color:var(--secondary)}.blog-card-hover{background:var(--bg-card);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-card-hover:hover{transform:translateY(-6px);border-color:var(--primary)!important;box-shadow:0 12px 24px -10px #6366f159;background:rgba(99,102,241,.02)!important}body.light-theme .blog-card-hover:hover{box-shadow:0 12px 24px -10px #6366f126;background:rgba(99,102,241,.01)!important}.blog-article-content{font-family:var(--font-sans);color:var(--text-primary);line-height:1.8;font-size:1.05rem}.blog-article-content p{margin-bottom:1.5rem!important;color:var(--text-secondary)}.blog-article-content h1.article-title{font-size:2.5rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem}.article-category{display:inline-block;padding:.25rem .75rem;border-radius:6px;background:rgba(99,102,241,.1);color:#818cf8;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.article-meta{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.blog-article-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1.25rem;letter-spacing:-.015em;position:relative;padding-bottom:.5rem;border:none!important}.blog-article-content h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:2px}.blog-article-content h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.75rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.75rem;color:var(--text-secondary)}.blog-article-content code{font-family:var(--font-mono);background:rgba(255,255,255,.06);color:#ff79c6;padding:.2rem .4rem;border-radius:4px;font-size:.9rem}body.light-theme .blog-article-content code{background:rgba(0,0,0,.05);color:#e11d48}.blog-article-content pre{font-family:var(--font-mono);background:#0f172a;border:1px solid var(--border-color);padding:1.25rem;border-radius:12px;overflow-x:auto;margin-bottom:1.75rem}body.light-theme .blog-article-content pre{background:#f8fafc}.article-quote{margin:2rem 0;padding:1.25rem 1.5rem;background:rgba(99,102,241,.04);border-left:4px solid var(--primary)!important;border-radius:0 12px 12px 0;font-style:italic}.article-quote p{margin-bottom:0!important;color:var(--text-primary)}.article-table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.article-table th{background:rgba(99,102,241,.08);color:var(--text-primary);font-weight:600;text-align:left;padding:1rem 1.25rem;font-size:.95rem;border-bottom:1px solid var(--border-color)}.article-table td{padding:1rem 1.25rem;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.01)}.article-table tr:last-child td{border-bottom:none}body.light-theme .article-table th{background:rgba(99,102,241,.05)}.article-cta-box{margin:3rem 0;padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(168,85,247,.08) 100%);border:1px solid rgba(99,102,241,.15);box-shadow:0 10px 30px -15px #6366f133;text-align:center}.article-cta-box h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.article-cta-box p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem!important}.article-cta-btn{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.8rem 2rem;font-weight:600;font-size:.95rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #6366f140;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.article-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.blog-category-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:.6rem!important;padding:.5rem .25rem .75rem!important;width:100%!important;box-sizing:border-box;scrollbar-width:none}.blog-category-nav::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;background-color:var(--bg-card, #12151e);color:var(--text-secondary, #9ca3af);border:1px solid var(--border-color, #232734);border-radius:9999px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;flex-shrink:0!important;white-space:nowrap!important;gap:.4rem}.category-pill:hover{border-color:var(--primary, #6366f1);color:var(--text-primary, #ffffff);background-color:#6366f114}.category-pill.active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(168,85,247,.2));color:var(--text-primary, #ffffff);border-color:var(--primary, #6366f1);box-shadow:0 0 12px #6366f14d}.pill-icon{font-size:.95rem;line-height:1}.pill-name{line-height:1}.pill-count,.pill-badge{background-color:#ffffff14;color:var(--text-secondary, #9ca3af);font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:12px;min-width:20px;text-align:center}.category-pill.active .pill-count,.category-pill.active .pill-badge{background-color:var(--primary, #6366f1);color:#fff}.blog-divider{border:none;border-top:1px solid var(--border-color, #1f2937);margin:1.25rem 0 2rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.blog-card{background:var(--bg-card, #0e121e);border:1px solid var(--border-color, #1e2433);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;transition:all .25s ease}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-card-icon{font-size:1.75rem}.blog-card-date{font-size:.8rem;color:var(--text-muted, #6b7280)}.blog-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #ffffff);margin:.75rem 0 .5rem;line-height:1.4}.blog-card-desc{font-size:.9rem;color:var(--text-secondary, #9ca3af);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .05))}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tag{background:rgba(99,102,241,.12);color:#818cf8;font-size:.75rem;padding:.2rem .5rem;border-radius:6px;font-weight:500}.blog-card-readtime{font-size:.8rem;color:var(--text-muted, #6b7280)}@media (max-width: 640px){.blog-article-content h1.article-title{font-size:1.85rem}.blog-article-content h2{font-size:1.4rem;margin-top:2rem}.blog-article-content h3{font-size:1.15rem}.blog-grid{grid-template-columns:1fr!important;gap:1rem}.blog-card{padding:1.15rem;border-radius:12px}.blog-card-title{font-size:1.1rem}.blog-card-desc{font-size:.85rem}.article-cta-box{padding:1.5rem 1rem;border-radius:14px}.category-pill{padding:.45rem .85rem;font-size:.8rem}}html{width:100%;max-width:100%;overflow-x:clip;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{width:100%;max-width:100%;overflow-x:clip;margin:0;padding:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}#root,#__next,.app,.app-container{width:100%;max-width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}*{box-sizing:border-box;margin:0;padding:0}.app-container{display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh}.workspace{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:2.5rem 2rem;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.title-section h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.35rem}.title-section p{color:var(--text-secondary);font-size:.95rem}.sponsor-slot-top{width:100%;margin:0 auto 2rem;border-radius:var(--radius-md);overflow:hidden;position:relative}.tool-view{display:none;animation:fadeIn var(--transition-normal) forwards;flex-direction:column;gap:2.5rem}.tool-view.active{display:flex}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:border-color var(--transition-normal)}.card:hover{border-color:var(--border-color-hover)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;width:100%}.input-row{display:flex;gap:1rem;width:100%}.input-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.textarea-field{width:100%;height:230px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;padding:1rem;resize:vertical;outline:none;transition:all var(--transition-fast)}.textarea-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--border-focus)}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;padding:.8rem 1rem;outline:none;transition:all var(--transition-fast)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--border-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #6366f140}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn-secondary{background:var(--bg-btn-sec);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-btn-sec-hover)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 968px){.panel-grid{grid-template-columns:1fr}}.panel-actions{display:flex;gap:.5rem}.btn-icon{background:var(--bg-btn-sec);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);background:var(--bg-btn-sec-hover)}.pre-output{width:100%;height:230px;background:var(--bg-pre-output);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;overflow:auto;font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.pre-output.error{border-color:#ef444466;color:#fca5a5;background:rgba(239,68,68,.05)}.gradient-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}@media (max-width: 968px){.gradient-grid{grid-template-columns:1fr}}.gradient-preview-box{width:100%;height:280px;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:flex-end;padding:1rem}.gradient-preview-info{background:rgba(10,12,16,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;color:#fff;font-size:.85rem;font-family:var(--font-mono)}.gradient-control-panel{display:flex;flex-direction:column;gap:1.25rem}.color-picker-row{display:flex;gap:1rem}.color-input-wrapper{flex:1;display:flex;align-items:center;gap:.75rem;background:rgba(10,12,16,.4);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .75rem}.color-dot{-webkit-appearance:none;border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;background:transparent}.color-dot::-webkit-color-swatch-wrapper{padding:0}.color-dot::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:var(--radius-sm)}.color-text-input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;width:100%;outline:none}.slider-group{display:flex;align-items:center;gap:1rem}.range-slider{flex:1;-webkit-appearance:none;background:rgba(255,255,255,.1);height:6px;border-radius:3px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 10px #6366f180}.slider-val{font-family:var(--font-mono);font-size:.9rem;min-width:40px;text-align:right}.qr-output-container{width:240px;height:240px;background:white;border-radius:var(--radius-md);padding:1rem;box-shadow:0 10px 30px #0006;display:flex;align-items:center;justify-content:center}.qr-output-container canvas,.qr-output-container img{width:100%!important;height:100%!important}.qr-placeholder{color:#6b7280;font-size:.85rem;text-align:center}.converter-grid{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:1.5rem}.converter-arrow{text-align:center;font-size:1.5rem;color:var(--primary)}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:2.5rem;text-align:center;cursor:pointer;transition:all var(--transition-fast);background:rgba(255,255,255,.01)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:rgba(99,102,241,.04)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.preview-card{background:rgba(10,12,16,.4);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.preview-img{max-width:100%;max-height:250px;border-radius:var(--radius-sm);margin-top:.75rem;border:1px solid rgba(255,255,255,.05);object-fit:contain;background:repeating-conic-gradient(rgba(0,0,0,.2) 0% 25%,rgba(255,255,255,.05) 0% 50%) 0 / 16px 16px}.reduction-badge{background:var(--success);color:#fff;padding:.2rem .5rem;border-radius:4px;font-weight:600;font-size:.8rem;margin-left:.5rem;display:inline-block}.seo-guide-section{border-top:1px solid var(--border-color);margin-top:3.5rem;padding-top:3rem}.seo-callout{background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.15);border-left:4px solid var(--primary);padding:1.25rem;border-radius:var(--radius-md);margin:1.5rem 0}.seo-callout p{margin-bottom:0;color:var(--text-primary);font-weight:500}.mt-4{margin-top:1rem}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.sponsor-panel-left,.sponsor-panel-right{position:sticky;top:90px;display:flex;flex-direction:column;gap:1rem}.sponsor-box-vertical{background:rgba(10,12,16,.4);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem;height:600px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sponsor-slot-bottom{background:rgba(10,12,16,.4);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem;margin:2rem auto;max-width:728px;width:100%;box-sizing:border-box}@media (max-width: 1200px){.main-layout-wrapper{grid-template-columns:1fr}.sponsor-panel-left,.sponsor-panel-right{display:none}}@media (max-width: 768px){.navbar-container{padding:0 1rem}.workspace{padding:1rem .6rem!important}.workspace-header{margin-bottom:1rem!important;padding:0 .25rem!important}.workspace-header h1{font-size:1.45rem!important;text-align:center}.workspace-header p{font-size:.85rem!important;text-align:center}.main-layout-wrapper{padding:0!important}.card{padding:1.15rem .75rem!important;border-radius:var(--radius-md)!important}.converter-grid{grid-template-columns:1fr;justify-items:center}.converter-arrow{transform:rotate(90deg);margin:.5rem 0}.app-footer-content{flex-direction:column;text-align:center}}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.portal-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast)}.portal-card:hover{transform:translateY(-4px);border-color:var(--primary)}.policy-content{max-width:800px;margin:2rem auto;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);line-height:1.7}.policy-content h1{color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.policy-content h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.4rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.policy-content p{margin-bottom:1.25rem}.policy-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.policy-content li{margin-bottom:.5rem}.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:.25rem}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-toast);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 0;min-width:190px;box-shadow:0 10px 30px #00000059;display:none;flex-direction:column;z-index:1010;opacity:0;transition:opacity var(--transition-fast) ease,transform var(--transition-fast) ease;pointer-events:none}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:flex;opacity:1;transform:translate(-50%) translateY(4px);pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.dropdown-item:hover{color:var(--text-primary);background:var(--bg-nav-btn-hover)}.dropdown-item.active{color:var(--text-primary);background:rgba(99,102,241,.08);font-weight:600;border-left:3px solid var(--primary);padding-left:calc(1.2rem - 3px)}.checkerboard-bg{background-image:repeating-conic-gradient(rgba(0,0,0,.2) 0% 25%,rgba(255,255,255,.05) 0% 50%);background-size:16px 16px;background-color:#0c0e12;border:1px solid var(--border-color)}.app-content-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:calc(100vh - 72px);min-height:calc(100dvh - 72px);box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{opacity:0;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.uc-input-box div[class*=-menu],div[class*=select-dropdown],div[class*=dropdown-menu]{background-color:#111827!important;border:1px solid #374151!important;box-shadow:0 10px 25px -5px #00000080!important}.uc-input-box div[class*=-option],.uc-input-box ul li,.uc-input-box div[class*=-menu] *,.uc-input-box div[class*=-menu] span,.uc-input-box div[class*=-menu] div{color:#f9fafb!important;background-color:transparent!important}.uc-input-box div[class*=-menu] input[type=text]{background-color:#1f2937!important;color:#fff!important;border:1px solid #4b5563!important}.uc-input-box div[class*=-menu] input::placeholder{color:#9ca3af!important}.uc-input-box div[class*=-option]:hover,.uc-input-box ul li:hover,.uc-input-box div[class*=-option]:focus,.uc-input-box div[class*=-option]:active{background-color:transparent!important;color:#f9fafb!important;cursor:pointer}.pw-protect-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.pw-protect-grid{grid-template-columns:1fr}}@media (max-width: 600px){.api-request-row select,.api-request-row>input,.api-request-row>button{width:100%}}html{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color, rgba(255,255,255,.15));border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover, rgba(255,255,255,.3))}@media (max-width: 900px){.playground-grid{grid-template-columns:1fr!important;min-height:0!important}.playground-editor-panel,.playground-preview-panel{min-height:480px!important;min-width:0!important}}@media (max-width: 640px){.playground-topbar{flex-direction:column!important;align-items:stretch!important}.playground-template-row{width:100%!important;flex-wrap:wrap!important}.playground-template-row select{flex:1!important;width:100%!important;min-width:0!important}.playground-actions{width:100%!important}.playground-actions button{flex:1 1 calc(50% - .6rem)!important;min-width:0!important}.playground-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap!important}.playground-editor-panel{min-height:400px!important;padding:.85rem!important}.playground-editor-block{min-height:140px!important;min-width:0!important}.playground-editor-block.tab-active{min-height:360px!important}.playground-preview-panel{min-height:380px!important;min-width:0!important}.playground-browser-header{flex-wrap:wrap!important;gap:.5rem!important}.playground-browser-header>div{flex-wrap:wrap!important;min-width:0!important}.playground-console-drawer{height:140px!important}textarea.textarea-field{font-size:.8rem!important}}.playground-grid,.playground-editor-panel,.playground-preview-panel,.playground-editor-block,.playground-topbar,.playground-actions{min-width:0;box-sizing:border-box}@media (max-width: 640px){.playground-preview-panel{height:auto!important;max-height:90dvh}}@media (max-width: 480px){header,.navbar,.header-container{padding-left:.5rem!important;padding-right:.5rem!important;gap:.4rem!important}.nav-blog-link,.blog-link,header a[href*=blog]{display:inline-flex!important;font-size:.78rem!important;padding:.2rem .4rem!important;white-space:nowrap!important}.header-actions,.nav-right{gap:.35rem!important}}