@font-face{font-family:Marlin;font-weight:800;font-display:fallback;src:url(/fonts/marlin.woff2)format("woff2")}@font-face{font-family:Marlin Soft SQ;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/MarlinSoftSQ-Regular.woff2)format("woff2")}@font-face{font-family:Marlin Soft SQ;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/MarlinSoftSQ-Medium.woff2)format("woff2")}@font-face{font-family:Marlin Soft SQ;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/MarlinSoftSQ-Bold.woff2)format("woff2")}@font-face{font-family:Marlin Soft SQ;font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/MarlinSoftSQ-ExtraBlack.woff2)format("woff2")}:root{--primary:#37352f;--text-primary:#000;--text-secondary:#666;--bg-primary:#fff;--bg-secondary:#eee;--border-color:#ebecedcc;--link-color:inherit;--hover-bg:#efefef}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none!important}html{scroll-behavior:smooth;font-size:16px}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}body{color:var(--text-primary);background:var(--bg-secondary);font-family:Marlin Soft SQ,Helvetica,Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Noto Color Emoji,Segoe UI Symbol,Android Emoji,EmojiSymbols,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica Neue,Noto Sans,sans-serif;line-height:1.5}strong{font-weight:600}p{margin:0}a{color:var(--link-color);text-underline-offset:2px;-webkit-text-decoration:underline #37352f99;text-decoration:underline #37352f99;text-decoration-thickness:1px}button{font-family:Marlin Soft SQ,Helvetica,Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Noto Color Emoji,Segoe UI Symbol,Android Emoji,EmojiSymbols,-apple-system,"system-ui",Segoe UI,Roboto,Helvetica Neue,Noto Sans,sans-serif}.button{cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:400;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.button:focus{outline-offset:2px;outline:2px solid #0000;box-shadow:0 .535939px 1.19098px 1.94045px #fefefff9,0 0 0 3.8809px #0b63ff66}.button:disabled{opacity:.5;cursor:not-allowed}.button svg{flex-shrink:0;width:21.6px;height:21.6px;transform:translateY(-1px)}.button--primary{color:#fff;background-color:#0b63ff;box-shadow:0 18px 40px #0b63ff33}.button--primary:hover{background-color:#094fcc}.button--small{border-radius:15px;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem}.button--small svg{width:14px;height:14px}.button--lg{border-radius:999px;padding:.9rem 1.8rem;font-size:1.1rem;line-height:1.65rem}.button--px-6{padding-left:1.8rem;padding-right:1.8rem}input,textarea{border:none;outline:none;font-family:inherit}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.spinner{border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.page-dashboard-v0{background:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.dashboard-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex}.dashboard-nav .nav-section{align-items:center;gap:12px;display:flex}.dashboard-nav .nav-section.nav-section-left{flex:1;min-width:0}.dashboard-nav .nav-section.nav-section-center{flex:2;max-width:600px}.dashboard-nav .nav-section.nav-section-right{flex:1;justify-content:flex-end}.dashboard-nav .logo{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.dashboard-nav .nav-dropdown-btn,.dashboard-nav .nav-icon-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.dashboard-nav .nav-dropdown-btn:hover,.dashboard-nav .nav-icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.dashboard-nav .search-bar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 14px;display:flex}.dashboard-nav .search-bar input{color:var(--text-primary);background:0 0;flex:1;font-size:13px}.dashboard-nav .search-bar input::placeholder{color:var(--text-secondary)}.dashboard-nav .user-menu{position:relative}.dashboard-nav .user-menu .user-menu-btn{border:1px solid var(--border-color);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;transition:all .15s;display:flex}.dashboard-nav .user-menu .user-menu-btn:hover{background:var(--hover-bg)}.dashboard-nav .user-menu .user-menu-btn img{border-radius:50%;width:28px;height:28px}.dashboard-nav .user-menu .user-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;min-width:200px;padding:4px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 8px #0000001a}.dashboard-nav .user-menu .user-dropdown .dropdown-item{text-align:left;width:100%;color:var(--text-primary);background:0 0;border-radius:4px;padding:8px 12px;font-size:13px}.dashboard-nav .user-menu .user-dropdown .dropdown-item:hover{background:var(--hover-bg)}.dashboard-nav .user-menu .user-dropdown .dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.dashboard-nav .user-menu:hover .user-dropdown{display:block}.dashboard-main-v0{flex:1;padding:32px 0;overflow-y:auto}.dashboard-header-section{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-header-section .header-content h1{margin-bottom:4px;font-size:24px;font-weight:600}.dashboard-header-section .header-content .subtitle{color:var(--text-secondary);font-size:14px}.dashboard-header-section .btn-new-project{background:var(--text-primary);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:opacity .2s;display:flex}.dashboard-header-section .btn-new-project:hover{opacity:.8}.dashboard-loading-state,.dashboard-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.dashboard-loading-state .empty-icon,.dashboard-empty-state .empty-icon{opacity:.3;font-size:64px}.dashboard-loading-state h3,.dashboard-empty-state h3{font-size:18px;font-weight:500}.dashboard-loading-state p,.dashboard-empty-state p{color:var(--text-secondary);font-size:14px}.dashboard-exports{gap:16px;display:grid}.dashboard-exports.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard-exports.list{grid-template-columns:1fr}.export-card-v0{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s;overflow:hidden}.export-card-v0:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.export-card-v0:hover .card-preview{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.export-card-v0:hover .card-preview .preview-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.export-card-v0:hover .card-preview .preview-placeholder{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.export-card-v0:hover .card-preview .preview-placeholder .preview-icon{font-size:28px}.export-card-v0:hover:hover .card-preview .preview-image{transform:scale(1.05)}.export-card-v0:hover:hover .card-preview .preview-placeholder{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%)}.export-card-v0 .card-preview{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.export-card-v0 .card-preview .preview-placeholder{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.export-card-v0 .card-preview .preview-placeholder .preview-icon{font-size:28px}.export-card-v0 .card-content{padding:12px}.export-card-v0 .card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.export-card-v0 .card-header .card-title-section{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.export-card-v0 .card-header .card-title{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.export-card-v0 .card-header .card-type{color:#6b7280;letter-spacing:.5px;text-transform:uppercase;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:600}.export-card-v0 .card-header .card-menu-btn{color:#9ca3af;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.export-card-v0 .card-header .card-menu-btn:hover{color:#111827;background:#f3f4f6}.export-card-v0:hover .card-menu-btn{opacity:1}.export-card-v0 .card-url{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:12px;line-height:1.4;overflow:hidden}.export-card-v0 .card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.export-card-v0 .card-footer .card-meta{align-items:center;gap:12px;display:flex}.export-card-v0 .card-footer .card-meta .meta-item{color:#9ca3af;align-items:center;gap:4px;font-size:11px;display:flex}.export-card-v0 .card-footer .card-meta .meta-item svg{opacity:.6}.export-card-v0 .card-footer .status-badge{letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.export-card-v0 .card-footer .status-badge.status-completed{color:#15803d;background:#dcfce7}.export-card-v0 .card-footer .status-badge.status-processing{color:#a16207;background:#fef3c7}.export-card-v0 .card-footer .status-badge.status-pending{color:#1e40af;background:#dbeafe}.export-card-v0 .card-footer .status-badge.status-failed{color:#dc2626;background:#fee2e2}.dashboard-exports.list .export-card-v0{flex-direction:row;display:flex}.dashboard-exports.list .export-card-v0 .card-preview{border-bottom:none;border-right:1px solid #e5e7eb;width:160px;height:auto;min-height:120px}.dashboard-exports.list .export-card-v0 .card-preview .preview-placeholder{width:52px;height:52px}.dashboard-exports.list .export-card-v0 .card-preview .preview-placeholder .preview-icon{font-size:22px}.dashboard-exports.list .export-card-v0 .card-content{flex-direction:column;flex:1;justify-content:space-between;padding:14px;display:flex}.dashboard-exports.list .export-card-v0 .card-header{margin-bottom:8px}.dashboard-exports.list .export-card-v0 .card-footer{border-top:none;padding-top:0}@media (max-width:768px){.dashboard-exports.grid{grid-template-columns:1fr}.dashboard-exports.list .export-card-v0{flex-direction:column}.dashboard-exports.list .export-card-v0 .card-preview{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;height:120px}}@media (min-width:769px) and (max-width:1024px){.dashboard-exports.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width:1025px){.dashboard-exports.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.page-transform-v0{background:var(--bg-secondary);flex-direction:column;height:100vh;display:flex}.transform-main{flex:1;display:flex;overflow:hidden}.transform-nav-compact{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.transform-nav-compact .nav-section{align-items:center;gap:6px;display:flex}.transform-nav-compact .nav-section.nav-section-left{flex:1}.transform-nav-compact .nav-section.nav-section-right{justify-content:flex-end;gap:12px}.transform-nav-compact .nav-divider{background:var(--border-color);width:1px;height:24px}.transform-nav-compact .nav-icon-btn,.transform-nav-compact .nav-dropdown-btn,.transform-nav-compact .nav-mode-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.transform-nav-compact .nav-icon-btn:hover,.transform-nav-compact .nav-dropdown-btn:hover,.transform-nav-compact .nav-mode-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.transform-nav-compact .nav-icon-btn.active,.transform-nav-compact .nav-dropdown-btn.active,.transform-nav-compact .nav-mode-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.transform-nav-compact .nav-btn-primary{background:var(--text-primary);color:#fff;border:none;border-radius:4px;padding:6px 14px;font-size:13px}.transform-nav-compact .nav-btn-primary:hover{opacity:.8}.transform-nav-compact .user-avatar{border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px;overflow:hidden}.transform-nav-compact .user-avatar img{object-fit:cover;width:100%;height:100%}.transform-nav-compact .projects-dropdown-wrapper{position:relative}.transform-nav-compact .projects-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);z-index:1000;border-radius:6px;min-width:320px;max-width:400px;max-height:400px;animation:.15s ease-out slideIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.transform-nav-compact .projects-dropdown .dropdown-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.transform-nav-compact .projects-dropdown .dropdown-header span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.transform-nav-compact .projects-dropdown .dropdown-header .dropdown-close{width:24px;height:24px;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .15s;display:flex}.transform-nav-compact .projects-dropdown .dropdown-header .dropdown-close:hover{background:var(--hover-bg);color:var(--text-primary)}.transform-nav-compact .projects-dropdown .dropdown-list{max-height:340px;overflow-y:auto}.transform-nav-compact .projects-dropdown .dropdown-item{border:none;border-bottom:1px solid var(--border-color);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .15s;display:flex}.transform-nav-compact .projects-dropdown .dropdown-item:last-child{border-bottom:none}.transform-nav-compact .projects-dropdown .dropdown-item:hover{background:var(--hover-bg)}.transform-nav-compact .projects-dropdown .dropdown-item.active{background:var(--bg-secondary)}.transform-nav-compact .projects-dropdown .dropdown-item.active .project-title{color:var(--text-primary);font-weight:600}.transform-nav-compact .projects-dropdown .dropdown-item .project-info{text-align:left;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.transform-nav-compact .projects-dropdown .dropdown-item .project-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.transform-nav-compact .projects-dropdown .dropdown-item .project-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.transform-nav-compact .projects-dropdown .dropdown-item svg{color:var(--text-primary);flex-shrink:0}.transform-nav-compact .projects-dropdown .dropdown-empty{text-align:center;padding:32px 16px}.transform-nav-compact .projects-dropdown .dropdown-empty p{color:var(--text-secondary);font-size:13px}.transform-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);width:380px;transition:transform .3s;overflow:hidden}.transform-sidebar.closed{width:0;transform:translate(-100%)}.transform-center{background:var(--bg-primary);flex:1;overflow:hidden}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;background:#0006;transition:all .3s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;visibility:visible}.response-drawer{background:var(--bg-primary);z-index:9999;flex-direction:column;width:680px;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 40px #00000026}.response-drawer.open{transform:translate(0)}@media (max-width:768px){.response-drawer{width:100%}}.drawer-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex}.drawer-header .drawer-back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.drawer-header .drawer-back-btn:hover{background:var(--hover-bg);border-color:var(--text-primary)}.drawer-header .drawer-back-btn svg{flex-shrink:0}.drawer-header .drawer-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.drawer-header .drawer-title svg{color:#0b63ff}.drawer-header .drawer-provider-badge{background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500}.drawer-content{flex:1;padding:32px;overflow-y:auto}@media (max-width:768px){.drawer-content{padding:24px 20px}}.markdown-content{color:var(--text-primary);max-width:100%;font-size:14px;line-height:1.75}.markdown-content .md-h1{border-bottom:1px solid var(--border-color);color:var(--text-primary);letter-spacing:-.01em;margin:1.75rem 0 .75rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.markdown-content .md-h1:first-child{margin-top:0}.markdown-content .md-h2{color:var(--text-primary);letter-spacing:-.01em;margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600}.markdown-content .md-h2:first-child{margin-top:0}.markdown-content .md-h3{color:var(--text-primary);margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.markdown-content .md-h4{color:var(--text-secondary);margin:1rem 0 .375rem;font-size:.9375rem;font-weight:600}.markdown-content .md-p{color:#374151;margin:.875rem 0;line-height:1.75}.markdown-content .md-p:first-child{margin-top:0}.markdown-content .md-p:last-child{margin-bottom:0}.markdown-content .md-ul,.markdown-content .md-ol{margin:.875rem 0;padding-left:1.25rem}.markdown-content .md-ul .md-li,.markdown-content .md-ol .md-li{color:#374151;margin:.375rem 0;line-height:1.7}.markdown-content .md-ul .md-li::marker{color:var(--text-secondary)}.markdown-content .md-ol .md-li::marker{color:var(--text-secondary)}.markdown-content .md-ol{list-style-type:decimal}.markdown-content .md-ul .md-ul,.markdown-content .md-ul .md-ol,.markdown-content .md-ol .md-ul,.markdown-content .md-ol .md-ol{margin:.25rem 0}.markdown-content .md-link{color:#0b63ff;font-weight:500;text-decoration:none;transition:all .15s}.markdown-content .md-link:hover{color:#094fcc;text-decoration:underline}.markdown-content .md-strong{color:var(--text-primary);font-weight:600}.markdown-content .md-em{font-style:italic}.markdown-content .inline-code{color:#dc2626;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em}.markdown-content .md-blockquote{background:#f9fafb;border-left:3px solid #d1d5db;border-radius:0 6px 6px 0;margin:1.25rem 0;padding:.75rem 1rem}.markdown-content .md-blockquote .md-p{color:#6b7280;margin:0;font-size:.9375rem}.markdown-content .md-hr{background:var(--border-color);border:none;height:1px;margin:1.5rem 0}.markdown-content .md-table-wrapper{border:1px solid var(--border-color);border-radius:8px;margin:1.25rem 0;overflow-x:auto}.markdown-content .md-table{border-collapse:collapse;width:100%;font-size:13px}.markdown-content .md-table .md-thead{background:#f9fafb}.markdown-content .md-table .md-th,.markdown-content .md-table .md-td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 14px}.markdown-content .md-table .md-th{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.markdown-content .md-table .md-tr:last-child .md-td{border-bottom:none}.markdown-content .md-table .md-tbody .md-tr:hover{background:#f9fafb}.code-block-container{background:#1f2937;border:1px solid #374151;border-radius:8px;margin:1.25rem 0;overflow:hidden}.code-block-container .code-block-header{background:#374151;border-bottom:1px solid #4b5563;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-block-container .code-block-header .code-language-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.code-block-container .code-block-header .code-copy-btn{color:#9ca3af;cursor:pointer;background:#ffffff14;border:none;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.code-block-container .code-block-header .code-copy-btn:hover{color:#fff;background:#ffffff26}.code-block-container .code-block-header .code-copy-btn svg{flex-shrink:0}.code-block-container pre{background:#1f2937!important;margin:0!important}.code-block-container pre code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.6!important}.chat-panel-v0{flex-direction:column;height:100%;display:flex}.chat-panel-v0 .chat-header-v0{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.chat-panel-v0 .chat-header-v0 .chat-header-content{align-items:center;gap:8px;display:flex}.chat-panel-v0 .chat-header-v0 .chat-header-content svg{color:#0b63ff}.chat-panel-v0 .chat-header-v0 .chat-header-content h2{font-size:14px;font-weight:600}.chat-panel-v0 .chat-header-v0 .chat-provider-badge{background:var(--bg-secondary);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.chat-panel-v0 .chat-header-v0 .chat-provider-badge .provider-name{color:var(--text-primary);font-weight:600}.chat-panel-v0 .chat-header-v0 .chat-provider-badge .provider-dot{color:var(--text-secondary);opacity:.5}.chat-panel-v0 .chat-header-v0 .chat-provider-badge .model-name{color:var(--text-secondary)}.chat-panel-v0 .chat-messages-v0{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-panel-v0 .chat-empty-v0{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px 20px;display:flex}.chat-panel-v0 .chat-empty-v0 .empty-icon-v0{color:var(--text-secondary);opacity:.3;margin-bottom:20px}.chat-panel-v0 .chat-empty-v0 h3{margin-bottom:8px;font-size:16px;font-weight:600}.chat-panel-v0 .chat-empty-v0 p{color:var(--text-secondary);margin-bottom:32px;font-size:13px}.chat-panel-v0 .chat-empty-v0 .suggestions-v0{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.chat-panel-v0 .chat-empty-v0 .suggestions-v0 .suggestion-v0{background:var(--bg-secondary);width:100%;color:var(--text-primary);text-align:left;border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;font-size:13px;font-weight:500;transition:all .15s}.chat-panel-v0 .chat-empty-v0 .suggestions-v0 .suggestion-v0:hover{background:var(--hover-bg);border-color:var(--text-primary)}.chat-panel-v0 .chat-message-v0{gap:12px;animation:.2s ease-out slideIn;display:flex}.chat-panel-v0 .chat-message-v0 .message-avatar-v0{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.chat-panel-v0 .chat-message-v0 .message-avatar-v0 img{object-fit:cover;width:100%;height:100%}.chat-panel-v0 .chat-message-v0 .message-avatar-v0 .ai-avatar{color:#fff;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chat-panel-v0 .chat-message-v0 .message-content-v0{flex:1;min-width:0}.chat-panel-v0 .chat-message-v0 .message-text-v0{border-radius:12px;font-size:13px;line-height:1.6}.chat-panel-v0 .chat-message-v0 .message-text-v0.user-message{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px}.chat-panel-v0 .chat-message-v0 .message-text-v0.user-message .user-prompt-text{color:var(--text-primary);margin:0}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-indicator{align-items:center;gap:10px;margin-bottom:8px;font-weight:600;display:flex}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-indicator.transforming{color:#0b63ff}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-indicator.transforming .spin{animation:1s linear infinite spin}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-indicator.completed{color:#10b981}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-indicator.error{color:#ef4444}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-detail{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .status-detail.error-text{color:#ef4444}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .transform-actions{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .transform-actions .view-response-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status .transform-actions .view-response-btn:hover{background:var(--hover-bg);border-color:var(--text-primary)}.chat-panel-v0 .chat-message-v0 .message-text-v0.transform-status.error{background:#fef2f2;border-color:#fecaca}.chat-panel-v0 .chat-input-form-v0{border-top:1px solid var(--border-color);padding:16px 20px}.chat-panel-v0 .chat-input-form-v0 .input-wrapper-v0{align-items:center;gap:8px;display:flex;position:relative}.chat-panel-v0 .chat-input-form-v0 .chat-input-v0{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:12px;flex:1;padding:12px 50px 12px 16px;font-size:14px;transition:all .15s}.chat-panel-v0 .chat-input-form-v0 .chat-input-v0:focus{border-color:#0b63ff;box-shadow:0 0 0 3px #0b63ff1a}.chat-panel-v0 .chat-input-form-v0 .chat-input-v0::placeholder{color:var(--text-secondary)}.chat-panel-v0 .chat-input-form-v0 .chat-input-v0:disabled{opacity:.6;cursor:not-allowed}.chat-panel-v0 .chat-input-form-v0 .send-btn-v0{color:#fff;background:#0b63ff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:absolute;right:6px}.chat-panel-v0 .chat-input-form-v0 .send-btn-v0:hover:not(:disabled){background:#094fcc}.chat-panel-v0 .chat-input-form-v0 .send-btn-v0:disabled{opacity:.5;cursor:not-allowed}.chat-panel-v0 .chat-input-form-v0 .send-btn-v0 .spin{animation:1s linear infinite spin}.code-preview-tabs-v0{flex-direction:column;height:100%;display:flex}.code-preview-tabs-v0 .tabs-header-v0{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;min-height:48px;display:flex}.code-preview-tabs-v0 .tabs-header-v0 .tabs-nav-v0{display:flex;overflow-x:auto}.code-preview-tabs-v0 .tabs-header-v0 .tabs-nav-v0 .tab-btn-v0{color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 16px;font-size:13px;transition:all .15s;display:flex}.code-preview-tabs-v0 .tabs-header-v0 .tabs-nav-v0 .tab-btn-v0:hover{color:var(--text-primary);background:var(--hover-bg)}.code-preview-tabs-v0 .tabs-header-v0 .tabs-nav-v0 .tab-btn-v0.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.code-preview-tabs-v0 .tabs-header-v0 .tabs-nav-v0 .tab-btn-v0 .loading-indicator-v0{animation:1.5s ease-in-out infinite pulse}.code-preview-tabs-v0 .tabs-header-v0 .tabs-actions-v0{gap:8px;padding:0 16px;display:flex}.code-preview-tabs-v0 .tabs-header-v0 .tabs-actions-v0 .action-btn-v0{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .15s}.code-preview-tabs-v0 .tabs-header-v0 .tabs-actions-v0 .action-btn-v0:hover{background:var(--hover-bg);color:var(--text-primary)}.code-preview-tabs-v0 .tabs-content-v0{flex:1;overflow:hidden}.code-preview-tabs-v0 .code-view-v0{height:100%;overflow-y:auto}.code-preview-tabs-v0 .code-view-v0 pre[class*=language-]{background:var(--bg-secondary)!important;border-radius:0!important;margin:0!important;padding:20px!important}.code-preview-tabs-v0 .code-empty-v0{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.code-preview-tabs-v0 .code-empty-v0 .empty-icon-v0{opacity:.3;margin-bottom:16px;font-size:48px}.code-preview-tabs-v0 .code-empty-v0 p{color:var(--text-secondary);font-size:13px}.live-preview-wrapper{background:var(--bg-secondary);flex-direction:column;height:100%;display:flex}.preview-toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:12px 20px}.preview-toolbar .preview-controls{gap:8px;display:flex}.preview-toolbar .preview-controls .control-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;font-size:13px;transition:all .15s}.preview-toolbar .preview-controls .control-btn:hover:not(:disabled){background:var(--hover-bg)}.preview-toolbar .preview-controls .control-btn:disabled{opacity:.4}.preview-toolbar .preview-controls .divider{background:var(--border-color);width:1px;margin:0 4px}.preview-container{background:var(--bg-secondary);flex:1;padding:20px;overflow:auto}.preview-container .preview-iframe{border:1px solid var(--border-color);background:#fff;border-radius:4px;width:100%;height:100%;min-height:calc(100vh - 200px)}.live-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.live-preview-empty .empty-icon{opacity:.3;margin-bottom:16px;font-size:48px}.live-preview-empty p{color:var(--text-secondary);font-size:13px}.transform-loading,.dashboard-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.transform-loading p,.dashboard-loading p{color:var(--text-secondary);font-size:14px}@media (max-width:1024px){.transform-sidebar{z-index:100;position:fixed;top:48px;bottom:0;left:0;box-shadow:2px 0 8px #0000001a}.transform-sidebar.closed{transform:translate(-100%)}.transform-sidebar.open{transform:translate(0)}.projects-dropdown{max-width:280px!important}}@media (max-width:768px){.dashboard-nav .nav-section-center{display:none}.dashboard-container{padding:0 16px}.dashboard-exports.grid{grid-template-columns:1fr}}.page-index{background:#fff;min-height:100vh}.page-index .index-header{z-index:100;background:#fff;position:relative}.page-index .index-header .header-container{justify-content:space-between;align-items:center;max-width:1100px;height:60px;margin:0 auto;padding:0 32px;display:flex}@media (max-width:768px){.page-index .index-header .header-container{padding:0 20px}}.page-index .index-header .header-logo{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex;color:#000!important}.page-index .index-header .header-logo svg{width:20px;height:20px}@media (max-width:768px){.page-index .index-header .header-logo{font-size:14px}.page-index .index-header .header-logo svg{width:18px;height:18px}}.page-index .index-header .header-nav{align-items:center;gap:32px;margin-left:auto;margin-right:32px;display:flex}@media (max-width:968px){.page-index .index-header .header-nav{display:none}}.page-index .index-header .header-nav a{color:var(--text-primary);font-size:14px;font-weight:400;text-decoration:none;transition:opacity .2s}.page-index .index-header .header-nav a:hover{opacity:.6}.page-index .index-header .header-actions{align-items:center;gap:12px;display:flex}.page-index .index-header .header-actions .btn-signin,.page-index .index-header .header-actions .btn-download{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}@media (max-width:768px){.page-index .index-header .header-actions .btn-signin,.page-index .index-header .header-actions .btn-download{padding:7px 14px;font-size:13px}}.page-index .index-header .header-actions .btn-signin{color:var(--text-primary);background:0 0;border:1px solid #0000001a}.page-index .index-header .header-actions .btn-signin:hover{background:#0000000d}@media (max-width:480px){.page-index .index-header .header-actions .btn-signin{display:none}}.page-index .index-header .header-actions .btn-download{color:#fff;background:#000}.page-index .index-header .header-actions .btn-download:hover{background:#333}.page-index .hero-background{width:100%;position:relative;overflow:hidden}.page-index .hero-background:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.page-index .hero-background:after{content:"";background:radial-gradient(ellipse 80% 70% at 50% 40%,transparent 30%,var(--bg-primary)100%);pointer-events:none;z-index:1;position:absolute;inset:0}.page-index .hero-section{z-index:2;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:80px 32px 60px;display:flex;position:relative}@media (max-width:768px){.page-index .hero-section{padding:80px 20px 50px}}@media (max-width:546px){.page-index .hero-section{padding:60px 20px 40px}}.page-index .hero-section .hero-content{text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex}.page-index .hero-section .hero-title{color:var(--text-primary);letter-spacing:-.02em;max-width:600px;margin-bottom:40px;font-size:2.4rem;font-weight:400;line-height:1.4}@media (max-width:1024px){.page-index .hero-section .hero-title{margin-bottom:36px;font-size:44px}}@media (max-width:768px){.page-index .hero-section .hero-title{margin-bottom:32px;font-size:36px}}@media (max-width:546px){.page-index .hero-section .hero-title{margin-bottom:28px;font-size:28px}}.page-index .hero-section .hero-cta{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}@media (max-width:546px){.page-index .hero-section .hero-cta{gap:10px}}.page-index .hero-section .hero-cta .button--primary{border:2px solid #fff3;transition:all .2s;box-shadow:0 4px 6px #0b63ff40,0 8px 24px #0b63ff33,inset 0 1px #ffffff26}.page-index .hero-section .hero-cta .button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0b63ff4d,0 12px 32px #0b63ff40,inset 0 1px #fff3}.page-index .hero-section .hero-cta .button--primary:active{transform:translateY(0);box-shadow:0 2px 4px #0b63ff33,0 4px 12px #0b63ff26,inset 0 1px #ffffff1a}.page-index .hero-section .hero-cta-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .2s;display:inline-flex}.page-index .hero-section .hero-cta-button:hover{background:#333}.page-index .hero-section .hero-cta-button .download-icon{font-size:16px;display:inline-block}@media (max-width:546px){.page-index .hero-section .hero-cta-button{justify-content:center;width:100%;padding:13px 22px;font-size:14px}}.page-index .hero-section .hero-subtext{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400}@media (max-width:546px){.page-index .hero-section .hero-subtext{font-size:13px}}.page-index .video-section{z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:0 32px 80px;position:relative}@media (max-width:768px){.page-index .video-section{padding:0 20px 60px}}.page-index .video-section .video-section-wrapper{justify-content:center;align-items:flex-start;display:flex;position:relative}.page-index .video-section .video-arrow{color:var(--text-secondary,#666);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:-120px}@media (max-width:1200px){.page-index .video-section .video-arrow{left:-100px}}@media (max-width:1024px){.page-index .video-section .video-arrow{display:none}}.page-index .video-section .video-arrow .video-arrow-text{white-space:nowrap;font-size:14px;font-weight:500}.page-index .video-section .video-background-wrapper{background-image:url(https://c1.tablecdn.com/maillayer/bg-poster.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;padding:20px}@media (max-width:546px){.page-index .video-section .video-background-wrapper{border-radius:12px;padding:20px}}.page-index .video-section .video-container{border:1px solid var(--border-color);background:0 0;border-radius:12px;font-size:0;line-height:0;display:block;overflow:hidden;box-shadow:0 4px 12px #00000014}@media (max-width:546px){.page-index .video-section .video-container{border-radius:8px}}.page-index .video-section .video-container *{line-height:0}.page-index .video-section .video-container>div{margin:0;padding:0;font-size:0;line-height:0;display:block}.page-index .video-section .video-container #wistia-player-homepage{background:0 0;margin:0;padding:0;line-height:0;display:block}.page-index .video-section .video-container .wistia_responsive_padding{line-height:0;display:block;margin:0!important}.page-index .video-section .video-container .wistia_responsive_wrapper{display:block}.page-index .video-section .video-container .wistia_embed{margin:0;padding:0;display:block!important}.page-index .video-section .video-container{transition:all .2s}.page-index .video-section .video-container:hover{border-color:#37352f4d;box-shadow:0 8px 24px #0000001f}.page-index .content{width:100%;max-width:1100px;margin:0 auto;padding:80px 32px}@media (max-width:768px){.page-index .content{padding:60px 20px}}.page-index .content .text{white-space:pre-wrap;word-break:break-word;padding:3px 2px;line-height:1.5rem}.page-index .content .text-right{text-align:right}@media (max-width:680px){.page-index .content .text-right{text-align:left}}.page-index .content .cta-button{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-size:15px;font-weight:500;transition:opacity .2s}.page-index .content .cta-button:hover{opacity:.85}@media (max-width:546px){.page-index .content .cta-button{width:100%;padding:12px 24px;font-size:14px}}.page-index .content .features-section{margin:0 0 80px}@media (max-width:768px){.page-index .content .features-section{margin:0 0 60px}}.page-index .content .features-section .features-header{text-align:center;margin-bottom:48px}@media (max-width:768px){.page-index .content .features-section .features-header{margin-bottom:40px}}@media (max-width:546px){.page-index .content .features-section .features-header{margin-bottom:32px}}.page-index .content .features-section .features-header h2{color:var(--text-primary);margin-bottom:12px;font-size:1.875rem;font-weight:600}@media (max-width:768px){.page-index .content .features-section .features-header h2{font-size:1.625rem}}@media (max-width:546px){.page-index .content .features-section .features-header h2{font-size:1.375rem}}.page-index .content .features-section .features-header p{color:var(--text-secondary);margin:0;font-size:1.0625rem}@media (max-width:546px){.page-index .content .features-section .features-header p{font-size:1rem}}.page-index .content .features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1200px){.page-index .content .features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.page-index .content .features-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:546px){.page-index .content .features-grid{grid-template-columns:1fr;gap:14px}}.page-index .content .feature-card{background:#f5f5f5;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:12px;padding:28px 24px;transition:all .2s;display:flex}@media (max-width:546px){.page-index .content .feature-card{border-radius:10px;gap:10px;padding:24px 20px}}.page-index .content .feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.page-index .content .feature-card .feature-icon-wrapper{align-items:center;gap:10px;display:flex}.page-index .content .feature-card .feature-icon-wrapper .feature-icon{color:#374151;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.page-index .content .feature-card .feature-icon-wrapper .feature-icon svg{width:24px;height:24px}@media (max-width:546px){.page-index .content .feature-card .feature-icon-wrapper .feature-icon{border-radius:9px;width:44px;height:44px}.page-index .content .feature-card .feature-icon-wrapper .feature-icon svg{width:22px;height:22px}}.page-index .content .feature-card .feature-icon-wrapper .feature-new-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.page-index .content .feature-card .feature-icon-wrapper .feature-pro-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.page-index .content .feature-card .feature-icon-wrapper .feature-free-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700}.page-index .content .feature-card .feature-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.page-index .content .feature-card h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}@media (max-width:546px){.page-index .content .feature-card h3{font-size:1rem}}.page-index .content .feature-card p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}@media (max-width:546px){.page-index .content .feature-card p{font-size:.875rem;line-height:1.5}}.page-index .content .feature-card:nth-child(6n+1) .feature-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.page-index .content .feature-card:nth-child(6n+2) .feature-icon{background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%)}.page-index .content .feature-card:nth-child(6n+3) .feature-icon{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}.page-index .content .feature-card:nth-child(6n+4) .feature-icon{background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%)}.page-index .content .feature-card:nth-child(6n+5) .feature-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.page-index .content .feature-card:nth-child(6n+6) .feature-icon{background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%)}.page-index .content .divider{border-bottom:1px solid var(--border-color);width:100%;margin:60px 0}@media (max-width:546px){.page-index .content .divider{margin:40px 0}}.page-index .content .columns{gap:var(--column-spacing);flex-wrap:wrap;display:flex}@media (max-width:680px){.page-index .content .columns{gap:0}}.page-index .content .columns .column{word-break:break-word;padding:12px 0}@media (max-width:680px){.page-index .content .columns .column{padding:8px 0;width:100%!important;margin-inline-start:0!important}}.page-index .content .columns .column p.text{margin-bottom:8px}.page-index .content .columns .column p.text:last-child{margin-bottom:0}@media (min-width:681px){.page-index .content .footer-columns .column{padding-right:20px}.page-index .content .footer-bottom-columns .column{padding:0}}.page-index .content .footer-cta{text-align:center;padding:60px 0}@media (max-width:546px){.page-index .content .footer-cta{padding:40px 0}}.page-index .content .footer-cta-title{color:var(--text-primary);margin-bottom:16px;font-size:32px;font-weight:600}@media (max-width:546px){.page-index .content .footer-cta-title{font-size:26px}}.page-index .content .footer-cta-text{color:var(--text-secondary);margin-bottom:32px;font-size:17px}@media (max-width:546px){.page-index .content .footer-cta-text{font-size:15px}}.page-index .content .footer-company{color:var(--text-secondary);margin-top:4px;font-size:13px}.stacked-features{max-width:1100px;margin:0 auto;padding:0 32px 60px}@media (max-width:768px){.stacked-features{padding:0 20px 48px}}.stacked-features-container{flex-direction:column;gap:24px;display:flex}@media (min-width:769px){.stacked-features-container{gap:80px}}.stacked-card-wrapper{position:sticky;top:80px}@media (max-width:768px){.stacked-card-wrapper{position:relative;top:0}}.stacked-card-wrapper--1{top:80px}.stacked-card-wrapper--2{top:88px}.stacked-card-wrapper--3{top:96px}.stacked-card-wrapper--4{top:104px}.stacked-card-wrapper--5{top:112px}.stacked-card-wrapper--6{top:120px}.stacked-card-wrapper--7{top:128px}.stacked-card-wrapper--8{top:136px}@media (max-width:768px){.stacked-card-wrapper--1,.stacked-card-wrapper--2,.stacked-card-wrapper--3,.stacked-card-wrapper--4,.stacked-card-wrapper--5,.stacked-card-wrapper--6,.stacked-card-wrapper--7,.stacked-card-wrapper--8{top:0}}.stacked-card{background:#e5e4e3;border-radius:24px;grid-template-columns:1fr 1.3fr;align-items:center;display:grid;overflow:hidden}@media (max-width:768px){.stacked-card{border-radius:20px;grid-template-columns:1fr}}.stacked-card--dark .stacked-card-title,.stacked-card--dark .stacked-card-description{color:#fff}.stacked-card--dark .stacked-card-title{color:#fbda5f}.stacked-card-content{flex-direction:column;gap:16px;padding:40px;display:flex}@media (max-width:768px){.stacked-card-content{gap:12px;padding:28px 24px 20px}}.stacked-card-title{color:#0d0d0d;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.1}@media (max-width:768px){.stacked-card-title{font-size:1.75rem}}@media (max-width:480px){.stacked-card-title{font-size:1.5rem}}.stacked-card-description{color:#0d0d0d;opacity:.8;max-width:320px;font-size:1.125rem;line-height:1.5}@media (max-width:768px){.stacked-card-description{max-width:none;font-size:1rem}}.stacked-card-media{justify-content:center;align-items:center;padding:16px;display:flex}@media (max-width:768px){.stacked-card-media{padding:0 12px 12px}}.stacked-card-video-wrapper{background:#000;border-radius:16px;width:100%;overflow:hidden}@media (max-width:768px){.stacked-card-video-wrapper{border-radius:12px}}.stacked-card-video-wrapper video{object-fit:cover;width:100%;height:auto;display:block}.tools-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:0 32px;display:grid}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:20px;padding:0 20px}}.tool-card{background:#f5f5f4;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}@media (max-width:768px){.tool-card{border-radius:16px}}.tool-card-content{flex-direction:column;gap:12px;padding:32px 32px 24px;display:flex}@media (max-width:768px){.tool-card-content{gap:8px;padding:24px 24px 20px}}.tool-card-title{color:#0d0d0d;letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}@media (max-width:768px){.tool-card-title{font-size:1.375rem}}.tool-card-description{color:#0d0d0d;opacity:.7;font-size:1.0625rem;line-height:1.5}@media (max-width:768px){.tool-card-description{font-size:1rem}}.tool-card-media{padding:0 16px 16px}@media (max-width:768px){.tool-card-media{padding:0 12px 12px}}.tool-card-media video,.tool-card-media img{background:#000;border-radius:12px;width:100%;height:auto;display:block}@media (max-width:768px){.tool-card-media video,.tool-card-media img{border-radius:10px}}.tools-grid--compact{grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:900px){.tools-grid--compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tools-grid--compact{grid-template-columns:1fr}}.tool-card--compact{flex-direction:row;align-items:flex-start;gap:16px;padding:24px}@media (max-width:768px){.tool-card--compact{padding:20px}}.tool-card--compact .tool-card-content{gap:8px;padding:0}.tool-card--compact .tool-card-title{font-size:1.125rem}@media (max-width:768px){.tool-card--compact .tool-card-title{font-size:1rem}}.tool-card--compact .tool-card-description{font-size:.9375rem}@media (max-width:768px){.tool-card--compact .tool-card-description{font-size:.875rem}}.tool-card-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-card-icon svg{width:24px;height:24px}.get-started-section{max-width:1100px;margin:0 auto;padding:80px 32px}@media (max-width:768px){.get-started-section{padding:60px 20px}}.get-started-content{text-align:center;background:#0d0d0d;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:60px 40px;display:flex}@media (max-width:768px){.get-started-content{border-radius:20px;padding:48px 24px}}.get-started-title{color:#fff;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){.get-started-title{font-size:1.875rem}}.get-started-description{color:#ffffffb3;max-width:400px;font-size:1.125rem;line-height:1.5}@media (max-width:768px){.get-started-description{font-size:1rem}}.get-started-buttons{gap:12px;margin-top:12px;display:flex}@media (max-width:480px){.get-started-buttons{flex-direction:column;width:100%}}.get-started-btn{border-radius:10px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.get-started-btn:hover{transform:translateY(-2px)}@media (max-width:480px){.get-started-btn{justify-content:center;width:100%}}.get-started-btn--primary{color:#0d0d0d;background:#fff}.get-started-btn--primary:hover{box-shadow:0 8px 24px #fff3}.get-started-btn--secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.get-started-btn--secondary:hover{background:#ffffff26}.get-started-note{color:#ffffff80;margin-top:8px;font-size:.875rem}.pricing-cards-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;max-width:880px;margin:0 auto 24px;display:grid}@media (max-width:768px){.pricing-cards-grid{grid-template-columns:1fr;gap:20px;max-width:460px}}.pricing-cards-grid--single{grid-template-columns:1fr;max-width:460px}.pricing-tier-card{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;padding:32px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.pricing-tier-card:hover{border-color:#0b63ff40;transform:translateY(-2px);box-shadow:0 8px 24px #1018280f}.pricing-tier-card--highlighted{background:linear-gradient(#0b63ff09 0%,#0b63ff00 40%),#fff;border-color:#0b63ff;box-shadow:0 0 0 1px #0b63ff,0 16px 40px #0b63ff24}.pricing-tier-card--highlighted:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0b63ff,0 20px 48px #0b63ff33}@media (max-width:546px){.pricing-tier-card{border-radius:14px;padding:26px 22px}}.pricing-tier-badge{color:#fff;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:#0b63ff;border-radius:999px;padding:5px 14px;font-size:11px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0b63ff59}.pricing-tier-top{margin-bottom:18px}.pricing-tier-name{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:1.0625rem;font-weight:600}.pricing-tier-tagline{color:var(--text-secondary);margin:0;font-size:.875rem}.pricing-tier-price{margin-bottom:20px}.pricing-tier-price-row{align-items:baseline;gap:10px;line-height:1;display:flex}.pricing-tier-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:3.25rem;font-weight:700;line-height:1}@media (max-width:546px){.pricing-tier-amount{font-size:2.875rem}}.pricing-tier-dollar{color:var(--text-secondary);vertical-align:top;margin-right:2px;font-size:1.25rem;font-weight:600;position:relative;top:6px}.pricing-tier-strike{color:var(--text-secondary);opacity:.55;font-size:1.125rem;font-weight:500;text-decoration:line-through}.pricing-tier-price-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.pricing-tier-save{color:#92400e;letter-spacing:.2px;text-transform:uppercase;background:#fff3d6;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pricing-tier-devices{color:var(--text-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:18px;padding:10px 0;font-size:13px;font-weight:500}.pricing-tier-features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-tier-feature{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}.pricing-tier-check{color:#0b63ff;background:#0b63ff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.pricing-tier-button{justify-content:center;width:100%;transition:all .2s}.pricing-tier-button.button--primary{border:1px solid #ffffff26;box-shadow:0 6px 16px #0b63ff47,inset 0 1px #ffffff2e}.pricing-tier-button.button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #0b63ff52,inset 0 1px #ffffff38}.pricing-tier-button.button--primary:active:not(:disabled){transform:translateY(0)}.pricing-tier-button.button--secondary{background:#fff}.pricing-tier-button.button--secondary:hover:not(:disabled){color:#0b63ff;border-color:#0b63ff;transform:translateY(-1px)}.pricing-tier-slots{background:#0b63ff0a;border-radius:10px;margin-top:16px;padding:12px 14px}.pricing-tier-slots-info{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:flex}.pricing-tier-slots-info strong{color:var(--text-primary);font-weight:600}.pricing-tier-slots-dot{background:#0b63ff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pricing-slots-pulse;box-shadow:0 0 0 3px #0b63ff2e}@keyframes pricing-slots-pulse{0%,to{box-shadow:0 0 0 3px #0b63ff2e}50%{box-shadow:0 0 0 5px #0b63ff14}}.pricing-tier-slots-bar{background:#0b63ff1f;border-radius:999px;height:4px;overflow:hidden}.pricing-tier-slots-fill{background:#0b63ff;border-radius:999px;height:100%;transition:width .8s ease-out}.pricing-tier-browsers{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.pricing-tier-browsers-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:11px;font-weight:500}.pricing-tier-browsers-list{align-items:center;gap:6px;display:flex}.pricing-tier-browser-icon{opacity:.85;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .2s,transform .2s;display:inline-flex}.pricing-tier-browser-icon:hover{opacity:1;transform:scale(1.1)}.pricing-tier-browser-icon svg{width:100%;height:100%}.pricing-tier-guarantee{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.pricing-tier-guarantee svg{color:#0b63ff;flex-shrink:0}.pricing-row-section{max-width:1100px;margin:0 auto;padding:60px 32px}@media (max-width:768px){.pricing-row-section{padding:48px 20px}}@media (max-width:546px){.pricing-row-section{padding:40px 16px}}.pricing-section-header{text-align:center;margin-bottom:32px}@media (max-width:546px){.pricing-section-header{margin-bottom:24px}}.pricing-section-header h2{color:var(--text-primary);margin-bottom:12px;font-size:1.875rem;font-weight:600}@media (max-width:768px){.pricing-section-header h2{font-size:1.625rem}}@media (max-width:546px){.pricing-section-header h2{font-size:1.375rem}}.pricing-section-header p{color:var(--text-secondary);margin:0;font-size:1.0625rem}@media (max-width:546px){.pricing-section-header p{font-size:1rem}}.pricing-row-card{text-align:center;background:#f5f5f5;border-radius:12px;padding:48px}@media (max-width:768px){.pricing-row-card{padding:40px 32px}}@media (max-width:546px){.pricing-row-card{border-radius:10px;padding:28px 18px}}@media (max-width:400px){.pricing-row-card{padding:24px 14px}}.pricing-row-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0b63ff;border-radius:6px;margin-bottom:28px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}@media (max-width:546px){.pricing-row-badge{margin-bottom:24px;padding:5px 12px;font-size:10px}}.pricing-row-price{margin-bottom:32px}@media (max-width:546px){.pricing-row-price{margin-bottom:28px}}.price-original-row{color:var(--text-secondary);opacity:.6;margin-bottom:4px;font-size:1.25rem;text-decoration:line-through}.price-original-row .dollar{font-weight:400}.price-current-row{justify-content:center;align-items:baseline;margin-bottom:12px;line-height:1;display:flex}.price-current-row .dollar{color:var(--text-secondary);align-self:flex-start;margin-top:14px;margin-right:4px;font-size:2rem;font-weight:400}@media (max-width:546px){.price-current-row .dollar{margin-top:10px;font-size:1.5rem}}.price-current-row .amount{color:var(--text-primary);letter-spacing:-.03em;font-size:5.5rem;font-weight:800}@media (max-width:546px){.price-current-row .amount{font-size:4rem}}.price-meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}@media (max-width:400px){.price-meta-row{gap:6px 10px}}.price-off{color:#fff;background:#0b63ff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.price-period{color:var(--text-secondary);font-size:14px;font-weight:400}.pricing-row-features{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}@media (max-width:546px){.pricing-row-features{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:24px}}.feature-pill{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.feature-pill:hover{border-color:var(--text-secondary)}.feature-pill svg{color:#0b63ff;flex-shrink:0}.feature-pill span{color:var(--text-primary);font-size:14px;font-weight:400}@media (max-width:546px){.feature-pill span{font-size:13px}.feature-pill{justify-content:flex-start;gap:10px;padding:10px 14px}}.pricing-row-cta{margin-bottom:16px}.pricing-row-button{border:2px solid #fff3;justify-content:center;width:100%;max-width:340px;transition:all .2s;box-shadow:0 4px 6px #0b63ff40,0 8px 24px #0b63ff33,inset 0 1px #ffffff26}.pricing-row-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0b63ff4d,0 12px 32px #0b63ff40,inset 0 1px #fff3}.pricing-row-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0b63ff33,0 4px 12px #0b63ff26,inset 0 1px #ffffff1a}@media (max-width:546px){.pricing-row-button{max-width:100%}}.pricing-row-guarantee{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-bottom:28px;font-size:13px;display:flex}.pricing-row-guarantee svg{color:#0b63ff;flex-shrink:0}@media (max-width:546px){.pricing-row-guarantee{margin-bottom:24px;font-size:12px}}.pricing-row-browsers{background:#00000008;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-bottom:28px;padding:12px 16px;display:flex}@media (max-width:546px){.pricing-row-browsers{flex-direction:column;gap:8px;margin-bottom:24px;padding:12px 14px}}.pricing-row-browsers-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:500}.pricing-row-browsers-list{align-items:center;gap:8px;display:flex}@media (max-width:400px){.pricing-row-browsers-list{flex-wrap:wrap;justify-content:center}}.pricing-row-browser-icon{opacity:.9;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s,transform .2s;display:inline-flex}.pricing-row-browser-icon:hover{opacity:1;transform:scale(1.1)}.pricing-row-browser-icon svg{width:100%;height:100%}.pricing-row-slots{border-top:1px solid var(--border-color);padding-top:28px}@media (max-width:546px){.pricing-row-slots{padding-top:24px}}.slots-row-info{color:var(--text-secondary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-bottom:12px;font-size:14px;display:flex}.slots-row-info strong{color:var(--text-primary);font-weight:600}@media (max-width:546px){.slots-row-info{font-size:13px}}@media (max-width:400px){.slots-row-info{font-size:12.5px}}.slots-row-bar{background:var(--border-color);border-radius:3px;max-width:360px;height:6px;margin:0 auto;overflow:hidden}@media (max-width:546px){.slots-row-bar{max-width:100%}}.slots-loading{color:var(--text-secondary);font-style:italic}.slots-sold-info{color:var(--text-secondary);margin-top:10px;font-size:12px}@media (max-width:546px){.slots-sold-info{font-size:11px}}.slots-row-fill{background:#0b63ff;border-radius:3px;height:100%;transition:width .8s ease-out}.sticky-pricing-banner{z-index:1000;background:var(--bg-primary);border-top:1px solid var(--border-color);opacity:0;padding:12px 24px;transition:transform .3s,opacity .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #0000001a}.sticky-pricing-banner.visible{opacity:1;transform:translateY(0)}@media (max-width:546px){.sticky-pricing-banner{padding:10px 16px}}.sticky-banner-content{justify-content:space-between;align-items:center;gap:24px;max-width:800px;margin:0 auto;display:flex}@media (max-width:640px){.sticky-banner-content{gap:16px}}.sticky-banner-slots{flex:1;min-width:0}.sticky-slots-text{color:var(--text-secondary);align-items:baseline;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.sticky-slots-text .slots-sold{color:#22c55e;font-weight:600}.sticky-slots-text .slots-divider{color:var(--border-color);margin:0 2px}.sticky-slots-text .slots-highlight{color:#0b63ff;font-size:18px;font-weight:700}.sticky-slots-text .slots-label{white-space:nowrap}.sticky-slots-text .slots-label strong{color:var(--text-primary)}@media (max-width:640px){.sticky-slots-text{gap:4px;font-size:12px}.sticky-slots-text .slots-sold{font-size:12px}.sticky-slots-text .slots-highlight{font-size:14px}}.sticky-slots-bar{background:var(--border-color);border-radius:2px;max-width:280px;height:4px;overflow:hidden}@media (max-width:640px){.sticky-slots-bar{max-width:160px}}.sticky-slots-fill{background:linear-gradient(90deg,#0b63ff,#4d8eff);border-radius:2px;height:100%;transition:width .8s ease-out}.sticky-banner-price-strike{opacity:.55;margin-right:4px;font-weight:500;text-decoration:line-through}.sticky-banner-pitch{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sticky-banner-pitch-headline{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}@media (max-width:640px){.sticky-banner-pitch-headline{font-size:14px}}.sticky-banner-pitch-sub{color:var(--text-secondary);font-size:12.5px;line-height:1.3}@media (max-width:640px){.sticky-banner-pitch-sub{font-size:11.5px}}.sticky-banner-button{color:#fff;cursor:pointer;background:#0b63ff;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #0b63ff47,inset 0 1px #ffffff2e}.sticky-banner-button:hover:not(:disabled){background:#0952d9;transform:translateY(-1px);box-shadow:0 10px 24px #0b63ff52,inset 0 1px #ffffff38}.sticky-banner-button:active:not(:disabled){transform:translateY(0)}.sticky-banner-button:disabled{opacity:.7;cursor:not-allowed}.sticky-banner-button.loading{pointer-events:none}.sticky-banner-button svg{flex-shrink:0}@media (max-width:640px){.sticky-banner-button{gap:6px;padding:10px 16px;font-size:13px}.sticky-banner-button svg{width:14px;height:14px}}@media (max-width:400px){.sticky-banner-button{padding:10px 14px}}.how-it-works-section{max-width:1200px;margin:0 auto;padding:80px 32px}@media (max-width:768px){.how-it-works-section{padding:60px 20px}}@media (max-width:546px){.how-it-works-section{padding:48px 20px}}.how-it-works-section .section-header{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}@media (min-width:768px){.how-it-works-section .section-header{margin-bottom:64px}}.how-it-works-section .section-header h1{text-align:center;text-wrap:balance;color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600;line-height:36px}@media (min-width:768px){.how-it-works-section .section-header h1{font-size:1.875rem}}@media (max-width:546px){.how-it-works-section .section-header h1{font-size:1.25rem}}.how-it-works-section .section-header p{text-align:center;text-wrap:balance;color:var(--text-secondary);margin:0;font-size:1rem;font-weight:500;line-height:28px}@media (min-width:768px){.how-it-works-section .section-header p{font-size:1.125rem}}@media (max-width:546px){.how-it-works-section .section-header p{font-size:.9375rem}}.how-it-works-section .steps-list{flex-direction:column;justify-content:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.how-it-works-section .steps-list{flex-direction:row;gap:32px}}@media (max-width:546px){.how-it-works-section .steps-list{gap:20px}}.how-it-works-section .steps-list .step-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:24px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.how-it-works-section .steps-list .step-card{border-radius:1.5rem;width:32%;padding:24px}}@media (max-width:546px){.how-it-works-section .steps-list .step-card{border-radius:.875rem;padding:18px}}.how-it-works-section .steps-list .step-card:first-child{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border-color:#8b5cf626}.how-it-works-section .steps-list .step-card:first-child:hover{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf61f}.how-it-works-section .steps-list .step-card:nth-child(2){background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#0ea5e926}.how-it-works-section .steps-list .step-card:nth-child(2):hover{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-color:#0ea5e94d;box-shadow:0 8px 32px #0ea5e91f}.how-it-works-section .steps-list .step-card:nth-child(3){background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b98126}.how-it-works-section .steps-list .step-card:nth-child(3):hover{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#10b9814d;box-shadow:0 8px 32px #10b9811f}.how-it-works-section .steps-list .step-card:hover{transform:translateY(-4px)}.how-it-works-section .steps-list .step-card .step-content,.how-it-works-section .steps-list .step-card .step-content .step-header{flex-direction:column;gap:16px;display:flex}.how-it-works-section .steps-list .step-card .step-content .step-header .step-text{flex-direction:column;gap:32px;display:flex}.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info{flex-direction:column;gap:6px;display:flex}.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}@media (min-width:768px){.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-title{font-size:1.25rem}}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-title{font-size:1rem}}.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-description{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}@media (min-width:768px){.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-description{font-size:1rem}}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-content .step-header .step-text .step-info .step-description{font-size:.875rem}}.how-it-works-section .steps-list .step-card .step-image{border:1px solid #0000000f;border-radius:.5rem;width:100%;transition:transform .3s;display:block;box-shadow:0 2px 8px #0000000a}@media (min-width:768px){.how-it-works-section .steps-list .step-card .step-image{border-radius:.75rem}}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-image{border-radius:.375rem}}.how-it-works-section .steps-list .step-card:hover .step-image{transform:scale(1.02);box-shadow:0 4px 12px #00000014}.how-it-works-section .steps-list .step-card .step-illustration{border-radius:10px;width:100%;transition:transform .3s;overflow:hidden}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration{border-radius:8px}}.how-it-works-section .steps-list .step-card:hover .step-illustration{transform:scale(1.02)}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup{background:#fff;border:1px solid #00000014;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header{background:#f8f9fa;border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:8px 12px;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-dots{gap:5px;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-dots span{border-radius:50%;width:8px;height:8px}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-dots span:first-child{background:#ff5f57}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-dots span:nth-child(2){background:#ffbd2e}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-dots span:nth-child(3){background:#28c840}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-url{color:#888;background:#fff;border:1px solid #0000000f;border-radius:5px;flex:1;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-header .browser-url svg{color:#28c840;flex-shrink:0}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content{justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content{gap:10px;padding:14px}}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .extension-icon{border-radius:10px;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .extension-icon img{object-fit:cover;width:100%;height:100%}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .extension-icon{border-radius:8px;width:36px;height:36px}}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .install-btn{color:#fff;cursor:pointer;background:#0b63ff;border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #0b63ff40}.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .install-btn:hover{background:#0952d4;transform:translateY(-1px)}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--install .browser-mockup .browser-content .install-btn{padding:7px 12px;font-size:11px}}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup{background:#fff;border:1px solid #00000014;border-radius:10px;padding:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup{padding:10px}}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini{gap:6px}}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item{aspect-ratio:1;cursor:pointer;color:#374151;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item svg{width:18px;height:18px}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item:hover{background:#eee;transform:scale(1.05)}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item{border-radius:6px}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item svg{width:14px;height:14px}}.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item.tool-item--more{color:#fff;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);font-size:11px;font-weight:700}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--tools .tools-panel-mockup .tools-grid-mini .tool-item.tool-item--more{font-size:10px}}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup{background:#fff;border:1px solid #00000014;border-radius:10px;padding:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup{padding:10px}}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box{background:#f0f9ff;border:2px dashed #0ea5e9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex;position:relative}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box{margin-bottom:8px;padding:10px}}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .element-highlight{background:linear-gradient(90deg,#bae6fd 0%,#7dd3fc 100%);border-radius:5px;width:60%;height:10px}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .element-highlight{height:8px}}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .inspector-badge{color:#fff;background:#1a1a1a;border-radius:5px;gap:4px;padding:4px 8px;font-family:monospace;font-size:10px;display:flex}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .inspector-badge{padding:3px 6px;font-size:9px}}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .inspector-badge .prop{color:#93c5fd}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .element-box .inspector-badge .value{color:#86efac}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .action-row{justify-content:center;gap:8px;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .action-row .action-icon{color:#666;cursor:pointer;background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .action-row .action-icon:hover{color:#fff;background:#0b63ff}@media (max-width:546px){.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .action-row .action-icon{border-radius:6px;width:28px;height:28px}.how-it-works-section .steps-list .step-card .step-illustration--use .use-mockup .action-row .action-icon svg{width:12px;height:12px}}.site-footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffb3;padding:48px 32px}@media (max-width:768px){.site-footer{padding:40px 20px}}@media (max-width:546px){.site-footer{padding:32px 20px}}.site-footer .footer-container{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;display:flex}@media (max-width:546px){.site-footer .footer-container{gap:24px}}.site-footer .footer-features .footer-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:.875rem;font-weight:600}@media (max-width:546px){.site-footer .footer-features .footer-section-title{margin-bottom:16px;font-size:.8125rem}}.site-footer .footer-features .footer-features-grid{grid-template-columns:repeat(5,1fr);gap:12px 24px;display:grid}@media (max-width:1024px){.site-footer .footer-features .footer-features-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.site-footer .footer-features .footer-features-grid{grid-template-columns:repeat(3,1fr);gap:10px 20px}}@media (max-width:546px){.site-footer .footer-features .footer-features-grid{grid-template-columns:repeat(2,1fr);gap:10px 16px}}.site-footer .footer-features .footer-features-grid .footer-feature-link{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;text-decoration:none;transition:color .2s}.site-footer .footer-features .footer-features-grid .footer-feature-link:hover{color:var(--text-primary)}@media (max-width:546px){.site-footer .footer-features .footer-features-grid .footer-feature-link{font-size:.75rem}}.site-footer .footer-divider{background:var(--border-color);height:1px}.site-footer .footer-bottom{flex-direction:column;align-items:center;gap:20px;display:flex}@media (max-width:546px){.site-footer .footer-bottom{gap:16px}}.site-footer .footer-brand{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;line-height:1.25rem;display:flex}@media (max-width:546px){.site-footer .footer-brand{font-size:.8125rem}}.site-footer .footer-brand .footer-logo{border-radius:6px;flex-shrink:0;width:24px;height:24px}@media (max-width:546px){.site-footer .footer-brand .footer-logo{width:22px;height:22px}}.site-footer .footer-brand span{font-weight:500}.site-footer .footer-links{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:.875rem;line-height:1.25rem;display:flex}@media (max-width:768px){.site-footer .footer-links{gap:20px}}@media (max-width:546px){.site-footer .footer-links{gap:16px;font-size:.8125rem}}.site-footer .footer-links a{font-weight:500;text-decoration:none;transition:color .2s}.site-footer .footer-links a:hover{color:var(--text-primary)}.site-footer .footer-links .footer-social{align-items:center;gap:6px;display:inline-flex}.site-footer .footer-links .footer-social .social-icon{flex-shrink:0;width:16px;height:16px}@media (max-width:546px){.site-footer .footer-links .footer-social .social-icon{width:14px;height:14px}}.site-footer .footer-links .footer-social .social-icon path{fill:currentColor}.site-footer .footer-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.75rem;line-height:1rem;display:flex}@media (max-width:546px){.site-footer .footer-meta{gap:10px;font-size:.6875rem}}.site-footer .footer-meta .footer-separator{opacity:.4}.site-footer .footer-meta .footer-email{text-decoration:none;transition:color .2s}.site-footer .footer-meta .footer-email:hover{color:var(--text-primary)}.browser-platforms{text-align:center;width:100%;padding:40px 20px}.browser-platforms .platforms-list{margin:0;padding:0;list-style:none;display:inline-block}@media (max-width:768px){.browser-platforms .platforms-list{flex-wrap:wrap;justify-content:center;display:flex}}.browser-platforms .platform-item{vertical-align:top;border:1px solid var(--border-color);background-color:var(--bg-primary);text-align:left;cursor:pointer;border-radius:12px;width:205px;height:200px;margin:14px;transition:all .2s;display:inline-block;position:relative;overflow:hidden}@media (max-width:768px){.browser-platforms .platform-item{width:167px;height:180px;margin:10px}}@media (max-width:546px){.browser-platforms .platform-item{width:160px;height:170px;margin:8px}}.browser-platforms .platform-item:hover{background-color:#00000008;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.browser-platforms .platform-item:hover .platform-icon{bottom:-10px;left:-10px;transform:scale(1.1)}.browser-platforms .platform-item:hover .platform-device{bottom:-10px;right:-10px;transform:scale(1.05)}.browser-platforms .platform-link{z-index:2;width:100%;height:100%;color:inherit;flex-direction:column;padding:24px;text-decoration:none;display:flex;position:absolute;top:0;left:0}@media (max-width:546px){.browser-platforms .platform-link{padding:20px}}.browser-platforms .platform-link:hover{text-decoration:none}.browser-platforms .platform-content{z-index:3;position:relative}.browser-platforms .platform-name{color:var(--text-primary);margin-bottom:6px;font-size:1.375rem;font-weight:600;line-height:1.2;transition:all .2s;display:block}@media (max-width:768px){.browser-platforms .platform-name{font-size:1.25rem}}@media (max-width:546px){.browser-platforms .platform-name{font-size:1.125rem}}.browser-platforms .platform-description{color:var(--text-primary);opacity:.8;margin:0;font-size:.9375rem;line-height:1.4;transition:all .2s;display:block}@media (max-width:768px){.browser-platforms .platform-description{font-size:.875rem}}@media (max-width:546px){.browser-platforms .platform-description{font-size:.8125rem}}.browser-platforms .platform-icon{z-index:1;align-items:flex-end;width:auto;height:60px;transition:all .2s;display:flex;position:absolute;bottom:0;left:0}@media (max-width:768px){.browser-platforms .platform-icon{height:50px}}@media (max-width:546px){.browser-platforms .platform-icon{height:45px}}.browser-platforms .platform-icon svg{width:auto;max-width:60px;height:60px;transition:all .2s}@media (max-width:768px){.browser-platforms .platform-icon svg{max-width:50px;height:50px}}@media (max-width:546px){.browser-platforms .platform-icon svg{max-width:45px;height:45px}}.browser-platforms .platform-device{z-index:1;opacity:.7;width:50px;height:auto;transition:all .2s;position:absolute;bottom:0;right:0}@media (max-width:768px){.browser-platforms .platform-device{width:40px}}@media (max-width:546px){.browser-platforms .platform-device{width:35px}}.faq-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 32px}@media (max-width:768px){.faq-section{padding:60px 20px}}@media (max-width:546px){.faq-section{padding:48px 20px}}.faq-section .faq-header{text-align:center;margin-bottom:48px}@media (max-width:768px){.faq-section .faq-header{margin-bottom:40px}}@media (max-width:546px){.faq-section .faq-header{margin-bottom:32px}}.faq-section .faq-header h2{color:var(--text-primary);text-wrap:balance;margin-bottom:12px;font-size:1.875rem;font-weight:600;line-height:1.2}@media (max-width:768px){.faq-section .faq-header h2{font-size:1.625rem}}@media (max-width:546px){.faq-section .faq-header h2{font-size:1.5rem}}.faq-section .faq-header p{color:var(--text-secondary);text-wrap:balance;font-size:1.0625rem;font-weight:500;line-height:1.5}@media (max-width:546px){.faq-section .faq-header p{font-size:1rem}}.faq-section .faq-list{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}@media (max-width:768px){.faq-section .faq-list{gap:20px}}@media (max-width:546px){.faq-section .faq-list{gap:16px}}.faq-section .faq-item{border-bottom:1px solid var(--border-color);padding-bottom:24px}@media (max-width:768px){.faq-section .faq-item{padding-bottom:20px}}@media (max-width:546px){.faq-section .faq-item{padding-bottom:16px}}.faq-section .faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-section .faq-item .faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:16px;list-style:none;display:flex}@media (max-width:546px){.faq-section .faq-item .faq-question{gap:12px}}.faq-section .faq-item .faq-question::-webkit-details-marker{display:none}.faq-section .faq-item .faq-question p{color:var(--text-primary);flex:1;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.5}@media (max-width:768px){.faq-section .faq-item .faq-question p{font-size:1rem}}@media (max-width:546px){.faq-section .faq-item .faq-question p{font-size:.9375rem}}.faq-section .faq-item .faq-question .faq-icon{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0;margin-top:2px;transition:transform .3s}@media (max-width:768px){.faq-section .faq-item .faq-question .faq-icon{width:22px;height:22px}}@media (max-width:546px){.faq-section .faq-item .faq-question .faq-icon{width:20px;height:20px}}.faq-section .faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-section .faq-item .faq-answer{margin-top:12px;padding-right:40px}@media (max-width:768px){.faq-section .faq-item .faq-answer{margin-top:10px;padding-right:32px}}@media (max-width:546px){.faq-section .faq-item .faq-answer{margin-top:8px;padding-right:0}}.faq-section .faq-item .faq-answer p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.75}@media (max-width:768px){.faq-section .faq-item .faq-answer p{font-size:.9375rem;line-height:1.6}}@media (max-width:546px){.faq-section .faq-item .faq-answer p{font-size:.875rem}}.faq-section .faq-item .faq-link{color:#0b63ff;transition:color .2s}.faq-section .faq-item .faq-link:hover{color:#094fcc}.hero-title .highlight{z-index:1;font-weight:800;display:inline-block;position:relative}.hero-title .highlight:before{content:"";z-index:-1;opacity:.6;border-radius:4px;height:25%;animation:.6s ease-out forwards highlightFadeIn;position:absolute;bottom:3px;left:-4px;right:-4px}.hero-title .highlight.highlight-purple:before{background:linear-gradient(135deg,#c084fc 0%,#a855f7 100%);animation-delay:.1s}.hero-title .highlight.highlight-blue:before{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);animation-delay:.3s}.hero-title .highlight.highlight-pink:before{background:linear-gradient(135deg,#f472b6 0%,#ec4899 100%);animation-delay:.5s}.hero-title .highlight.highlight-green:before{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);animation-delay:.7s}.hero-title .highlight.highlight-orange:before{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);animation-delay:.9s}@keyframes highlightFadeIn{0%{opacity:0;transform:scaleX(0)}to{opacity:.6;transform:scaleX(1)}}.app-layout{background:var(--bg-secondary);height:100vh;display:flex;position:relative}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.app-loading p{color:var(--text-secondary);font-size:14px}.app-sidebar{border-right:1px solid var(--border-color);background:#f5f4ee;flex-direction:column;flex-shrink:0;width:260px;transition:width .3s;display:flex;position:relative}.app-sidebar.collapsed{width:64px}.app-sidebar.collapsed .sidebar-logo,.app-sidebar.collapsed .nav-main-item span,.app-sidebar.collapsed .nav-section-header,.app-sidebar.collapsed .nav-projects,.app-sidebar.collapsed .user-info{display:none}.app-sidebar.collapsed .sidebar-main-nav{padding:8px}.app-sidebar.collapsed .nav-main-item{justify-content:center;padding:10px}.app-sidebar.collapsed .sidebar-header{justify-content:center}.app-sidebar.collapsed .sidebar-collapse-btn{margin:0 auto}@media (max-width:768px){.app-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 8px #0000001a}.app-sidebar.closed{transform:translate(-100%)}}.sidebar-header{border-bottom:1px solid #00000014;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.sidebar-collapse-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-collapse-btn:hover{color:var(--text-primary);background:#0000000a}.sidebar-collapse-btn svg{flex-shrink:0}.sidebar-logo{color:var(--text-primary);flex:1;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.sidebar-logo img{border-radius:6px;flex-shrink:0}.sidebar-logo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-main-nav{border-bottom:1px solid #00000014;flex-direction:column;gap:2px;padding:12px 8px;display:flex}.nav-main-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:400;transition:background .15s;display:flex}.nav-main-item svg{width:16px;height:16px}.nav-main-item:hover{background:#0000000a}.nav-main-item.active{background:#e9e6dc}.nav-main-item svg{flex-shrink:0}.nav-main-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.nav-projects{flex-direction:column;gap:2px;display:flex}.nav-project-item .project-item-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nav-empty{text-align:center;padding:24px 12px}.nav-empty p{color:var(--text-secondary);font-size:13px}.nav-empty .nav-empty-hint{margin-top:4px;font-size:12px}.sidebar-footer{border-top:1px solid #00000014;padding:12px;position:relative}.user-menu-trigger{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;transition:background .15s;display:flex}.user-menu-trigger:hover{background:#0000000a}.user-menu-trigger .user-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-menu-trigger .user-info{text-align:left;flex:1;min-width:0}.user-menu-trigger .user-info .user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.user-menu-trigger .user-info .user-plan{color:var(--text-secondary);font-size:11px;display:block}.user-menu-trigger svg{color:var(--text-secondary);flex-shrink:0}.user-dropdown{border:1px solid var(--border-color);background:#f5f4ee;border-radius:6px;margin-bottom:8px;padding:4px;position:absolute;bottom:100%;left:12px;right:12px;box-shadow:0 4px 12px #0000001a}.user-dropdown .dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.user-dropdown .dropdown-item:hover{background:#e9e6dc}.sidebar-mobile-toggle{z-index:1001;background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}@media (max-width:768px){.sidebar-mobile-toggle{display:flex}}.transform-chat{border-right:1px solid var(--border-color);background:var(--bg-primary);width:380px;overflow:hidden}@media (max-width:1024px){.transform-chat{width:320px}}@media (max-width:768px){.transform-chat{display:none}}.transform-preview{background:var(--bg-primary);flex:1;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:440px;max-height:90vh;padding:32px;animation:.3s ease-out slideIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (max-width:546px){.modal-content{max-width:100%;padding:24px}}.modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:600}.modal-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-body .error-message{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.5}.modal-body .button{justify-content:center;width:100%}.auth-divider{text-align:center;align-items:center;margin:8px 0;display:flex}.auth-divider span{color:var(--text-secondary);padding:0 12px;font-size:13px;font-weight:500}.email-auth-form{flex-direction:column;gap:16px;display:flex}.email-auth-form .form-group{flex-direction:column;gap:6px;display:flex}.email-auth-form .form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.email-auth-form .form-group input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:10px 14px;font-size:14px;transition:all .15s}.email-auth-form .form-group input:focus{border-color:var(--text-primary);outline:none}.email-auth-form .form-group input::placeholder{color:var(--text-secondary);opacity:.6}.email-auth-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.auth-toggle .toggle-link{color:#0b63ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;transition:all .15s}.auth-toggle .toggle-link:hover:not(:disabled){background:#0b63ff1a;text-decoration:underline}.auth-toggle .toggle-link:disabled{opacity:.5;cursor:not-allowed}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.button--secondary:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--text-primary)}.button--secondary:disabled{opacity:.5;cursor:not-allowed}.custom-video-player{width:100%;max-width:1100px;margin:0 auto;padding:0 32px}@media (max-width:768px){.custom-video-player{padding:0 20px}}.video-background-wrapper .custom-video-player{max-width:none;padding:0}.custom-video-player .video-wrapper{border:1px solid var(--border-color);background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}@media (max-width:546px){.custom-video-player .video-wrapper{border-radius:12px}}.custom-video-player .video-wrapper:hover{box-shadow:0 25px 70px #0003}.custom-video-player .video-wrapper:hover .play-button-circle{background:#0952cc;transform:scale(1.1)}.custom-video-player .video-element{background:#000;width:100%;height:auto;display:block}.custom-video-player .video-overlay{cursor:pointer;background:#00000040;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.custom-video-player .video-overlay:hover{background:#00000059}.custom-video-player .video-overlay:hover .play-button-circle{transform:scale(1.05)}.custom-video-player .video-overlay-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.custom-video-player .play-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.custom-video-player .play-button:focus{outline:none}.custom-video-player .play-button:focus-visible .play-button-circle{box-shadow:0 0 0 4px #ffffff4d}.custom-video-player .play-button-circle{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #00000026}@media (max-width:768px){.custom-video-player .play-button-circle{width:64px;height:64px}}@media (max-width:546px){.custom-video-player .play-button-circle{width:56px;height:56px}.custom-video-player .play-button-circle svg{width:24px;height:24px}}.custom-video-player .play-button-circle svg{color:#0b63ff;fill:#0b63ff;margin-left:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-section{width:100%;max-width:1100px;margin:0 auto;padding:0 32px 80px}@media (max-width:768px){.video-section{padding:0 20px 60px}}.blog-layout{min-height:100vh;padding:80px 32px}@media (max-width:768px){.blog-layout{padding:60px 20px}}@media (max-width:546px){.blog-layout{padding:40px 20px}}.blog-container,.blog-article{max-width:680px;margin:0 auto}.blog-header{margin-bottom:60px}@media (max-width:546px){.blog-header{margin-bottom:40px}}.blog-home-link,.blog-back-link{color:var(--text-secondary);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.blog-home-link:hover,.blog-back-link:hover{color:var(--text-primary)}.blog-title{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:600}@media (max-width:768px){.blog-title{font-size:2rem}}@media (max-width:546px){.blog-title{font-size:1.75rem}}.blog-subtitle{color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}@media (max-width:546px){.blog-subtitle{font-size:1rem}}.blog-posts-list{flex-direction:column;gap:32px;display:flex}@media (max-width:546px){.blog-posts-list{gap:24px}}.blog-post-card{border-bottom:1px solid var(--border-color);padding:24px 0;transition:all .2s}.blog-post-card:last-child{border-bottom:none}@media (max-width:546px){.blog-post-card{padding:20px 0}}.blog-post-card-link{text-decoration:none;display:block}.blog-post-card-link:hover .blog-post-title{color:#0b63ff}.blog-post-date{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;display:block}.blog-post-title{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600;line-height:1.3;transition:color .2s}@media (max-width:546px){.blog-post-title{font-size:1.25rem}}.blog-post-excerpt{color:var(--text-secondary);margin-bottom:12px;font-size:1rem;line-height:1.6}@media (max-width:546px){.blog-post-excerpt{font-size:.9375rem}}.blog-post-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.blog-post-meta .blog-meta-separator{opacity:.5}.blog-empty{text-align:center;padding:60px 20px}.blog-empty p{color:var(--text-secondary);font-size:1rem}.blog-article-header{border-bottom:1px solid var(--border-color);margin-bottom:48px;padding-bottom:32px}@media (max-width:546px){.blog-article-header{margin-bottom:32px;padding-bottom:24px}}.blog-article-title{color:var(--text-primary);margin-bottom:16px;font-size:2.25rem;font-weight:600;line-height:1.2}@media (max-width:768px){.blog-article-title{font-size:2rem}}@media (max-width:546px){.blog-article-title{font-size:1.5rem}}.blog-article-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9375rem;display:flex}.blog-article-meta .blog-meta-separator{opacity:.5}@media (max-width:546px){.blog-article-meta{font-size:.875rem}}.blog-article-content{color:var(--text-primary)}.blog-article-content>*+*{margin-top:1.5rem}.blog-paragraph{color:var(--text-primary);margin:1.5rem 0;font-size:1.0625rem;line-height:1.75}@media (max-width:546px){.blog-paragraph{font-size:1rem;line-height:1.65}}.blog-h1{color:var(--text-primary);margin:2.5rem 0 1rem;font-size:2rem;font-weight:600;line-height:1.3}@media (max-width:546px){.blog-h1{margin:2rem 0 .875rem;font-size:1.75rem}}.blog-h2{color:var(--text-primary);margin:2rem 0 .875rem;font-size:1.5rem;font-weight:600;line-height:1.3}@media (max-width:546px){.blog-h2{margin:1.75rem 0 .75rem;font-size:1.375rem}}.blog-h3{color:var(--text-primary);margin:1.75rem 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.3}@media (max-width:546px){.blog-h3{margin:1.5rem 0 .625rem;font-size:1.125rem}}.blog-link{color:inherit;text-underline-offset:2px;opacity:.7;-webkit-text-decoration:underline #37352f99;text-decoration:underline #37352f99;text-decoration-thickness:1px;transition:opacity .2s}.blog-link:hover{opacity:1}.blog-list{color:var(--text-primary);margin:1.5rem 0;padding-left:2rem;font-size:1.0625rem;line-height:1.75}@media (max-width:546px){.blog-list{padding-left:1.5rem;font-size:1rem}}.blog-list-item{margin:.5rem 0}.blog-list-item::marker{color:var(--text-secondary)}.blog-list-ordered{list-style-type:decimal}.blog-blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);margin:1.5rem 0;padding-left:1.5rem;font-size:1.0625rem;font-style:italic;line-height:1.75}@media (max-width:546px){.blog-blockquote{padding-left:1rem;font-size:1rem}}.blog-inline-code{color:#eb5757;background:#87837826;border-radius:3px;padding:.2em .4em;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.blog-code-block{background:#87837826;border-radius:6px;margin:1.5rem 0;padding:1rem;font-size:.9375rem;line-height:1.6;overflow-x:auto}.blog-code-block code{color:var(--text-primary);background:0 0;padding:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media (max-width:546px){.blog-code-block{padding:.875rem;font-size:.875rem}}.blog-divider{border:none;border-bottom:1px solid var(--border-color);margin:2rem 0}.blog-strong{font-weight:600}.blog-em{font-style:italic}.settings-page{flex:1;padding:32px 0;overflow-y:auto}.settings-container{max-width:800px;margin:0 auto;padding:0 32px}@media (max-width:768px){.settings-container{padding:0 20px}}.settings-header{margin-bottom:40px}.settings-header h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.settings-header p{color:var(--text-secondary);font-size:15px;line-height:1.6}.save-status{border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500}.save-status.saved,.save-status.deleted,.save-status.preferences_saved{color:#15803d;background:#dcfce7;border:1px solid #86efac}.save-status.error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.settings-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.settings-section h2{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.settings-section .section-description{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.model-selection{flex-direction:column;gap:16px;display:flex}.model-selection .form-group{flex-direction:column;gap:8px;display:flex}.model-selection .form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.model-selection .form-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px 14px;font-size:14px}.model-selection .form-select:focus{border-color:var(--text-primary);outline:none}.api-keys-list{flex-direction:column;gap:24px;display:flex}.api-key-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.api-key-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.api-key-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.api-key-header .docs-link{color:#0b63ff;font-size:13px;font-weight:500;text-decoration:none}.api-key-header .docs-link:hover{text-decoration:underline}.api-key-input-group{gap:8px;margin-bottom:12px;display:flex}.api-key-input-group .api-key-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:10px 14px;font-family:Monaco,Menlo,monospace;font-size:14px}.api-key-input-group .api-key-input:focus{border-color:var(--text-primary);outline:none}.api-key-input-group .icon-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.api-key-input-group .icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.api-key-input-group .icon-button.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.api-key-models{color:var(--text-secondary);font-size:13px;line-height:1.6}.api-key-models .models-label{margin-right:6px;font-weight:500}.api-key-models .model-tag{color:var(--text-primary)}.security-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:20px}.security-notice h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.security-notice ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.security-notice ul li{color:var(--text-secondary);padding-left:20px;font-size:14px;line-height:1.6;position:relative}.security-notice ul li:before{content:"•";color:#0ea5e9;font-weight:700;position:absolute;left:0}.prompts-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.prompt-item{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:move;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.prompt-item:hover{background:var(--hover-bg);border-color:var(--text-primary)}.prompt-item .prompt-drag-handle{color:var(--text-secondary);cursor:grab;align-items:center;display:flex}.prompt-item .prompt-drag-handle:active{cursor:grabbing}.prompt-item .prompt-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.prompt-item .prompt-content .prompt-number{color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600}.prompt-item .prompt-content .prompt-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.add-prompt-form{gap:12px;margin-bottom:24px;display:flex}.add-prompt-form .prompt-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:10px 14px;font-size:14px}.add-prompt-form .prompt-input:focus{border-color:var(--text-primary);outline:none}.save-button{justify-content:center;width:100%}.settings-container-wide{max-width:900px}.prompts-list-detailed{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.prompt-item-detailed{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:move;border-radius:8px;transition:all .15s;overflow:hidden}.prompt-item-detailed:hover{border-color:var(--text-primary);box-shadow:0 2px 8px #0000000d}.prompt-item-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px;display:flex}.prompt-item-header .prompt-drag-handle{color:var(--text-secondary);cursor:grab;flex-shrink:0;align-items:center;display:flex}.prompt-item-header .prompt-drag-handle:active{cursor:grabbing}.prompt-item-header .prompt-number{color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:600}.prompt-item-header .prompt-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.prompt-item-header .prompt-title-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;flex:1;min-width:0;padding:6px 10px;font-size:15px;font-weight:600}.prompt-item-header .prompt-title-input:focus{border-color:var(--text-primary);outline:none}.prompt-item-header .prompt-actions{flex-shrink:0;gap:8px;display:flex}.prompt-item-body{padding:16px}.prompt-item-body .prompt-text{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.prompt-item-body .prompt-text-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:4px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.6}.prompt-item-body .prompt-text-input:focus{border-color:var(--text-primary);outline:none}.add-prompt-form-detailed{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.add-prompt-form-detailed .form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.add-prompt-form-detailed .form-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.add-prompt-form-detailed .form-group{margin-bottom:16px}.add-prompt-form-detailed .form-group:last-of-type{margin-bottom:20px}.add-prompt-form-detailed .form-group label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.add-prompt-form-detailed .prompt-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:10px 14px;font-size:14px}.add-prompt-form-detailed .prompt-input:focus{border-color:var(--text-primary);outline:none}.add-prompt-form-detailed .prompt-textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.6}.add-prompt-form-detailed .prompt-textarea:focus{border-color:var(--text-primary);outline:none}.add-prompt-button{justify-content:center;width:100%;margin-bottom:16px}.prompts-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.suggestion-preview{background:var(--bg-primary);color:var(--text-primary);text-align:left;border:1px solid var(--border-color);cursor:default;border-radius:6px;padding:12px 14px;font-size:13px;transition:all .15s}.suggestion-preview:hover{background:var(--hover-bg)}@media (max-width:768px){.prompt-item-header{gap:8px;padding:12px}.prompt-item-header .prompt-title,.prompt-item-header .prompt-title-input{font-size:14px}.prompt-item-body{padding:12px}.prompt-item-body .prompt-text,.prompt-item-body .prompt-text-input{font-size:13px}.add-prompt-form-detailed{padding:16px}}.api-key-warning{z-index:1000;animation:.3s ease-out slideDown;position:fixed;top:70px;left:50%;transform:translate(-50%)}@media (max-width:768px){.api-key-warning{top:60px;left:16px;right:16px;transform:none}}.warning-content{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;align-items:center;gap:12px;max-width:600px;padding:14px 20px;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}@media (max-width:768px){.warning-content{flex-wrap:wrap;padding:12px 16px}}.warning-content svg{color:#d97706;flex-shrink:0}.warning-content .warning-text{flex:1;min-width:0}.warning-content .warning-text .warning-title{color:#78350f;margin:0 0 2px;font-size:14px;font-weight:600}.warning-content .warning-text .warning-description{color:#92400e;margin:0;font-size:13px}.warning-content .button{flex-shrink:0}@media (max-width:768px){.warning-content .button{width:100%;margin-top:8px}}.warning-content .warning-close{color:#92400e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.warning-content .warning-close:hover{background:#0000001a}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.nav-main-item{position:relative}.nav-main-item.needs-attention .attention-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;margin-left:auto;animation:2s ease-in-out infinite pulse}.status-provider{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;margin:8px 0 0;padding:6px 10px;font-size:11px;display:inline-block}.transform-title-bar{border-bottom:1px solid var(--border-color);background:var(--bg-primary);align-items:center;min-height:56px;padding:12px 24px;display:flex}.title-display{align-items:center;gap:12px;display:flex}.title-display .project-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.title-display .title-edit-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.title-display .title-edit-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.title-display:hover .title-edit-btn{opacity:1}.title-edit-container{align-items:center;gap:8px;display:flex}.title-edit-container .title-edit-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid #0b63ff;border-radius:6px;outline:none;min-width:300px;padding:8px 12px;font-size:16px;font-weight:600;box-shadow:0 0 0 3px #0b63ff1a}.title-edit-container .title-edit-input::placeholder{color:var(--text-secondary);font-weight:400}.title-edit-container .title-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.title-edit-container .title-action-btn.save{color:#fff;background:#10b981}.title-edit-container .title-action-btn.save:hover{background:#059669}.title-edit-container .title-action-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.title-edit-container .title-action-btn.cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-project-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;transition:background .15s}.nav-project-item:hover{background:#0000000a}.nav-project-item:hover .project-edit-btn{opacity:1}.nav-project-item.active{background:#e9e6dc;font-weight:500}.nav-project-item .project-item-content{flex-direction:column;gap:2px;display:flex}.nav-project-item .project-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-project-item .project-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;display:block;overflow:hidden}.nav-project-item .project-item-date{color:var(--text-secondary);font-size:11px}.nav-project-item .project-edit-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.nav-project-item .project-edit-btn:hover{color:var(--text-primary);background:#00000014}.project-edit-container{flex-direction:column;gap:8px;width:100%;display:flex}.project-edit-container .project-title-input{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid #0b63ff;border-radius:4px;outline:none;padding:6px 10px;font-size:13px}.project-edit-container .project-title-input::placeholder{color:var(--text-secondary)}.project-edit-container .project-edit-actions{gap:4px;display:flex}.project-edit-container .project-edit-actions .edit-action-btn{cursor:pointer;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.project-edit-container .project-edit-actions .edit-action-btn.save{color:#fff;background:#10b981}.project-edit-container .project-edit-actions .edit-action-btn.save:hover{background:#059669}.project-edit-container .project-edit-actions .edit-action-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.project-edit-container .project-edit-actions .edit-action-btn.cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.transform-content{flex:1;display:flex;overflow:hidden}.trusted-badge{opacity:.9;width:auto;height:32px;margin-bottom:24px}@media (max-width:768px){.trusted-badge{height:28px;margin-bottom:20px}}@media (max-width:546px){.trusted-badge{height:24px;margin-bottom:16px}}.testimonials-container{justify-content:center;align-items:center;gap:24px;margin-top:32px;display:flex}@media (max-width:768px){.testimonials-container{gap:16px;margin-top:28px}}@media (max-width:546px){.testimonials-container{flex-direction:column;gap:12px;margin-top:24px}}.testimonials-container .user-avatars{align-items:center;display:flex}.testimonials-container .user-avatars .user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;margin-right:-10px;transition:transform .2s;display:block;box-shadow:0 2px 8px #0000001a}.testimonials-container .user-avatars .user-avatar:last-child{margin-right:0}.testimonials-container .user-avatars .user-avatar:hover{z-index:10;position:relative;transform:scale(1.1)}@media (max-width:768px){.testimonials-container .user-avatars .user-avatar{width:36px;height:36px;margin-right:-8px}.testimonials-container .user-avatars .user-avatar.hide-mobile{display:none}}@media (max-width:546px){.testimonials-container .user-avatars .user-avatar{width:38px;height:38px}}.testimonials-container .rating-section{flex-direction:column;justify-content:center;gap:4px;display:flex}@media (max-width:546px){.testimonials-container .rating-section{align-items:center}}.testimonials-container .rating-section .stars-container{gap:2px;display:flex}.testimonials-container .rating-section .stars-container img{width:18px;height:18px;display:block}@media (max-width:768px){.testimonials-container .rating-section .stars-container img{width:16px;height:16px}}.testimonials-container .rating-section .rating-text{color:var(--text-secondary);font-size:14px;font-weight:500}@media (max-width:768px){.testimonials-container .rating-section .rating-text{font-size:13px}}.testimonials-section{padding:80px 0}@media (max-width:768px){.testimonials-section{padding:60px 0}}@media (max-width:546px){.testimonials-section{padding:48px 0}}.testimonials-section .testimonials-header{text-align:center;margin-bottom:48px}@media (max-width:768px){.testimonials-section .testimonials-header{margin-bottom:40px}}@media (max-width:546px){.testimonials-section .testimonials-header{margin-bottom:32px}}.testimonials-section .testimonials-header h2{color:var(--text-primary);margin-bottom:12px;font-size:1.875rem;font-weight:600}@media (max-width:768px){.testimonials-section .testimonials-header h2{font-size:1.625rem}}@media (max-width:546px){.testimonials-section .testimonials-header h2{font-size:1.375rem}}.testimonials-section .testimonials-header p{color:var(--text-secondary);margin:0;font-size:1.0625rem}@media (max-width:546px){.testimonials-section .testimonials-header p{font-size:1rem}}.testimonials-section .testimonials-grid{display:columns;columns:3;column-gap:20px}@media (max-width:1024px){.testimonials-section .testimonials-grid{columns:2}}@media (max-width:640px){.testimonials-section .testimonials-grid{columns:1}}.testimonials-section .testimonial-card{break-inside:avoid;border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;transition:all .2s;position:relative;overflow:hidden}.testimonials-section .testimonial-card:before{content:"";background:var(--accent-color,#0b63ff);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.testimonials-section .testimonial-card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.testimonials-section .testimonial-card:hover:before{opacity:1}@media (max-width:546px){.testimonials-section .testimonial-card{border-radius:10px;padding:20px}}.testimonials-section .testimonial-card .testimonial-content{color:var(--text-primary);margin:0 0 20px;font-size:.9375rem;line-height:1.7}.testimonials-section .testimonial-card .testimonial-content strong{color:var(--accent-color,#0b63ff);font-weight:600}@media (max-width:546px){.testimonials-section .testimonial-card .testimonial-content{margin-bottom:16px;font-size:.875rem;line-height:1.6}}.testimonials-section .testimonial-card .testimonial-author{align-items:center;gap:12px;display:flex}.testimonials-section .testimonial-card .testimonial-author .testimonial-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:44px;height:44px}@media (max-width:546px){.testimonials-section .testimonial-card .testimonial-author .testimonial-avatar{width:40px;height:40px}}.testimonials-section .testimonial-card .testimonial-author .testimonial-author-info{flex-direction:column;gap:2px;min-width:0;display:flex}.testimonials-section .testimonial-card .testimonial-author .testimonial-author-info .testimonial-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}@media (max-width:546px){.testimonials-section .testimonial-card .testimonial-author .testimonial-author-info .testimonial-name{font-size:.875rem}}.testimonials-section .testimonial-card .testimonial-author .testimonial-author-info .testimonial-role{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}@media (max-width:546px){.testimonials-section .testimonial-card .testimonial-author .testimonial-author-info .testimonial-role{font-size:.75rem}}.fp-store{min-height:100vh;padding:0 32px 80px}@media (max-width:768px){.fp-store{padding:0 20px 60px}}@media (max-width:546px){.fp-store{padding:0 16px 48px}}.fp-store-container{max-width:960px;margin:0 auto}.fp-store-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;padding:20px 0;font-size:.8125rem;display:flex}.fp-store-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.fp-store-breadcrumb a:hover{color:var(--text-primary)}.fp-store-breadcrumb span:last-child{color:var(--text-primary);font-weight:500}.fp-store-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}@media (max-width:640px){.fp-store-header{flex-direction:column;gap:16px}}.fp-store-header-left{align-items:center;gap:20px;display:flex}@media (max-width:546px){.fp-store-header-left{gap:14px}}.fp-store-icon{border:1px solid var(--border-color);color:#1d4ed8;background:#dbeafe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.fp-store-icon--development{color:#1d4ed8;background:#dbeafe}.fp-store-icon--design{color:#be185d;background:#fce7f3}.fp-store-icon--typography{color:#7c3aed;background:#e9d5ff}.fp-store-icon--seo{color:#047857;background:#d1fae5}.fp-store-icon--layout{color:#0e7490;background:#cffafe}.fp-store-icon--media{color:#c2410c;background:#fed7aa}.fp-store-icon--utility{color:#b45309;background:#fef3c7}.fp-store-icon--content{color:#be123c;background:#fecdd3}.fp-store-icon--data{color:#4338ca;background:#e0e7ff}.fp-store-icon--performance{color:#c2410c;background:#ffedd5}.fp-store-icon--productivity{color:#047857;background:#d1fae5}.fp-store-icon--measurement{color:#0e7490;background:#cffafe}.fp-store-icon--analytics{color:#7c3aed;background:#e9d5ff}.fp-store-icon svg{width:32px;height:32px}@media (max-width:546px){.fp-store-icon{border-radius:12px;width:52px;height:52px}.fp-store-icon svg{width:26px;height:26px}}.fp-store-header-text h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:2rem;font-weight:700;line-height:1.2}@media (max-width:768px){.fp-store-header-text h1{font-size:1.75rem}}@media (max-width:546px){.fp-store-header-text h1{font-size:1.5rem}}.fp-store-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fp-store-meta-dot{background:#ccc;border-radius:50%;width:3px;height:3px}.fp-store-meta-category,.fp-store-meta-users{color:var(--text-secondary);font-size:.8125rem}.fp-store-meta-rating{align-items:center;gap:5px;display:inline-flex}.fp-store-stars{align-items:center;gap:1px;display:inline-flex}.fp-store-stars svg{width:14px;height:14px}.fp-store-rating-text{color:var(--text-primary);font-size:.8125rem;font-weight:600}.fp-store-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}@media (max-width:546px){.fp-store-tags{margin-bottom:24px}}.fp-store-tag{color:var(--text-secondary);border:1px solid var(--border-color);background:#f5f5f5;border-radius:20px;padding:5px 14px;font-size:.75rem;font-weight:500;display:inline-block}.fp-store-gallery{margin-bottom:48px}@media (max-width:546px){.fp-store-gallery{margin-bottom:36px}}.fp-store-carousel-wrapper{position:relative}.fp-store-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;gap:16px;display:flex;overflow-x:auto}.fp-store-carousel::-webkit-scrollbar{display:none}@media (max-width:546px){.fp-store-carousel{border-radius:10px;gap:12px}}.fp-store-slide{scroll-snap-align:start;background:#f5f5f5;border-radius:14px;flex:0 0 100%;overflow:hidden}@media (max-width:546px){.fp-store-slide{border-radius:10px}}.fp-store-slide .feature-video-player{margin-bottom:0}.fp-store-slide-img{border:1px solid var(--border-color);border-radius:14px;overflow:hidden}@media (max-width:546px){.fp-store-slide-img{border-radius:10px}}.fp-store-slide-img img{width:100%;height:auto;display:block}.fp-store-carousel-nav{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;z-index:5;width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.fp-store-carousel-nav:hover{box-shadow:0 4px 16px #00000026}@media (max-width:546px){.fp-store-carousel-nav{width:36px;height:36px}}.fp-store-carousel-prev{left:-20px}@media (max-width:768px){.fp-store-carousel-prev{left:8px}}.fp-store-carousel-next{right:-20px}@media (max-width:768px){.fp-store-carousel-next{right:8px}}.fp-store-thumbnails{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}@media (max-width:546px){.fp-store-thumbnails{gap:8px;margin-top:12px}}.fp-store-thumb{cursor:pointer;opacity:.6;background:#f5f5f5;border:2px solid #0000;border-radius:8px;width:80px;height:52px;padding:0;transition:border-color .15s,opacity .15s;position:relative;overflow:hidden}.fp-store-thumb:hover{opacity:.9}.fp-store-thumb.active{opacity:1;border-color:#0b63ff}.fp-store-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:546px){.fp-store-thumb{border-radius:6px;width:64px;height:42px}}.fp-store-thumb-play{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-store-overview{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:40px}@media (max-width:546px){.fp-store-overview{margin-bottom:32px;padding-bottom:32px}}.fp-store-overview h2{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:600}@media (max-width:546px){.fp-store-overview h2{font-size:1.125rem}}.fp-store-overview-content p{color:var(--text-secondary);margin:0 0 16px;font-size:1rem;line-height:1.75}.fp-store-overview-content p:last-child{margin-bottom:0}@media (max-width:546px){.fp-store-overview-content p{font-size:.9375rem;line-height:1.65}}.fp-store-features{border-bottom:1px solid var(--border-color);margin-bottom:48px;padding-bottom:40px}@media (max-width:546px){.fp-store-features{margin-bottom:40px;padding-bottom:32px}}.fp-store-features h2{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:600}@media (max-width:546px){.fp-store-features h2{margin-bottom:16px;font-size:1.125rem}}.fp-store-features ul{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:768px){.fp-store-features ul{grid-template-columns:1fr;gap:10px}}.fp-store-features ul li{color:var(--text-secondary);padding-left:24px;font-size:.9375rem;line-height:1.5;position:relative}.fp-store-features ul li:before{content:"";background:#dcfce7 url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L6 9.5L10.5 4.5' stroke='%2316a34a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/contain;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:0}@media (max-width:546px){.fp-store-features ul li{padding-left:22px;font-size:.875rem}.fp-store-features ul li:before{width:13px;height:13px;top:5px}}.fp-store-related{margin-bottom:40px}.fp-store-related h2{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:600}.fp-store-related-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.fp-store-related-grid{grid-template-columns:1fr}}.fp-store-related-card{border:1px solid var(--border-color);color:inherit;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.fp-store-related-card:hover{border-color:var(--primary);box-shadow:0 2px 12px #0000000f}.fp-store-related-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fp-store-related-icon svg{width:20px;height:20px}.fp-store-related-info{flex:1;min-width:0}.fp-store-related-info h4{color:var(--text-primary);margin-bottom:4px;font-size:.875rem;font-weight:600}.fp-store-related-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.fp-store-related-category{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:.6875rem;font-weight:500}.fp-store-cta{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #0ea5e926;border-radius:16px;padding:48px 32px}@media (max-width:546px){.fp-store-cta{border-radius:12px;padding:32px 24px}}.fp-store-cta h3{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}@media (max-width:546px){.fp-store-cta h3{font-size:1.25rem}}.fp-store-cta p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}@media (max-width:546px){.fp-store-cta p{margin-bottom:20px;font-size:.9375rem}}.fp-store-cta .button{display:inline-flex}.feature-video-player{margin-bottom:40px}@media (max-width:546px){.feature-video-player{margin-bottom:32px}}.feature-video-player .feature-video-wrapper{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}@media (max-width:546px){.feature-video-player .feature-video-wrapper{border-radius:10px}}.feature-video-player .feature-video-wrapper.no-poster{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.feature-video-player .feature-video-wrapper .feature-video{width:100%;height:auto;display:block}.feature-video-player .feature-video-wrapper .feature-video-overlay{z-index:3;background:linear-gradient(#0000004d 0%,#0000001a 50%,#0000004d 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.feature-video-player .feature-video-wrapper .feature-play-button{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.feature-video-player .feature-video-wrapper .feature-play-button:hover{transform:scale(1.1)}.feature-video-player .feature-video-wrapper .feature-play-button:disabled{cursor:default}.feature-video-player .feature-video-wrapper .feature-play-button:disabled:hover{transform:none}.feature-video-player .feature-video-wrapper .feature-play-circle{background:linear-gradient(135deg,#0b63ff 0%,#0051d4 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:box-shadow .2s;display:flex;box-shadow:0 4px 24px #0b63ff66}@media (max-width:546px){.feature-video-player .feature-video-wrapper .feature-play-circle{width:56px;height:56px}.feature-video-player .feature-video-wrapper .feature-play-circle svg{width:22px;height:22px}}.feature-video-player .feature-video-wrapper .feature-play-circle:hover{box-shadow:0 6px 32px #0b63ff80}.feature-video-player .feature-video-wrapper .feature-play-circle.loading{background:linear-gradient(135deg,#666 0%,#444 100%);box-shadow:0 4px 24px #0003}.feature-video-player .feature-video-wrapper .feature-play-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.auth-loading{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{flex-direction:column;gap:24px;width:100%;max-width:420px;display:flex}.auth-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 24px #0000000f}@media (max-width:546px){.auth-card{border-radius:12px;padding:32px 24px}}.auth-header{text-align:center;margin-bottom:32px}.auth-header .auth-logo{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.auth-header .auth-logo img{border-radius:8px}.auth-header h1{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}@media (max-width:546px){.auth-header h1{font-size:1.375rem}}.auth-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.auth-error svg{flex-shrink:0}.auth-success{text-align:center;padding:20px 0}.auth-success svg{color:#10b981;margin-bottom:16px}.auth-success h2{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.auth-success p{color:var(--text-secondary);margin-bottom:24px;font-size:.9375rem}.auth-success p strong{color:var(--text-primary)}.auth-body{flex-direction:column;gap:20px;display:flex}.auth-google-btn{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.auth-google-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--text-primary)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{width:20px;height:20px}.auth-divider{text-align:center;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{color:var(--text-secondary);padding:0 16px;font-size:13px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form .form-group{flex-direction:column;gap:6px;display:flex}.auth-form .form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.auth-form .form-group input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:12px 14px;font-size:15px;transition:all .15s}.auth-form .form-group input:focus{border-color:#0b63ff;outline:none;box-shadow:0 0 0 3px #0b63ff1a}.auth-form .form-group input::placeholder{color:var(--text-secondary);opacity:.6}.auth-form .form-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.auth-form .form-group .form-hint{color:var(--text-secondary);font-size:12px}.auth-form .form-label-row{justify-content:space-between;align-items:center;display:flex}.auth-form .form-label-row label{color:var(--text-primary);font-size:14px;font-weight:500}.auth-form .form-label-row .form-link{color:#0b63ff;font-size:13px;font-weight:500;text-decoration:none}.auth-form .form-label-row .form-link:hover{text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background:#0b63ff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.auth-submit-btn:hover:not(:disabled){background:#094fcc}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.auth-footer p{color:var(--text-secondary);margin:0;font-size:14px}.auth-footer .auth-link{color:#0b63ff;font-weight:500;text-decoration:none}.auth-footer .auth-link:hover{text-decoration:underline}.auth-terms{text-align:center;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.auth-terms a{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.auth-terms a:hover{color:#0b63ff}.dashboard-loading-screen{background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.dashboard-loading-screen p{color:var(--text-secondary);font-size:14px}.dashboard-page{background:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.dashboard-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;position:sticky;top:0}.dashboard-header-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 32px;display:flex}@media (max-width:768px){.dashboard-header-container{padding:0 20px}}.dashboard-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.dashboard-logo img{border-radius:8px}.dashboard-header-actions{align-items:center;gap:16px;display:flex}.user-info-header{align-items:center;gap:10px;display:flex}@media (max-width:546px){.user-info-header{display:none}}.user-info-header .user-email{color:var(--text-secondary);font-size:14px}.plan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.plan-badge.plan-badge-pro{color:#fff;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%)}.plan-badge.plan-badge-free{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.logout-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .15s}.logout-btn:hover{background:var(--hover-bg);border-color:var(--text-primary)}.dashboard-main{flex:1;padding:40px 0}@media (max-width:768px){.dashboard-main{padding:32px 0}}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.dashboard-container{padding:0 20px}}.dashboard-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14px;display:flex}.dashboard-error svg{flex-shrink:0}.dashboard-welcome{margin-bottom:32px}.dashboard-welcome h1{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:600}@media (max-width:768px){.dashboard-welcome h1{font-size:1.75rem}}@media (max-width:546px){.dashboard-welcome h1{font-size:1.5rem}}.dashboard-welcome p{color:var(--text-secondary);margin:0;font-size:1rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:28px}@media (max-width:546px){.dashboard-card{border-radius:12px;padding:24px}}.dashboard-card .card-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dashboard-card .card-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}.dashboard-card .card-header p{color:var(--text-secondary);margin:0;font-size:.875rem}.dashboard-card .card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-card .card-icon.activation-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.dashboard-card .card-icon.license-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.dashboard-card .card-icon.devices-icon{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.dashboard-card .card-icon.team-icon{color:#7c3aed;background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%)}.dashboard-card .card-icon.actions-icon{color:#db2777;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}.activation-card{border:2px dashed var(--border-color);background:#fffbeb;grid-column:1/-1}.activation-form{flex-direction:column;gap:16px;display:flex}.activation-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.activation-error svg{flex-shrink:0}.activation-success{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.activation-success svg{flex-shrink:0}.activation-input-group{gap:12px;display:flex}@media (max-width:640px){.activation-input-group{flex-direction:column}}.activation-input-group .license-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;flex:1;padding:14px 18px;font-family:Monaco,Menlo,monospace;font-size:15px;transition:all .15s}.activation-input-group .license-input:focus{border-color:#0b63ff;outline:none;box-shadow:0 0 0 3px #0b63ff1a}.activation-input-group .license-input::placeholder{color:var(--text-secondary);opacity:.6;font-family:inherit}.activation-input-group .license-input:disabled{opacity:.6;cursor:not-allowed}.activation-input-group .button{flex-shrink:0}@media (max-width:640px){.activation-input-group .button{justify-content:center;width:100%}}.activation-help{color:var(--text-secondary);text-align:center;margin:0;font-size:14px}.activation-help .activation-link{color:#0b63ff;font-weight:500;text-decoration:none}.activation-help .activation-link:hover{text-decoration:underline}.license-details{flex-direction:column;gap:16px;display:flex}.license-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.license-row:last-child{border-bottom:none;padding-bottom:0}.license-row .license-label{color:var(--text-secondary);font-size:14px}.license-row .license-value{color:var(--text-primary);font-size:14px;font-weight:500}.license-key-display{align-items:center;gap:8px;display:flex}.license-key-display code{background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;padding:6px 12px;font-family:Monaco,Menlo,monospace;font-size:13px}.license-key-display .copy-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.license-key-display .copy-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.devices-usage{margin-bottom:24px}.usage-bar-container{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.usage-bar{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:4px;height:100%;transition:width .3s}.usage-text{align-items:baseline;gap:4px;font-size:14px;display:flex}.usage-text .usage-count{color:var(--text-primary);font-size:24px;font-weight:700}.usage-text .usage-separator{color:var(--text-secondary)}.usage-text .usage-limit{color:var(--text-secondary);font-weight:600}.usage-text .usage-label{color:var(--text-secondary);margin-left:4px}.devices-list h3{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.device-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.device-item .device-icon{background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.device-item .device-info{flex-direction:column;gap:2px;display:flex}.device-item .device-info .device-date{color:var(--text-secondary);font-size:12px}.devices-empty{text-align:center;background:var(--bg-secondary);border-radius:8px;padding:24px}.devices-empty p{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.devices-empty span{color:var(--text-secondary);font-size:13px}.team-info{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.team-stat{text-align:center;background:var(--bg-secondary);border-radius:10px;padding:16px}.team-stat .team-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700;display:block}.team-stat .team-stat-label{color:var(--text-secondary);font-size:12px}.team-members-list h3{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.team-member-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.team-member-item:last-child{margin-bottom:0}.team-member-item .member-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.team-member-item .member-info{flex-direction:column;flex:1;gap:2px;display:flex}.team-member-item .member-info .member-email{color:var(--text-primary);font-size:14px}.team-member-item .member-info .member-status{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.team-member-item .member-info .member-status.status-invited{color:#d97706;background:#fef3c7}.team-member-item .member-info .member-status.status-activated{color:#15803d;background:#dcfce7}.quick-actions{flex-direction:column;gap:12px;display:flex}.quick-action{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:all .15s;display:flex}.quick-action:hover{background:var(--hover-bg);transform:translate(4px)}.quick-action:hover .action-arrow{transform:translate(4px)}.quick-action .action-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quick-action .action-icon.chrome-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.quick-action .action-icon.docs-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.quick-action .action-icon.support-icon{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.quick-action .action-content{flex-direction:column;flex:1;gap:2px;display:flex}.quick-action .action-content .action-title{color:var(--text-primary);font-size:14px;font-weight:600}.quick-action .action-content .action-desc{color:var(--text-secondary);font-size:13px}.quick-action .action-arrow{color:var(--text-secondary);transition:transform .15s}.free-plan-banner{color:#fff;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);border-radius:16px;margin-top:32px;padding:32px}@media (max-width:546px){.free-plan-banner{border-radius:12px;padding:24px}}.free-plan-banner .banner-content{align-items:center;gap:24px;display:flex}@media (max-width:768px){.free-plan-banner .banner-content{text-align:center;flex-direction:column}}.free-plan-banner .banner-icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}@media (max-width:768px){.free-plan-banner .banner-icon{width:56px;height:56px}}.free-plan-banner .banner-text{flex:1}.free-plan-banner .banner-text h3{margin-bottom:6px;font-size:1.25rem;font-weight:600}@media (max-width:546px){.free-plan-banner .banner-text h3{font-size:1.125rem}}.free-plan-banner .banner-text p{opacity:.9;margin:0;font-size:.9375rem;line-height:1.5}@media (max-width:546px){.free-plan-banner .banner-text p{font-size:.875rem}}.free-plan-banner .button{color:#0b63ff;box-shadow:none;background:#fff;flex-shrink:0}.free-plan-banner .button:hover{background:#f0f9ff}@media (max-width:768px){.free-plan-banner .button{width:100%}}.dashboard-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto;padding:20px 0}.dashboard-footer-container{max-width:1200px;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 auto;padding:0 32px;font-size:13px;display:flex}@media (max-width:768px){.dashboard-footer-container{flex-direction:column;gap:12px;padding:0 20px}}.dashboard-footer-container .footer-links{gap:20px;display:flex}.dashboard-footer-container .footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.dashboard-footer-container .footer-links a:hover{color:var(--text-primary)}.form-message{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.form-message svg{flex-shrink:0}.form-message.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.form-message.form-success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.dashboard-card.full-width{grid-column:1/-1}.device-item{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .15s;display:flex}.device-item:last-child{margin-bottom:0}.device-item:hover{background:var(--hover-bg)}.device-item:hover .device-remove-btn{opacity:1}.device-item.device-current{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b98133}.device-item .device-icon{background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.device-item .device-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.device-item .device-info .device-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-item .device-info .device-name{color:var(--text-primary);font-size:14px;font-weight:600}.device-item .device-info .device-name-editable{cursor:pointer;border-radius:4px;align-items:center;gap:5px;margin:-2px -4px;padding:2px 4px;transition:background .15s;display:inline-flex}.device-item .device-info .device-name-editable .device-edit-icon{opacity:0;color:var(--text-secondary);flex-shrink:0;transition:opacity .15s}.device-item .device-info .device-name-editable:hover{background:var(--bg-secondary,#f3f4f6)}.device-item .device-info .device-name-editable:hover .device-edit-icon{opacity:1}.device-item .device-info .device-rename-form{flex:1;min-width:0}.device-item .device-info .device-rename-input{color:var(--text-primary);background:var(--bg-secondary,#f3f4f6);border:1.5px solid var(--brand-primary,#10b981);border-radius:6px;outline:none;width:100%;padding:3px 8px;font-size:14px;font-weight:600}.device-item .device-info .device-meta{color:var(--text-secondary);font-size:12px}.device-item .device-remove-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.device-item .device-remove-btn:hover{color:#dc2626;background:#fee2e2}.device-item .device-remove-btn:disabled{opacity:.5;cursor:not-allowed}.current-device-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#10b981;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.spinner-tiny{border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.team-card .team-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}@media (max-width:480px){.team-card .team-stats{grid-template-columns:1fr;gap:12px}}.team-card .team-stat{text-align:center;background:var(--bg-secondary);border-radius:12px;padding:20px 16px}.team-card .team-stat .team-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1;display:block}.team-card .team-stat .team-stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.team-invite-section{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #0ea5e926;border-radius:12px;margin-bottom:28px;padding:24px}.team-invite-section h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.invite-form{flex-direction:column;gap:12px;display:flex}.invite-input-group{gap:12px;display:flex}@media (max-width:640px){.invite-input-group{flex-direction:column}}.invite-input-group .invite-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;flex:1;padding:12px 16px;font-size:14px;transition:all .15s}.invite-input-group .invite-input:focus{border-color:#0b63ff;outline:none;box-shadow:0 0 0 3px #0b63ff1a}.invite-input-group .invite-input::placeholder{color:var(--text-secondary);opacity:.7}.invite-input-group .invite-input:disabled{opacity:.6;cursor:not-allowed}.invite-input-group .button{flex-shrink:0}@media (max-width:640px){.invite-input-group .button{justify-content:center;width:100%}}.invite-help{color:var(--text-secondary);margin:0;font-size:13px}.team-members-section h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.team-members-list{flex-direction:column;gap:10px;display:flex}.team-member-item{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.team-member-item:hover{background:var(--hover-bg)}.team-member-item:hover .member-remove-btn{opacity:1}.team-member-item.owner{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border:1px solid #8b5cf626}.team-member-item .member-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:flex}.team-member-item .member-avatar.owner-avatar{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%)}.team-member-item .member-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.team-member-item .member-info .member-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-member-item .member-info .member-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.team-member-item .member-info .member-meta{color:var(--text-secondary);font-size:12px}.team-member-item .member-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.team-member-item .member-status.status-invited{color:#b45309;background:#fef3c7}.team-member-item .member-status.status-activated{color:#15803d;background:#dcfce7}.team-member-item .owner-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.team-member-item .member-remove-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.team-member-item .member-remove-btn:hover{color:#dc2626;background:#fee2e2}.team-member-item .member-remove-btn:disabled{opacity:.5;cursor:not-allowed}.no-members{text-align:center;background:var(--bg-secondary);border-radius:10px;padding:32px 20px}.no-members p{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.no-members span{color:var(--text-secondary);font-size:13px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.device-item .device-remove-btn,.team-member-item .member-remove-btn{opacity:1}}@media (max-width:546px){.device-item{padding:12px}.device-item .device-icon{width:36px;height:36px}.device-item .device-info .device-name{font-size:13px}.device-item .device-info .device-meta{font-size:11px}.team-member-item{padding:12px}.team-member-item .member-avatar{width:38px;height:38px;font-size:14px}.team-member-item .member-info .member-email{font-size:13px}.team-member-item .member-info .member-meta{font-size:11px}.current-device-badge{padding:2px 6px;font-size:9px}}.pricing-page{min-height:100vh}.pricing-hero{text-align:center;padding:80px 32px 40px}@media (max-width:768px){.pricing-hero{padding:60px 20px 32px}}@media (max-width:546px){.pricing-hero{padding:48px 20px 24px}}.pricing-hero .pricing-hero-content{max-width:600px;margin:0 auto}.pricing-hero .pricing-hero-content h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.pricing-hero .pricing-hero-content h1{font-size:2rem}}@media (max-width:546px){.pricing-hero .pricing-hero-content h1{font-size:1.75rem}}.pricing-hero .pricing-hero-content p{color:var(--text-secondary);margin:0;font-size:1.125rem}@media (max-width:546px){.pricing-hero .pricing-hero-content p{font-size:1rem}}.pricing-page-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto 24px;padding:12px 16px;font-size:14px;display:flex}.pricing-page-error .error-dismiss{cursor:pointer;color:#dc2626;opacity:.7;background:0 0;border:none;padding:0;font-size:20px;line-height:1;transition:opacity .15s}.pricing-page-error .error-dismiss:hover{opacity:1}.pricing-card-section{padding:0 32px 80px}@media (max-width:768px){.pricing-card-section{padding:0 20px 60px}}@media (max-width:546px){.pricing-card-section{padding:0 20px 48px}}.pricing-card-wrapper{max-width:500px;margin:0 auto}.pricing-main-card{text-align:center;background:#f5f5f5;border-radius:16px;padding:48px}@media (max-width:768px){.pricing-main-card{padding:40px 32px}}@media (max-width:546px){.pricing-main-card{border-radius:12px;padding:32px 24px}}.pricing-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0b63ff;border-radius:6px;margin-bottom:28px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-block}@media (max-width:546px){.pricing-badge{margin-bottom:24px;padding:5px 12px;font-size:10px}}.pricing-price{margin-bottom:32px}@media (max-width:546px){.pricing-price{margin-bottom:28px}}.pricing-price .price-original{color:var(--text-secondary);opacity:.6;margin-bottom:4px;font-size:1.25rem;text-decoration:line-through}.pricing-price .price-original .dollar{font-weight:400}.pricing-price .price-current{justify-content:center;align-items:baseline;margin-bottom:12px;line-height:1;display:flex}.pricing-price .price-current .dollar{color:var(--text-secondary);align-self:flex-start;margin-top:14px;margin-right:4px;font-size:2rem;font-weight:400}@media (max-width:546px){.pricing-price .price-current .dollar{margin-top:10px;font-size:1.5rem}}.pricing-price .price-current .amount{color:var(--text-primary);letter-spacing:-.03em;font-size:5.5rem;font-weight:800}@media (max-width:546px){.pricing-price .price-current .amount{font-size:4rem}}.pricing-price .price-meta{justify-content:center;align-items:center;gap:12px;display:flex}.pricing-price .price-meta .price-off{color:#fff;background:#0b63ff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.pricing-price .price-meta .price-period{color:var(--text-secondary);font-size:14px;font-weight:400}.pricing-features{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}@media (max-width:546px){.pricing-features{gap:8px;margin-bottom:28px}}.pricing-features .feature-pill{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.pricing-features .feature-pill:hover{border-color:var(--text-secondary)}.pricing-features .feature-pill svg{color:#0b63ff;flex-shrink:0}.pricing-features .feature-pill span{color:var(--text-primary);font-size:14px;font-weight:400}@media (max-width:546px){.pricing-features .feature-pill span{font-size:13px}.pricing-features .feature-pill{gap:6px;padding:8px 12px}}.pricing-cta{margin-bottom:16px}.pricing-cta .pricing-button{border:2px solid #fff3;justify-content:center;width:100%;max-width:340px;transition:all .2s;box-shadow:0 4px 6px #0b63ff40,0 8px 24px #0b63ff33,inset 0 1px #ffffff26}.pricing-cta .pricing-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0b63ff4d,0 12px 32px #0b63ff40,inset 0 1px #fff3}.pricing-cta .pricing-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0b63ff33,0 4px 12px #0b63ff26,inset 0 1px #ffffff1a}@media (max-width:546px){.pricing-cta .pricing-button{max-width:100%}}.pricing-guarantee{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-bottom:28px;font-size:13px;display:flex}.pricing-guarantee svg{color:#0b63ff;flex-shrink:0}@media (max-width:546px){.pricing-guarantee{margin-bottom:24px;font-size:12px}}.pricing-slots{border-top:1px solid var(--border-color);padding-top:28px}@media (max-width:546px){.pricing-slots{padding-top:24px}}.pricing-slots .slots-info{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.pricing-slots .slots-info strong{color:var(--text-primary);font-weight:600}@media (max-width:546px){.pricing-slots .slots-info{font-size:13px}}.pricing-slots .slots-bar{background:var(--border-color);border-radius:3px;max-width:360px;height:6px;margin:0 auto;overflow:hidden}@media (max-width:546px){.pricing-slots .slots-bar{max-width:100%}}.pricing-slots .slots-fill{background:#0b63ff;border-radius:3px;height:100%;transition:width .5s}.pricing-slots .slots-sold{color:var(--text-secondary);margin-top:10px;font-size:12px}@media (max-width:546px){.pricing-slots .slots-sold{font-size:11px}}.pricing-slots .slots-loading{color:var(--text-secondary);font-style:italic}.pricing-testimonials-section{background:#f5f5f5;padding:80px 32px}@media (max-width:768px){.pricing-testimonials-section{padding:60px 20px}}@media (max-width:546px){.pricing-testimonials-section{padding:48px 20px}}.pricing-testimonials-container{max-width:1100px;margin:0 auto}.pricing-testimonials-header{text-align:center;margin-bottom:48px}@media (max-width:768px){.pricing-testimonials-header{margin-bottom:40px}}@media (max-width:546px){.pricing-testimonials-header{margin-bottom:32px}}.pricing-testimonials-header h2{color:var(--text-primary);margin-bottom:12px;font-size:1.875rem;font-weight:600}@media (max-width:768px){.pricing-testimonials-header h2{font-size:1.625rem}}@media (max-width:546px){.pricing-testimonials-header h2{font-size:1.375rem}}.pricing-testimonials-header p{color:var(--text-secondary);margin:0;font-size:1.0625rem}@media (max-width:546px){.pricing-testimonials-header p{font-size:1rem}}.pricing-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.pricing-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pricing-testimonials-grid{grid-template-columns:1fr;gap:16px}}.pricing-testimonial-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:24px;transition:all .2s}.pricing-testimonial-card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}@media (max-width:546px){.pricing-testimonial-card{border-radius:10px;padding:20px}}.pricing-testimonial-card .testimonial-content{color:var(--text-primary);margin:0 0 20px;font-size:.9375rem;line-height:1.7}.pricing-testimonial-card .testimonial-content strong{color:#0b63ff;font-weight:600}@media (max-width:546px){.pricing-testimonial-card .testimonial-content{margin-bottom:16px;font-size:.875rem;line-height:1.6}}.pricing-testimonial-card .testimonial-author{align-items:center;gap:12px;display:flex}.pricing-testimonial-card .testimonial-author .testimonial-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:44px;height:44px}@media (max-width:546px){.pricing-testimonial-card .testimonial-author .testimonial-avatar{width:40px;height:40px}}.pricing-testimonial-card .testimonial-author .testimonial-author-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pricing-testimonial-card .testimonial-author .testimonial-author-info .testimonial-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}@media (max-width:546px){.pricing-testimonial-card .testimonial-author .testimonial-author-info .testimonial-name{font-size:.875rem}}.pricing-testimonial-card .testimonial-author .testimonial-author-info .testimonial-role{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}@media (max-width:546px){.pricing-testimonial-card .testimonial-author .testimonial-author-info .testimonial-role{font-size:.75rem}}.pricing-faq-section{max-width:800px;margin:0 auto;padding:80px 32px}@media (max-width:768px){.pricing-faq-section{padding:60px 20px}}@media (max-width:546px){.pricing-faq-section{padding:48px 20px}}.pricing-faq-container h2{color:var(--text-primary);text-align:center;margin-bottom:40px;font-size:1.875rem;font-weight:600}@media (max-width:546px){.pricing-faq-container h2{margin-bottom:32px;font-size:1.5rem}}.pricing-faq-list{flex-direction:column;gap:16px;display:flex}.pricing-faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.pricing-faq-item summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.pricing-faq-item summary::-webkit-details-marker{display:none}.pricing-faq-item summary span{color:var(--text-primary);font-size:1rem;font-weight:500}.pricing-faq-item summary svg{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}@media (max-width:546px){.pricing-faq-item summary{padding:16px 20px}.pricing-faq-item summary span{font-size:.9375rem}}.pricing-faq-item[open] summary svg{transform:rotate(180deg)}.pricing-faq-item p{color:var(--text-secondary);margin:0;padding:0 24px 20px;font-size:.9375rem;line-height:1.6}@media (max-width:546px){.pricing-faq-item p{padding:0 20px 16px;font-size:.875rem}}.pricing-bottom-cta{text-align:center;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);padding:80px 32px}@media (max-width:768px){.pricing-bottom-cta{padding:60px 20px}}@media (max-width:546px){.pricing-bottom-cta{padding:48px 20px}}.pricing-bottom-cta-content{max-width:600px;margin:0 auto}.pricing-bottom-cta-content h2{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:600}@media (max-width:768px){.pricing-bottom-cta-content h2{font-size:1.75rem}}@media (max-width:546px){.pricing-bottom-cta-content h2{font-size:1.5rem}}.pricing-bottom-cta-content p{color:#ffffffe6;margin-bottom:32px;font-size:1.125rem}@media (max-width:546px){.pricing-bottom-cta-content p{margin-bottom:24px;font-size:1rem}}.pricing-bottom-cta-content .button{color:#0b63ff;background:#fff;box-shadow:0 4px 20px #0003}.pricing-bottom-cta-content .button:hover{background:#f0f9ff}.pricing-bottom-cta-content .button .loading-spinner{border-color:#0b63ff #0b63ff4d #0b63ff4d}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.wt-page{min-height:100vh}.wt-hero{text-align:center;padding:72px 32px 48px}@media (max-width:768px){.wt-hero{padding:56px 20px 40px}}@media (max-width:546px){.wt-hero{padding:44px 16px 32px}}.wt-hero-inner{max-width:600px;margin:0 auto}.wt-hero-inner h1{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 12px;font-size:2.75rem;font-weight:700;line-height:1.1}@media (max-width:768px){.wt-hero-inner h1{font-size:2.25rem}}@media (max-width:546px){.wt-hero-inner h1{font-size:1.875rem}}.wt-hero-inner>p{color:var(--text-secondary);margin:0 0 28px;font-size:1.0625rem;line-height:1.6}@media (max-width:546px){.wt-hero-inner>p{margin-bottom:24px;font-size:.9375rem}}.wt-hero-search{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;max-width:440px;margin:0 auto;padding:12px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.wt-hero-search:focus-within{border-color:#0003;box-shadow:0 2px 12px #00000014}.wt-hero-search svg{color:#aaa;flex-shrink:0}.wt-hero-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9375rem}.wt-hero-search input::placeholder{color:#bbb}.wt-filters{margin-bottom:32px;padding:0 32px}@media (max-width:768px){.wt-filters{margin-bottom:24px;padding:0 20px}}@media (max-width:546px){.wt-filters{margin-bottom:20px;padding:0 16px}}.wt-filters-inner{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1200px;margin:0 auto;display:flex}@media (max-width:546px){.wt-filters-inner{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto}.wt-filters-inner::-webkit-scrollbar{display:none}}.wt-filter-pill{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:100px;padding:7px 18px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.wt-filter-pill:hover{color:var(--text-primary);border-color:#0003}.wt-filter-pill.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}@media (max-width:546px){.wt-filter-pill{padding:6px 14px;font-size:.75rem}}.wt-grid-section{max-width:1200px;margin:0 auto;padding:0 32px 64px}@media (max-width:768px){.wt-grid-section{padding:0 20px 48px}}@media (max-width:546px){.wt-grid-section{padding:0 16px 40px}}.wt-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1100px){.wt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.wt-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.wt-grid{grid-template-columns:1fr}}.wt-card{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.wt-card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}@media (max-width:546px){.wt-card{border-radius:12px;padding:20px}}.wt-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}@media (max-width:546px){.wt-card-top{margin-bottom:12px}}.wt-card-icon{color:#374151;background:#f5f5f5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wt-card-icon svg{width:22px;height:22px}@media (max-width:546px){.wt-card-icon{border-radius:10px;width:40px;height:40px}.wt-card-icon svg{width:20px;height:20px}}.wt-card:nth-child(8n+1) .wt-card-icon{color:#1d4ed8;background:#dbeafe}.wt-card:nth-child(8n+2) .wt-card-icon{color:#7c3aed;background:#e9d5ff}.wt-card:nth-child(8n+3) .wt-card-icon{color:#be185d;background:#fce7f3}.wt-card:nth-child(8n+4) .wt-card-icon{color:#0e7490;background:#cffafe}.wt-card:nth-child(8n+5) .wt-card-icon{color:#047857;background:#d1fae5}.wt-card:nth-child(8n+6) .wt-card-icon{color:#c2410c;background:#fed7aa}.wt-card:nth-child(8n+7) .wt-card-icon{color:#b45309;background:#fef3c7}.wt-card:nth-child(8n+8) .wt-card-icon{color:#be123c;background:#fecdd3}.wt-card-badges{gap:5px;display:flex}.wt-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:.625rem;font-weight:600;line-height:1.4;display:inline-flex}.wt-badge--new{color:#15803d;background:#dcfce7}.wt-badge--pro{color:#7c3aed;background:#f3f0ff}.wt-badge--free{color:#0b63ff;background:#f0f9ff}.wt-card-name{color:var(--text-primary);margin:0 0 6px;font-size:.9375rem;font-weight:600;line-height:1.3}@media (max-width:546px){.wt-card-name{font-size:.875rem}}.wt-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.65em;margin:0;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:546px){.wt-card-desc{font-size:.75rem}}.wt-card-category{color:#aaa;text-transform:uppercase;letter-spacing:.3px;margin-top:auto;padding-top:12px;font-size:.6875rem;font-weight:500}.wt-empty{text-align:center;padding:64px 20px}.wt-empty p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.wt-empty button{color:#0b63ff;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.875rem;font-weight:500}.wt-empty button:hover{text-decoration:underline}.wt-cta{text-align:center;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);padding:80px 32px}@media (max-width:768px){.wt-cta{padding:60px 20px}}@media (max-width:546px){.wt-cta{padding:48px 20px}}.wt-cta-inner{max-width:600px;margin:0 auto}.wt-cta-inner h2{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:600}@media (max-width:768px){.wt-cta-inner h2{font-size:1.75rem}}@media (max-width:546px){.wt-cta-inner h2{font-size:1.5rem}}.wt-cta-inner p{color:#ffffffe6;margin-bottom:32px;font-size:1.125rem}@media (max-width:546px){.wt-cta-inner p{margin-bottom:24px;font-size:1rem}}.wt-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.wt-cta-buttons .button--primary{color:#0b63ff;background:#fff;box-shadow:0 4px 20px #0003}.wt-cta-buttons .button--primary:hover{background:#f0f9ff}.wt-cta-buttons .button--secondary{color:#fff;background:0 0;border:2px solid #ffffff80}.wt-cta-buttons .button--secondary:hover{background:#ffffff1a;border-color:#fff}@media (max-width:546px){.wt-cta-buttons{flex-direction:column;gap:12px}.wt-cta-buttons .button{justify-content:center;width:100%}}.contact-page{min-height:100vh;padding:40px 32px 80px}@media (max-width:768px){.contact-page{padding:32px 20px 60px}}@media (max-width:546px){.contact-page{padding:24px 20px 48px}}.contact-container{max-width:900px;margin:0 auto}.contact-back-link{color:var(--text-secondary);margin-bottom:32px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.contact-back-link:hover{color:var(--text-primary)}@media (max-width:546px){.contact-back-link{margin-bottom:24px;font-size:13px}}.contact-header{text-align:center;margin-bottom:48px}@media (max-width:546px){.contact-header{margin-bottom:36px}}.contact-header h1{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:600}@media (max-width:768px){.contact-header h1{font-size:2rem}}@media (max-width:546px){.contact-header h1{font-size:1.75rem}}.contact-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.125rem}@media (max-width:546px){.contact-header p{font-size:1rem}}.contact-content{grid-template-columns:1.2fr 1fr;gap:48px;display:grid}@media (max-width:868px){.contact-content{grid-template-columns:1fr;gap:40px}}.contact-form-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:32px}@media (max-width:546px){.contact-form-section{border-radius:12px;padding:24px}}.contact-form-section h2{color:var(--text-primary);margin-bottom:24px;font-size:1.25rem;font-weight:600}@media (max-width:546px){.contact-form-section h2{margin-bottom:20px;font-size:1.125rem}}.contact-alert{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.contact-alert svg{flex-shrink:0;margin-top:2px}.contact-alert strong{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.contact-alert p{margin:0;font-size:14px;line-height:1.5}.contact-alert.contact-alert-success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.contact-alert.contact-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:546px){.contact-form-row{grid-template-columns:1fr}}.contact-form-group{flex-direction:column;gap:8px;display:flex}.contact-form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.contact-form-group input,.contact-form-group textarea{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .15s}.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:#0b63ff;outline:none;box-shadow:0 0 0 3px #0b63ff1a}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.contact-form-group input:disabled,.contact-form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.contact-form-group textarea{resize:vertical;min-height:120px}.contact-submit-btn{justify-content:center;width:100%;margin-top:8px}.contact-info-section h2{color:var(--text-primary);margin-bottom:24px;font-size:1.25rem;font-weight:600}@media (max-width:546px){.contact-info-section h2{margin-bottom:20px;font-size:1.125rem}}.contact-info-cards{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.contact-info-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.contact-info-card:hover{border-color:var(--text-primary);transform:translate(4px);box-shadow:0 4px 12px #0000000f}.contact-info-card:hover .contact-info-arrow{transform:translate(4px)}@media (max-width:546px){.contact-info-card{gap:14px;padding:16px}}.contact-info-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info-icon.contact-info-icon-twitter{color:#000;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}@media (max-width:546px){.contact-info-icon{width:44px;height:44px}.contact-info-icon svg{width:20px;height:20px}}.contact-info-content{flex:1;min-width:0}.contact-info-content h3{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:600}@media (max-width:546px){.contact-info-content h3{font-size:.9375rem}}.contact-info-content .contact-info-description{color:var(--text-secondary);margin:0 0 6px;font-size:.875rem}@media (max-width:546px){.contact-info-content .contact-info-description{font-size:.8125rem}}.contact-info-content .contact-info-value{color:#0b63ff;font-size:.9375rem;font-weight:500}@media (max-width:546px){.contact-info-content .contact-info-value{font-size:.875rem}}.contact-info-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.contact-response-time{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #22c55e33;border-radius:10px;align-items:center;gap:10px;padding:16px 20px;font-size:.9375rem;display:flex}.contact-response-time svg{flex-shrink:0}@media (max-width:546px){.contact-response-time{padding:14px 16px;font-size:.875rem}}.docs-layout{min-height:100vh;padding:80px 32px}@media (max-width:768px){.docs-layout{padding:60px 20px}}@media (max-width:546px){.docs-layout{padding:40px 20px}}.docs-container{max-width:800px;margin:0 auto}.docs-header{margin-bottom:48px}@media (max-width:546px){.docs-header{margin-bottom:36px}}.docs-home-link{color:var(--text-secondary);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.docs-home-link:hover{color:var(--text-primary)}.docs-title{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:600}@media (max-width:768px){.docs-title{font-size:2rem}}@media (max-width:546px){.docs-title{font-size:1.75rem}}.docs-subtitle{color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}@media (max-width:546px){.docs-subtitle{font-size:1rem}}.docs-list{flex-direction:column;gap:12px;display:flex}.docs-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s}.docs-card:hover{border-color:var(--text-primary);transform:translate(4px);box-shadow:0 4px 12px #0000000f}.docs-card-link{align-items:center;gap:16px;padding:20px 24px;text-decoration:none;display:flex}@media (max-width:546px){.docs-card-link{gap:14px;padding:16px 20px}}.docs-card-emoji{flex-shrink:0;font-size:1.5rem}@media (max-width:546px){.docs-card-emoji{font-size:1.25rem}}.docs-card-content{flex:1;min-width:0}.docs-card-title{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:600}@media (max-width:546px){.docs-card-title{font-size:1rem}}.docs-card-description{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}@media (max-width:546px){.docs-card-description{font-size:.875rem}}.docs-card-arrow{color:var(--text-secondary);font-size:1.25rem;transition:transform .2s}.docs-card:hover .docs-card-arrow{transform:translate(4px)}.docs-page-container{grid-template-columns:260px 1fr;gap:48px;max-width:1100px;margin:0 auto;padding:0 32px;display:grid}@media (max-width:968px){.docs-page-container{grid-template-columns:1fr;gap:32px}}.docs-sidebar{height:fit-content;position:sticky;top:100px}@media (max-width:968px){.docs-sidebar{border-bottom:1px solid var(--border-color);margin-bottom:8px;padding-bottom:24px;position:static}}.docs-sidebar-logo{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:24px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.docs-sidebar-logo img{border-radius:6px}@media (max-width:968px){.docs-sidebar-logo{display:none}}.docs-sidebar-nav{flex-direction:column;gap:4px;display:flex}@media (max-width:968px){.docs-sidebar-nav{flex-flow:wrap;gap:8px}}.docs-sidebar-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.docs-sidebar-link:hover{background:var(--hover-bg);color:var(--text-primary)}.docs-sidebar-link.active{background:var(--bg-secondary);color:var(--text-primary)}@media (max-width:968px){.docs-sidebar-link{padding:8px 12px;font-size:13px}}.docs-sidebar-emoji{font-size:1rem}.docs-article{max-width:720px}.docs-back-link{color:var(--text-secondary);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:none}.docs-back-link:hover{color:var(--text-primary)}@media (max-width:968px){.docs-back-link{display:inline-block}}.docs-article-header{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:24px}@media (max-width:546px){.docs-article-header{margin-bottom:32px;padding-bottom:20px}}.docs-article-emoji{margin-bottom:16px;font-size:2.5rem;display:block}@media (max-width:546px){.docs-article-emoji{margin-bottom:12px;font-size:2rem}}.docs-article-title{color:var(--text-primary);margin-bottom:12px;font-size:2rem;font-weight:600;line-height:1.2}@media (max-width:768px){.docs-article-title{font-size:1.75rem}}@media (max-width:546px){.docs-article-title{font-size:1.5rem}}.docs-article-description{color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}@media (max-width:546px){.docs-article-description{font-size:1rem}}.docs-article-content{color:var(--text-primary)}.docs-article-content h2{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.375rem;font-weight:600;line-height:1.3}.docs-article-content h2:first-child{margin-top:0}@media (max-width:546px){.docs-article-content h2{font-size:1.25rem}}.docs-article-content h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.3}@media (max-width:546px){.docs-article-content h3{font-size:1rem}}.docs-article-content p{color:var(--text-primary);margin:1rem 0;font-size:1rem;line-height:1.75}@media (max-width:546px){.docs-article-content p{font-size:.9375rem;line-height:1.65}}.docs-article-content ul,.docs-article-content ol{margin:1rem 0;padding-left:1.5rem}.docs-article-content ul li,.docs-article-content ol li{color:var(--text-primary);margin:.5rem 0;font-size:1rem;line-height:1.75}@media (max-width:546px){.docs-article-content ul li,.docs-article-content ol li{font-size:.9375rem}}.docs-article-content ol{list-style-type:decimal}.docs-article-content a{color:#0b63ff;font-weight:500;text-decoration:none}.docs-article-content a:hover{text-decoration:underline}.docs-article-content strong{color:var(--text-primary);font-weight:600}.docs-article-content code{color:#eb5757;background:#87837826;border-radius:4px;padding:.2em .4em;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.docs-article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}@media (max-width:546px){.docs-article-content table{font-size:.875rem}}.docs-article-content table th,.docs-article-content table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}@media (max-width:546px){.docs-article-content table th,.docs-article-content table td{padding:10px 12px}}.docs-article-content table th{color:var(--text-primary);background:var(--bg-secondary);font-weight:600}.docs-article-content table td{color:var(--text-primary)}.docs-article-content table tr:last-child td{border-bottom:none}.docs-article-content table code{background:var(--bg-secondary);color:var(--text-primary)}.docs-pagination{border-top:1px solid var(--border-color);justify-content:space-between;gap:24px;margin-top:48px;padding-top:32px;display:flex}@media (max-width:546px){.docs-pagination{flex-direction:column;gap:16px;margin-top:40px;padding-top:24px}}.docs-pagination-link{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:0;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.docs-pagination-link:hover{border-color:var(--text-primary);background:var(--hover-bg)}.docs-pagination-link.prev{align-items:flex-start}.docs-pagination-link.next{text-align:right;align-items:flex-end}@media (max-width:546px){.docs-pagination-link.prev,.docs-pagination-link.next{text-align:left;align-items:flex-start}}.docs-pagination-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.docs-pagination-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}@media (max-width:546px){.docs-pagination-title{font-size:14px}}.feature-card{position:relative;overflow:hidden}.feature-card:hover .feature-demo-overlay{opacity:1;visibility:visible}.feature-demo-overlay{opacity:0;visibility:hidden;background:linear-gradient(#0000 0%,#0006 40%,#000c 100%);border-radius:0 0 12px 12px;justify-content:center;align-items:flex-end;padding:16px;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:546px){.feature-demo-overlay{padding:14px}}.feature-demo-btn{color:#fff;cursor:pointer;background:#0b63ff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0b63ff66}.feature-demo-btn:hover{background:#094fcc;transform:translateY(-2px);box-shadow:0 6px 16px #0b63ff80}.feature-demo-btn:active{transform:translateY(0)}.feature-demo-btn svg{width:14px;height:14px}@media (max-width:546px){.feature-demo-btn{padding:8px 14px;font-size:12px}.feature-demo-btn svg{width:12px;height:12px}}.video-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.video-modal-content{background:var(--bg-primary);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 25px 80px #00000080}@media (max-width:768px){.video-modal-content{border-radius:12px;max-width:100%}}.video-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}@media (max-width:546px){.video-modal-header{padding:16px 20px}}.video-modal-title{align-items:center;gap:12px;display:flex}.video-modal-title h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}@media (max-width:546px){.video-modal-title h3{font-size:1rem}}.video-modal-emoji{font-size:1.5rem}@media (max-width:546px){.video-modal-emoji{font-size:1.25rem}}.video-modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.video-modal-close:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--text-primary)}@media (max-width:546px){.video-modal-close{width:32px;height:32px}}.video-modal-body{aspect-ratio:16/9;background:#000;position:relative}.video-modal-video{object-fit:contain;width:100%;height:100%;display:block}.video-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:20px 24px}@media (max-width:546px){.video-modal-footer{padding:16px 20px}}.video-modal-footer-content{justify-content:space-between;align-items:center;gap:24px;display:flex}@media (max-width:768px){.video-modal-footer-content{flex-direction:column;align-items:stretch;gap:16px}}.video-modal-footer-content p{color:var(--text-secondary);flex:1;margin:0;font-size:.9375rem;line-height:1.6}@media (max-width:546px){.video-modal-footer-content p{text-align:center;font-size:.875rem}}.video-modal-cta{white-space:nowrap;flex-shrink:0}@media (max-width:768px){.video-modal-cta{justify-content:center;width:100%}}.success-page{background:var(--bg-secondary);min-height:100vh;padding:60px 32px 80px}@media (max-width:768px){.success-page{padding:40px 20px 60px}}.success-container{max-width:600px;margin:0 auto}.success-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.success-loading p{color:var(--text-secondary);margin-top:20px;font-size:15px}.success-spinner{border:3px solid var(--border-color);border-top-color:#0b63ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.success-error{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:60px 20px}.success-error h1{color:var(--text-primary);margin:24px 0 12px;font-size:1.5rem;font-weight:600}.success-error p{color:var(--text-secondary);margin:0;font-size:15px}.success-error-icon{margin-bottom:8px}.success-error-hint{color:var(--text-secondary);margin-top:16px!important;font-size:14px!important}.success-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@media (max-width:480px){.success-error-actions{flex-direction:column}.success-error-actions .button{justify-content:center;width:100%}}.success-content{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:48px 40px}@media (max-width:546px){.success-content{border-radius:12px;padding:32px 24px}}.success-content h1{color:var(--text-primary);margin:24px 0 12px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.success-content h1{font-size:1.5rem}}.success-icon{display:inline-block}.success-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:1.0625rem;line-height:1.6}@media (max-width:546px){.success-subtitle{font-size:1rem}}.success-email-notice{text-align:left;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b98133;border-radius:12px;align-items:center;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex}@media (max-width:480px){.success-email-notice{text-align:center;flex-direction:column;gap:10px}}.success-email-icon{color:#fff;background:#10b981;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.success-email-text{flex-direction:column;gap:2px;display:flex}.success-email-text strong{color:#065f46;font-size:14px;font-weight:600}.success-email-text span{color:#047857;font-size:13px}.success-email-text span strong{font-size:13px}.success-license-box{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:12px;margin-bottom:28px;padding:20px 24px}@media (max-width:546px){.success-license-box{padding:16px 18px}}.success-license-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.success-license-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.success-copy-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.success-copy-btn:hover{color:#fff;background:#fff3}.success-copy-btn.copied{color:#fff;background:#10b981}.success-license-key code{color:#fff;letter-spacing:1px;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.25rem;font-weight:600}@media (max-width:546px){.success-license-key code{font-size:1rem}}.success-order-summary{background:var(--bg-secondary);text-align:left;border-radius:12px;margin-bottom:28px;padding:24px}@media (max-width:546px){.success-order-summary{padding:20px}}.success-order-summary h3{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.success-order-grid{gap:12px;display:grid}.success-order-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.success-order-item:last-child{border-bottom:none;padding-bottom:0}.success-order-label{color:var(--text-secondary);font-size:14px}.success-order-value{color:var(--text-primary);font-size:14px;font-weight:500}.success-plan-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0b63ff 0%,#6366f1 100%);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.success-steps{text-align:left;margin-bottom:32px}.success-steps h3{color:var(--text-primary);text-align:center;margin:0 0 20px;font-size:14px;font-weight:600}.success-steps-list{flex-direction:column;gap:16px;display:flex}.success-step{background:var(--bg-secondary);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}@media (max-width:546px){.success-step{padding:14px}}.success-step-number{color:#fff;background:#0b63ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.success-step-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.success-step-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}@media (max-width:480px){.success-actions{flex-direction:column}.success-actions .button{justify-content:center;width:100%}}.success-help p{color:var(--text-secondary);margin:0;font-size:14px}.success-help p a{color:#0b63ff;font-weight:500;text-decoration:none}.success-help p a:hover{text-decoration:underline}.ss{max-width:720px;margin:0 auto;padding:48px 24px 80px}@media (max-width:640px){.ss{padding:32px 16px 60px}}.ss-header{margin-bottom:24px}.ss-title{color:var(--text-primary);margin-bottom:6px;font-size:1.5rem;font-weight:600}@media (max-width:540px){.ss-title{font-size:1.25rem}}.ss-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.ss-form{gap:8px;margin-bottom:24px;display:flex}.ss-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;flex:1;min-width:0;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.ss-input::placeholder{color:var(--text-secondary)}.ss-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #00000014}.ss-input:disabled{opacity:.5}.ss-btn{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .15s}.ss-btn:hover:not(:disabled){opacity:.85}.ss-btn:disabled{opacity:.5;cursor:not-allowed}.ss-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite ss-spin}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-error{color:#dc2626;background:#fef2f2;border-radius:6px;margin-bottom:24px;padding:10px 14px;font-size:13px}.ss-examples{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:48px 0;font-size:13px;display:flex}.ss-example{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:13px;transition:all .15s}.ss-example:hover{color:var(--text-primary);border-color:var(--text-primary)}.ss-results{flex-direction:column;gap:40px;display:flex}.ss-table{border-collapse:collapse;table-layout:fixed;width:100%}.ss-col--category{width:140px}@media (max-width:600px){.ss-col--category{width:0}}.ss-col--logo{width:44px}.ss-col--name{width:auto}.ss-col--version{width:70px}.ss-row{border-bottom:1px solid var(--border-color)}.ss-row:last-child{border-bottom:none}.ss-cell{vertical-align:middle;text-align:left;padding:10px 8px}.ss-cell--category{color:var(--text-secondary);padding-left:0;font-size:12px;font-weight:500}@media (max-width:600px){.ss-cell--category{display:none}}.ss-cell--logo{padding-left:0}.ss-tech-logo{object-fit:contain;border-radius:5px;width:24px;height:24px;display:block}.ss-tech-logo.ss-tech-logo--fallback{background:var(--bg-secondary);color:var(--text-secondary);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.ss-cell--name{color:var(--text-primary);font-size:14px;font-weight:500}.ss-cell--name a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);text-underline-offset:2px;transition:text-decoration-color .15s}.ss-cell--name a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.ss-cell--version{color:var(--text-secondary);text-align:right;padding-right:0;font-family:monospace;font-size:12px}.ss-meta{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:16px 24px;padding-top:24px;display:flex}.ss-meta-section{align-items:center;gap:6px;display:flex}.ss-meta-label{color:var(--text-secondary);font-size:12px}.ss-meta-value{color:var(--text-primary);font-size:13px;font-weight:500}.ss-meta-value.ss-meta-value--warn{color:#dc2626}.ss-empty{text-align:center;color:var(--text-secondary);padding:32px;font-size:14px}.seo{max-width:1100px;margin:0 auto;padding:48px 24px 80px}@media (max-width:768px){.seo{padding:32px 16px 60px}}.seo-header{text-align:center;margin-bottom:32px}.seo-title{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:600}@media (max-width:540px){.seo-title{font-size:1.5rem}}.seo-desc{color:var(--text-secondary);font-size:15px}.seo-form{gap:10px;max-width:600px;margin:0 auto 24px;display:flex}.seo-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;flex:1;min-width:0;padding:12px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.seo-input::placeholder{color:var(--text-secondary)}.seo-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #0000000f}.seo-input:disabled{opacity:.5}.seo-btn{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:500;transition:opacity .15s}.seo-btn:hover:not(:disabled){opacity:.85}.seo-btn:disabled{opacity:.5;cursor:not-allowed}.seo-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite seo-spin;display:inline-block}@keyframes seo-spin{to{transform:rotate(360deg)}}.seo-error{color:#dc2626;background:#fef2f2;border-radius:8px;max-width:600px;margin:0 auto 24px;padding:12px 16px;font-size:14px}.seo-examples{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:60px 0;font-size:14px;display:flex}.seo-example{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:14px;transition:all .15s}.seo-example:hover{color:var(--text-primary);border-color:var(--text-primary)}.seo-layout{grid-template-columns:200px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:768px){.seo-layout{grid-template-columns:1fr;gap:16px}}.seo-sidebar{flex-direction:column;gap:4px;display:flex;position:sticky;top:24px}@media (max-width:768px){.seo-sidebar{flex-flow:wrap;gap:8px;position:static}}.seo-tab{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.seo-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.seo-tab.seo-tab--active{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-color);font-weight:500}@media (max-width:768px){.seo-tab{padding:8px 12px;font-size:13px}}.seo-tab-count{color:var(--text-secondary);background:var(--bg-primary);border-radius:10px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:500}.seo-content{min-width:0}.seo-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:16px}@media (max-width:540px){.seo-panel{padding:12px}}.seo-panel-title{color:var(--text-primary);margin:0 0 14px;font-size:16px;font-weight:600}.seo-score-section{justify-content:center;margin-bottom:16px;display:flex}.seo-score-circle{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.seo-score-circle[data-score="100"],.seo-score-circle[data-score^="9"],.seo-score-circle[data-score^="8"],.seo-score-circle[data-score^="7"]{border-color:#22c55e}.seo-score-circle[data-score^="6"],.seo-score-circle[data-score^="5"],.seo-score-circle[data-score^="4"]{border-color:#eab308}.seo-score-circle[data-score^="3"],.seo-score-circle[data-score^="2"],.seo-score-circle[data-score^="1"]:not([data-score="100"]),.seo-score-circle[data-score="0"]{border-color:#ef4444}.seo-score-num{color:var(--text-primary);font-size:26px;font-weight:700}.seo-score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:500}.seo-checklist{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.seo-check-item{background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.seo-check-badge{color:var(--text-secondary);background:var(--bg-primary);border-radius:3px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:11px}.seo-check-badge.seo-count--good{color:#16a34a;background:#f0fdf4}.seo-check-badge.seo-count--short{color:#ca8a04;background:#fefce8}.seo-check-badge.seo-count--over,.seo-check-badge.seo-count--missing{color:#dc2626;background:#fef2f2}.seo-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.seo-dot.seo-dot--good{background:#22c55e}.seo-dot.seo-dot--bad{background:#ef4444}.seo-summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (max-width:540px){.seo-summary-grid{grid-template-columns:repeat(2,1fr)}}.seo-summary-item{background:var(--bg-secondary);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.seo-summary-num{color:var(--text-primary);font-size:20px;font-weight:600}.seo-summary-label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500}.seo-field{border-bottom:1px solid var(--border-color);padding:10px 0}.seo-field:first-of-type{padding-top:0}.seo-field:last-child{border-bottom:none;padding-bottom:0}.seo-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;font-weight:600;display:flex}.seo-field-value{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.5}.seo-field-value a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);text-underline-offset:2px}.seo-field-value a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.seo-field-value.seo-field-value--mono{font-family:monospace;font-size:12px}.seo-na{color:var(--text-secondary)}.seo-count{border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:500}.seo-count.seo-count--good{color:#16a34a;background:#f0fdf4}.seo-count.seo-count--short{color:#ca8a04;background:#fefce8}.seo-count.seo-count--over,.seo-count.seo-count--missing{color:#dc2626;background:#fef2f2}.seo-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.seo-tag.seo-tag--good{color:#16a34a;background:#f0fdf4}.seo-tag.seo-tag--warn{color:#ca8a04;background:#fefce8}.seo-stats-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.seo-stat-box{background:var(--bg-secondary);border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:10px 16px;display:flex}.seo-stat-num{color:var(--text-primary);font-size:22px;font-weight:600}.seo-stat-num.seo-stat-num--good{color:#16a34a}.seo-stat-num.seo-stat-num--warn{color:#ef4444}.seo-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500}.seo-headings-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}@media (max-width:540px){.seo-headings-grid{grid-template-columns:repeat(3,1fr)}}.seo-heading-box{background:var(--bg-secondary);border-radius:6px;flex-direction:column;align-items:center;padding:8px 6px;display:flex}.seo-heading-box.seo-heading-box--warn{background:#fef2f2}.seo-heading-count{color:var(--text-primary);font-size:18px;font-weight:600}.seo-heading-label{color:var(--text-secondary);font-size:10px;font-weight:600}.seo-headings-list{flex-direction:column;gap:4px;display:flex}.seo-heading-item{background:var(--bg-secondary);border-radius:4px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.seo-heading-tag{color:#fff;background:#6b7280;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.seo-heading-tag.seo-heading-tag--h1{background:#ef4444}.seo-heading-tag.seo-heading-tag--h2{background:#f97316}.seo-heading-tag.seo-heading-tag--h3{color:#000;background:#eab308}.seo-heading-tag.seo-heading-tag--h4{background:#22c55e}.seo-heading-tag.seo-heading-tag--h5{background:#3b82f6}.seo-heading-tag.seo-heading-tag--h6{background:#8b5cf6}.seo-heading-text{color:var(--text-primary);font-size:12px;line-height:1.4}.seo-alert{border-radius:6px;margin-top:12px;padding:8px 12px;font-size:12px}.seo-alert.seo-alert--warn{color:#92400e;background:#fefce8}.seo-table{border-collapse:collapse;width:100%;font-size:12px}.seo-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:6px 8px;font-size:10px;font-weight:600}.seo-table th:first-child{border-radius:6px 0 0}.seo-table th:last-child{border-radius:0 6px 0 0}.seo-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top;padding:6px 8px}.seo-table tr:last-child td{border-bottom:none}.seo-table .seo-row--warn{background:#fef2f2}.seo-cell-url{word-break:break-all;font-size:11px}.seo-cell-url a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color)}.seo-cell-url a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.seo-link-tag{text-transform:uppercase;border-radius:2px;margin-right:3px;padding:1px 4px;font-size:9px;font-weight:600;display:inline-block}.seo-link-tag.seo-link-tag--int{color:#16a34a;background:#f0fdf4}.seo-link-tag.seo-link-tag--ext{color:#6366f1;background:#eef2ff}.seo-link-tag.seo-link-tag--nofollow{color:#ca8a04;background:#fefce8}.seo-img-thumb{object-fit:cover;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:4px;width:36px;height:36px}.seo-social-section{margin-bottom:16px}.seo-social-section:last-child{margin-bottom:0}.seo-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.seo-og-list{flex-direction:column;gap:8px;display:flex}.seo-og-item{flex-direction:column;gap:2px;display:flex}.seo-og-key{color:var(--text-secondary);font-family:monospace;font-size:10px;font-weight:600}.seo-og-value{color:var(--text-primary);word-break:break-word;font-size:12px;line-height:1.4}.seo-og-image-wrap{flex-direction:column;gap:6px;display:flex}.seo-og-image-wrap a{color:var(--text-primary);word-break:break-all;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);font-size:11px}.seo-og-image-wrap a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.seo-og-img{object-fit:contain;border:1px solid var(--border-color);border-radius:6px;max-width:100%;max-height:160px}.seo-schemas{flex-direction:column;gap:12px;display:flex}.seo-schema{flex-direction:column;gap:6px;display:flex}.seo-schema-header{align-items:center;gap:6px;display:flex}.seo-schema-type{color:var(--text-primary);font-size:12px;font-weight:600}.seo-schema-code{background:var(--bg-secondary);white-space:pre-wrap;word-break:break-word;max-height:240px;color:var(--text-primary);border-radius:6px;margin:0;padding:10px;font-family:monospace;font-size:11px;line-height:1.4;overflow:auto}.seo-tech-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;display:grid}@media (max-width:540px){.seo-tech-grid{grid-template-columns:1fr}}.seo-tech-item{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.seo-tech-label{color:var(--text-secondary);font-size:12px}.seo-tech-value{color:var(--text-primary);text-align:right;word-break:break-word;max-width:180px;margin-left:auto;font-size:12px;font-weight:500}.seo-headers-list{flex-direction:column;gap:4px;display:flex}.seo-header-item{background:var(--bg-secondary);border-radius:4px;align-items:flex-start;gap:8px;padding:6px 10px;display:flex}.seo-header-key{color:var(--text-secondary);flex-shrink:0;min-width:100px;font-size:11px;font-weight:600}.seo-header-value{color:var(--text-primary);word-break:break-word;font-size:11px}.seo-hreflang-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.seo-hreflang-item{background:var(--bg-secondary);border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.seo-hreflang-item a{color:var(--text-primary);word-break:break-all;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);font-size:11px}.seo-hreflang-item a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.seo-hreflang-lang{color:var(--text-primary);background:var(--bg-primary);border-radius:3px;flex-shrink:0;padding:3px 8px;font-family:monospace;font-size:10px;font-weight:600}.seo-empty{color:var(--text-secondary);text-align:center;padding:20px 12px;font-size:12px}.seo-empty-large{text-align:center;padding:28px 16px}.seo-empty-large p{color:var(--text-secondary);margin:0 0 6px;font-size:13px}.seo-empty-large p:last-child{margin-bottom:0}.seo-empty-large .seo-hint{color:var(--text-secondary);opacity:.8;font-size:12px}.hex{max-width:1400px;margin:0 auto;padding:40px 20px}@media (max-width:768px){.hex{padding:24px 16px}}.hex-header{text-align:center;margin-bottom:32px}.hex-title{color:var(--text-primary);margin:0 0 12px;font-size:32px;font-weight:700}@media (max-width:768px){.hex-title{font-size:24px}}.hex-desc{color:var(--text-secondary);margin:0;font-size:16px}@media (max-width:768px){.hex-desc{font-size:14px}}.hex-controls{gap:12px;margin-bottom:16px;display:flex}@media (max-width:540px){.hex-controls{flex-direction:column}}.hex-search{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.hex-search::placeholder{color:var(--text-secondary)}.hex-search:focus{border-color:var(--text-secondary)}.hex-sort{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;min-width:160px;padding:12px 16px;font-size:14px}.hex-sort:focus{border-color:var(--text-secondary)}.hex-count{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.hex-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}@media (max-width:540px){.hex-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.hex-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.hex-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.hex-card-preview{justify-content:center;align-items:center;height:100px;display:flex;position:relative}@media (max-width:540px){.hex-card-preview{height:80px}}.hex-copied{color:#fff;background:#0000004d;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.hex-card-info{padding:10px 12px}.hex-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.hex-card-code{color:var(--text-secondary);text-transform:uppercase;font-family:monospace;font-size:11px}.hex-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:14px}.hex-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hex-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:400px;position:relative;overflow:hidden}.hex-modal-close{color:#fff;cursor:pointer;z-index:1;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:12px;right:12px}.hex-modal-close:hover{background:#00000080}.hex-modal-preview{justify-content:center;align-items:center;height:160px;display:flex}.hex-modal-name{font-size:24px;font-weight:700}.hex-modal-formats{flex-direction:column;gap:10px;padding:16px;display:flex}.hex-format-row{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hex-format-label{color:var(--text-secondary);text-transform:uppercase;min-width:50px;font-size:11px;font-weight:600}.hex-format-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:13px;overflow:hidden}.hex-format-copy{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.hex-format-copy:hover{background:var(--border-color)}.hex-modal-info{gap:12px;padding:0 16px 16px;display:flex}.hex-info-item{background:var(--bg-secondary);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;display:flex}.hex-info-label{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:600}.hex-info-value{color:var(--text-primary);font-size:16px;font-weight:600}.hcd{max-width:900px;margin:0 auto;padding:24px 20px 60px}.hcd-back{margin-bottom:20px}.hcd-back a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .15s}.hcd-back a:hover{color:var(--text-primary)}.hcd-preview{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:200px;margin-bottom:32px;display:flex}@media (max-width:546px){.hcd-preview{border-radius:12px;height:160px}}.hcd-preview-hex{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;margin:0}@media (max-width:546px){.hcd-preview-hex{font-size:2rem}}.hcd-preview-name{opacity:.9;margin:0;font-size:1.25rem;font-weight:500}@media (max-width:546px){.hcd-preview-name{font-size:1rem}}.hcd-section{margin-bottom:32px}.hcd-section-title{color:var(--text-primary);margin-bottom:16px;font-size:1rem;font-weight:600}.hcd-formats{flex-direction:column;gap:8px;display:flex}.hcd-format{background:var(--bg-secondary);border-radius:8px;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid}@media (max-width:546px){.hcd-format{grid-template-columns:70px 1fr auto;gap:8px;padding:10px 12px}}.hcd-format-label{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:600}.hcd-format-value{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;font-size:14px;overflow:hidden}@media (max-width:546px){.hcd-format-value{font-size:12px}}.hcd-format-copy{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.hcd-format-copy:hover{background:var(--bg-tertiary)}.hcd-gradient{border-radius:8px;height:48px;display:flex;overflow:hidden}.hcd-gradient-stop{cursor:pointer;flex:1;transition:transform .15s}.hcd-gradient-stop:hover{transform:scaleY(1.1)}.hcd-harmonies{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:546px){.hcd-harmonies{grid-template-columns:1fr}}.hcd-harmony{background:var(--bg-secondary);border-radius:12px;padding:16px}.hcd-harmony h3{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.hcd-harmony-colors{gap:8px;display:flex}.hcd-harmony-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:48px;height:48px;transition:transform .15s,box-shadow .15s}.hcd-harmony-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.hcd-ui-examples{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.hcd-ui-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s}.hcd-ui-btn:hover{opacity:.9}.hcd-ui-btn--outline{background:0 0;border-style:solid;border-width:2px}.hcd-ui-btn--outline:hover{opacity:.8}.hcd-ui-card{border:2px solid;border-radius:12px;width:200px;overflow:hidden}@media (max-width:546px){.hcd-ui-card{width:100%}}.hcd-ui-card-header{padding:12px 16px;font-size:14px;font-weight:600}.hcd-ui-card-body{color:var(--text-secondary);background:var(--bg-primary);padding:16px;font-size:13px}.hcd-ui-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.hcd-ui-alert{border-left:4px solid;border-radius:8px;width:100%;padding:12px 16px;font-size:13px}.hcd-code-block{background:var(--bg-secondary);border-radius:12px;position:relative;overflow:hidden}.hcd-code-block pre{margin:0;padding:20px;overflow-x:auto}.hcd-code-block code{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;line-height:1.6}.hcd-code-copy{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;position:absolute;top:12px;right:12px}.hcd-code-copy:hover{background:var(--bg-tertiary)}.hcd-related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (max-width:546px){.hcd-related-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.hcd-related-card{border:1px solid var(--border-color);border-radius:10px;text-decoration:none;transition:transform .15s,box-shadow .15s;overflow:hidden}.hcd-related-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hcd-related-swatch{justify-content:center;align-items:center;height:64px;font-family:monospace;font-size:11px;font-weight:500;display:flex}.hcd-related-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:12px;font-weight:500;display:block;overflow:hidden}.hcd-tools-links{flex-wrap:wrap;gap:8px;display:flex}.hcd-tools-links a{border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.hcd-tools-links a:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.tool-related-link{border:1px solid var(--border-color);color:var(--text-primary);text-align:center;border-radius:10px;padding:16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.tool-related-link:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.tool-text-content{color:var(--text-secondary);font-size:14px;line-height:1.7}.tool-text-content ol,.tool-text-content ul{padding-left:20px}.tool-text-content li{margin-bottom:6px}.tool-text-content code{background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:13px}.gift-page{min-height:100vh}.gift-hero{text-align:center;padding:80px 32px 40px}@media (max-width:768px){.gift-hero{padding:60px 20px 32px}}@media (max-width:546px){.gift-hero{padding:48px 20px 24px}}.gift-hero .gift-hero-content{max-width:600px;margin:0 auto}.gift-hero .gift-hero-content h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.gift-hero .gift-hero-content h1{font-size:2rem}}@media (max-width:546px){.gift-hero .gift-hero-content h1{font-size:1.75rem}}.gift-hero .gift-hero-content p{color:var(--text-secondary);margin:0;font-size:1.125rem}@media (max-width:546px){.gift-hero .gift-hero-content p{font-size:1rem}}.gift-page-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 24px;padding:12px 16px;font-size:14px;display:flex}.gift-page-error .error-dismiss{cursor:pointer;color:#dc2626;opacity:.7;background:0 0;border:none;padding:0;font-size:20px;line-height:1;transition:opacity .15s}.gift-page-error .error-dismiss:hover{opacity:1}.gift-main{padding:0 32px 80px}@media (max-width:768px){.gift-main{padding:0 20px 60px}}.gift-container{grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:900px;margin:0 auto;display:grid}@media (max-width:768px){.gift-container{grid-template-columns:1fr;gap:32px}}.gift-form-column .gift-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:40px}@media (max-width:546px){.gift-form-column .gift-card{border-radius:12px;padding:28px 24px}}.gift-section{margin-bottom:32px}.gift-section:last-child{margin-bottom:0}.gift-label{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:600;display:block}.gift-plan-options{flex-wrap:wrap;gap:12px;display:flex}.gift-plan-option{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;flex:1;min-width:120px;padding:20px 16px;transition:all .15s}.gift-plan-option:hover{border-color:#d1d5db}.gift-plan-option.selected{border-color:var(--text-primary)}.gift-plan-option .gift-plan-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600;display:block}.gift-plan-option .gift-plan-tagline{color:var(--text-secondary);font-size:13px;display:block}.gift-quantity-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:546px){.gift-quantity-options{grid-template-columns:repeat(2,1fr)}}.gift-quantity-option{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;color:var(--text-primary);text-align:center;border-radius:12px;padding:16px 12px;font-size:14px;font-weight:500;transition:all .15s}.gift-quantity-option:hover{border-color:#d1d5db}.gift-quantity-option.selected{border-color:var(--text-primary)}.gift-total .gift-total-amount{color:var(--text-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:700}@media (max-width:546px){.gift-total .gift-total-amount{font-size:2rem}}.gift-cta{margin-top:32px}.gift-cta .gift-button{border-radius:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600}@media (max-width:768px){.gift-preview-column{order:-1}}.gift-preview-card{text-align:center;background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);border-radius:20px;padding:60px 40px;position:sticky;top:100px}@media (max-width:768px){.gift-preview-card{padding:48px 32px;position:static}}@media (max-width:546px){.gift-preview-card{border-radius:16px;padding:40px 24px}}.gift-preview-icon{margin-bottom:24px}.gift-preview-icon svg{width:80px;height:80px}@media (max-width:546px){.gift-preview-icon svg{width:64px;height:64px}}.gift-preview-text{color:#fff;margin:0;font-size:1.25rem;font-weight:500;line-height:1.5}@media (max-width:546px){.gift-preview-text{font-size:1.125rem}}.gift-preview-text .gift-preview-highlight{font-weight:700}.gift-features{background:var(--bg-primary);padding:80px 32px}@media (max-width:768px){.gift-features{padding:60px 20px}}.gift-features-container{max-width:900px;margin:0 auto}.gift-features-container h2{color:var(--text-primary);text-align:center;margin-bottom:48px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.gift-features-container h2{margin-bottom:32px;font-size:1.5rem}}.gift-features-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (max-width:768px){.gift-features-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:480px){.gift-features-grid{grid-template-columns:1fr}}.gift-feature{text-align:center}.gift-feature .gift-feature-icon{background:var(--bg-secondary);width:56px;height:56px;color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.gift-feature h3{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.gift-feature p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.gift-how-it-works{background:var(--bg-secondary);padding:80px 32px}@media (max-width:768px){.gift-how-it-works{padding:60px 20px}}.gift-how-container{max-width:900px;margin:0 auto}.gift-how-container h2{color:var(--text-primary);text-align:center;margin-bottom:48px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.gift-how-container h2{margin-bottom:32px;font-size:1.5rem}}.gift-steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:768px){.gift-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gift-steps{grid-template-columns:1fr}}.gift-step{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.gift-step .gift-step-number{color:#fff;background:#d97706;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 16px;font-size:16px;font-weight:700;display:flex}.gift-step h3{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.gift-step p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.gift-success-page{background:var(--bg-secondary);min-height:100vh;padding:60px 32px 80px}@media (max-width:768px){.gift-success-page{padding:40px 20px 60px}}.gift-success-container{max-width:650px;margin:0 auto}.gift-success-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.gift-success-loading p{color:var(--text-secondary);margin-top:20px;font-size:15px}.gift-success-spinner{border:3px solid var(--border-color);border-top-color:#d97706;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.gift-success-error{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:60px 20px}.gift-success-error h1{color:var(--text-primary);margin:24px 0 12px;font-size:1.5rem;font-weight:600}.gift-success-error p{color:var(--text-secondary);margin:0;font-size:15px}.gift-success-error-icon{margin-bottom:8px}.gift-success-error-hint{margin-top:16px!important;font-size:14px!important}.gift-success-error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@media (max-width:480px){.gift-success-error-actions{flex-direction:column}.gift-success-error-actions .button{justify-content:center;width:100%}}.gift-success-content{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:48px 40px}@media (max-width:546px){.gift-success-content{border-radius:12px;padding:32px 24px}}.gift-success-content h1{color:var(--text-primary);margin:24px 0 12px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.gift-success-content h1{font-size:1.5rem}}.gift-success-icon{display:inline-block}.gift-success-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:1.0625rem;line-height:1.6}@media (max-width:546px){.gift-success-subtitle{font-size:1rem}}.gift-success-email-notice{text-align:left;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #d9770633;border-radius:12px;align-items:center;gap:14px;margin-bottom:28px;padding:16px 20px;display:flex}@media (max-width:480px){.gift-success-email-notice{text-align:center;flex-direction:column;gap:10px}}.gift-success-email-icon{color:#fff;background:#d97706;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gift-success-email-text{flex-direction:column;gap:2px;display:flex}.gift-success-email-text strong{color:#92400e;font-size:14px;font-weight:600}.gift-success-email-text span{color:#a16207;font-size:13px}.gift-success-email-text span strong{font-size:13px}.gift-success-licenses{margin-bottom:28px}.gift-success-licenses-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gift-success-licenses-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.gift-success-copy-all{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.gift-success-copy-all:hover{background:var(--hover-bg)}.gift-success-copy-all.copied{color:#fff;background:#10b981;border-color:#10b981}.gift-success-licenses-list{flex-direction:column;gap:12px;display:flex}.gift-success-license-box{background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);border-radius:12px;padding:16px 20px}@media (max-width:546px){.gift-success-license-box{padding:14px 16px}}.gift-success-license-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.gift-success-license-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.gift-success-copy-btn{color:#ffffffe6;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.gift-success-copy-btn:hover{color:#fff;background:#ffffff40}.gift-success-copy-btn.copied{color:#d97706;background:#fff}.gift-success-license-key{text-align:left}.gift-success-license-key code{color:#fff;letter-spacing:1px;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.125rem;font-weight:600}@media (max-width:546px){.gift-success-license-key code{font-size:.9375rem}}.gift-success-order-summary{background:var(--bg-secondary);text-align:left;border-radius:12px;margin-bottom:28px;padding:24px}@media (max-width:546px){.gift-success-order-summary{padding:20px}}.gift-success-order-summary h3{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.gift-success-order-grid{gap:12px;display:grid}.gift-success-order-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.gift-success-order-item:last-child{border-bottom:none;padding-bottom:0}.gift-success-order-label{color:var(--text-secondary);font-size:14px}.gift-success-order-value{color:var(--text-primary);font-size:14px;font-weight:500}.gift-success-plan-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.gift-success-steps{text-align:left;margin-bottom:32px}.gift-success-steps h3{color:var(--text-primary);text-align:center;margin:0 0 20px;font-size:14px;font-weight:600}.gift-success-steps-list{flex-direction:column;gap:16px;display:flex}.gift-success-step{background:var(--bg-secondary);border-radius:10px;align-items:flex-start;gap:14px;padding:16px;display:flex}@media (max-width:546px){.gift-success-step{padding:14px}}.gift-success-step-number{color:#fff;background:#d97706;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.gift-success-step-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.gift-success-step-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.gift-success-extension-link{background:var(--bg-secondary);text-align:center;border-radius:10px;margin-bottom:32px;padding:20px}.gift-success-extension-link p{color:var(--text-secondary);margin:0 0 10px;font-size:13px}.gift-success-extension-url{background:var(--bg-primary);border:1px solid var(--border-color);color:#d97706;word-break:break-all;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.gift-success-extension-url:hover{border-color:#d97706}.gift-success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}@media (max-width:480px){.gift-success-actions{flex-direction:column}.gift-success-actions .button{justify-content:center;width:100%}}.gift-success-help p{color:var(--text-secondary);margin:0;font-size:14px}.gift-success-help p a{color:#d97706;font-weight:500;text-decoration:none}.gift-success-help p a:hover{text-decoration:underline}.installed-page{background:var(--bg-secondary);min-height:100vh;padding:60px 32px 80px}@media (max-width:768px){.installed-page{padding:40px 20px 60px}}.installed-container{max-width:600px;margin:0 auto}.installed-content{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:48px 40px}@media (max-width:546px){.installed-content{border-radius:12px;padding:32px 24px}}.installed-title{color:var(--text-primary);margin:24px 0 12px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.installed-title{font-size:1.5rem}}.installed-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:1.0625rem;line-height:1.6}@media (max-width:546px){.installed-subtitle{font-size:1rem}}.trusted-badge{margin-bottom:24px}.trusted-badge img{opacity:.8}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.step{background:var(--bg-secondary);border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .3s;display:flex}.step.active{color:#fff;background:#0b63ff;border-color:#0b63ff}.step-line{background:var(--border-color);width:40px;height:2px}@media (max-width:480px){.step-line{width:24px}}.step-content{animation:.3s fadeIn}.pin-visual{margin:24px 0 32px}.browser-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:18px;display:inline-flex}.pin-icon{font-size:24px}.pin-arrow{color:var(--text-secondary)}.pin-result{color:var(--text-primary);font-weight:500}.quick-tips{text-align:left;flex-direction:column;gap:12px;margin:28px 0;display:flex}.tip-item{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;font-size:14px;display:flex}.tip-item .tip-icon{flex-shrink:0;font-size:20px}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}@media (max-width:480px){.final-actions{flex-direction:column}.final-actions .button{justify-content:center;width:100%}}.free-note{color:var(--text-secondary);margin-top:24px;font-size:13px}.uninstalled-page{background:var(--bg-secondary);min-height:100vh;padding:60px 32px 80px}@media (max-width:768px){.uninstalled-page{padding:40px 20px 60px}}.uninstalled-container{max-width:600px;margin:0 auto}.uninstalled-content{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:48px 40px}@media (max-width:546px){.uninstalled-content{border-radius:12px;padding:32px 24px}}.uninstalled-title{color:var(--text-primary);margin:24px 0 12px;font-size:1.75rem;font-weight:700}@media (max-width:546px){.uninstalled-title{font-size:1.5rem}}.uninstalled-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:1.0625rem;line-height:1.6}@media (max-width:546px){.uninstalled-subtitle{font-size:1rem}}.feedback-section{margin-bottom:32px}.feedback-question{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:500}.reasons-list{flex-direction:column;gap:10px;display:flex}.reason-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:10px;padding:14px 20px;font-size:14px;transition:all .2s}.reason-button:hover{background:#0b63ff0d;border-color:#0b63ff}.feedback-thanks{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b98133;border-radius:12px;margin-bottom:32px;padding:24px}.feedback-thanks p{color:#065f46;margin:0;font-size:15px;font-weight:500}.actions-section{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:480px){.actions-section{flex-direction:column}.actions-section .button{justify-content:center;width:100%}}.final-note{color:var(--text-secondary);margin-top:24px;font-size:13px}.palettes-page{max-width:1200px;margin:0 auto;padding:60px 24px 80px}@media (max-width:768px){.palettes-page{padding:40px 16px 60px}}.palettes-header{text-align:center;margin-bottom:40px}.palettes-header h1{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.palettes-header h1{font-size:2rem}}.palettes-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}@media (max-width:768px){.palettes-header p{font-size:1rem}}.palettes-categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;padding:0 16px;display:flex}@media (max-width:768px){.palettes-categories{gap:8px;margin-bottom:30px}}.category-tag{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-transform:capitalize;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-tag:hover{background:var(--hover-bg);border-color:#00000026}.category-tag.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.category-tag.active .category-circle{border-color:#ffffff4d}@media (max-width:768px){.category-tag{padding:6px 12px;font-size:13px}}.category-circle{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.palettes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:640px){.palettes-grid{grid-template-columns:1fr;gap:20px}}.palette-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.palette-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.palette-colors{flex-direction:column;display:flex}.palette-color-strip{cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.palette-color-strip:hover{z-index:1;transform:scaleX(1.02)}.palette-color-strip:hover .color-hex{opacity:1;font-weight:600}.palette-color-strip:first-child{border-radius:11px 11px 0 0}.color-hex{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,monospace;font-size:13px;font-weight:500;transition:all .15s}.palette-info{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.palette-name{color:var(--text-primary);font-size:14px;font-weight:600}.no-palettes{text-align:center;color:var(--text-secondary);padding:60px 20px}.no-palettes p{margin-bottom:16px}.no-palettes button{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.no-palettes button:hover{opacity:.9}.back-link{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.back-link svg{width:18px;height:18px}.category-indicator{vertical-align:middle;border:2px solid #0000001a;border-radius:50%;width:24px;height:24px;margin-right:12px;display:inline-block}.hcd-format-link{color:var(--primary-color);text-decoration:none;transition:all .15s}.hcd-format-link:hover{text-decoration:underline}.hcd-format-hint{color:var(--text-tertiary);text-transform:none;font-size:11px;font-weight:400}.htw{max-width:900px;margin:0 auto;padding:24px 20px 60px}.htw-back{margin-bottom:24px}.htw-back a{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.htw-back a:hover{color:var(--text-primary)}.htw-header{text-align:center;margin-bottom:40px}.htw-header h1{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:700}@media (max-width:640px){.htw-header h1{font-size:24px}}.htw-header p{color:var(--text-secondary);font-size:16px}.htw-comparison{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:48px;display:flex}@media (max-width:640px){.htw-comparison{flex-direction:column;gap:16px}}.htw-color-box{flex:1;min-width:200px;max-width:280px}@media (max-width:640px){.htw-color-box{width:100%;max-width:100%}}.htw-color-preview{border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:140px;display:flex}@media (max-width:640px){.htw-color-preview{height:120px}}.htw-color-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.htw-color-hex{font-size:24px;font-weight:700;font-family:var(--font-mono)}@media (max-width:640px){.htw-color-hex{font-size:20px}}.htw-color-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px 16px;display:flex}.htw-color-name{color:var(--text-primary);font-size:14px;font-weight:500}.htw-tailwind-class{font-family:var(--font-mono);color:var(--primary-color);background:#3b82f61a;border-radius:6px;padding:4px 10px;font-size:15px;font-weight:600}.htw-exact-badge{color:#059669;text-transform:uppercase;letter-spacing:.3px;background:#0596691a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.htw-arrow{color:var(--text-tertiary);flex-shrink:0}@media (max-width:640px){.htw-arrow{transform:rotate(90deg)}}.htw-section{margin-bottom:40px}.htw-section h2{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:600}.htw-section-desc{color:var(--text-secondary);margin-top:-8px;margin-bottom:16px;font-size:14px}.htw-quick-copy{flex-wrap:wrap;gap:12px;display:flex}.htw-copy-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.htw-copy-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover)}.htw-copy-btn code{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:500}.htw-copy-btn span{color:var(--text-secondary);font-size:12px}.htw-copy-btn--primary{background:#2563eb;border-color:#2563eb}.htw-copy-btn--primary code,.htw-copy-btn--primary span{color:#fff!important}.htw-copy-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.htw-usage-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.htw-usage-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.htw-usage-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-weight:600}.htw-usage-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;display:flex}.htw-usage-code code{font-family:var(--font-mono);color:var(--primary-color);font-size:13px}.htw-usage-copy{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s}.htw-usage-copy:hover{background:var(--bg-tertiary);color:var(--text-primary)}.htw-usage-preview{align-items:center;min-height:48px;display:flex}.htw-alternatives{flex-direction:column;gap:8px;display:flex}.htw-alt-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.htw-alt-card:hover{background:var(--bg-tertiary)}.htw-alt-card--best{border-color:var(--primary-color);background:#3b82f60d}.htw-alt-swatch{border:1px solid #0000001a;border-radius:8px;flex-shrink:0;width:44px;height:44px}.htw-alt-info{flex-direction:column;flex:1;gap:4px;display:flex}.htw-alt-info code{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:600}.htw-alt-hex{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.htw-best-badge{color:var(--primary-color);text-transform:uppercase;letter-spacing:.3px;background:#3b82f61a;border-radius:4px;width:fit-content;margin-top:2px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.htw-alt-copy{color:var(--text-secondary);background:var(--bg-primary);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.htw-family{border-radius:12px;grid-template-columns:repeat(11,1fr);gap:4px;display:grid;overflow:hidden}@media (max-width:768px){.htw-family{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.htw-family{grid-template-columns:repeat(4,1fr)}}.htw-family-shade{aspect-ratio:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .15s;display:flex;position:relative}.htw-family-shade:hover{z-index:1;transform:scale(1.08)}.htw-family-shade--active{outline:3px solid var(--text-primary);outline-offset:-3px;z-index:2}.htw-family-num{font-size:14px;font-weight:700}@media (max-width:640px){.htw-family-num{font-size:12px}}.htw-family-hex{font-size:9px;font-family:var(--font-mono);opacity:.8}@media (max-width:640px){.htw-family-hex{display:none}}.htw-family-copied{color:#fff;background:#000c;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute}.htw-related{flex-direction:column;gap:8px;display:flex}.htw-related-link{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;transition:all .2s;display:flex}.htw-related-link:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover)}.htw-related-link svg{color:var(--text-tertiary)}.tool-page{max-width:1200px;margin:0 auto;padding:40px 20px 80px}@media (max-width:768px){.tool-page{padding:24px 16px 60px}}.tool-header{text-align:center;margin-bottom:40px}.tool-header h1{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.tool-header h1{font-size:2rem}}.tool-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}@media (max-width:768px){.tool-header p{font-size:1rem}}.tool-content{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}@media (max-width:768px){.tool-content{grid-template-columns:1fr}}.tool-preview-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;overflow:hidden}.tool-controls-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.tool-control-group{flex-direction:column;gap:8px;display:flex}.tool-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.tool-btn-group{border:1px solid var(--border-color);border-radius:8px;gap:0;display:flex;overflow:hidden}.tool-btn-option{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.tool-btn-option:not(:last-child){border-right:1px solid var(--border-color)}.tool-btn-option:hover{background:var(--hover-bg)}.tool-btn-option.active{background:var(--text-primary);color:var(--bg-primary)}.tool-range{appearance:none;background:var(--border-color);border-radius:3px;outline:none;width:100%;height:6px}.tool-range::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.tool-range::-moz-range-thumb{background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.tool-color-input{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:36px;padding:2px}.tool-color-input::-webkit-color-swatch-wrapper{padding:0}.tool-color-input::-webkit-color-swatch{border:none;border-radius:6px}.tool-text-input{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-family:SF Mono,Monaco,monospace;font-size:13px;transition:border-color .2s}.tool-text-input::placeholder{color:var(--text-secondary)}.tool-text-input:focus{border-color:var(--text-secondary)}.tool-text-input--small{text-align:center;padding:8px}.tool-unit{color:var(--text-secondary);font-size:12px;font-weight:500}.tool-btn-icon{border:1px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.tool-btn-icon:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.tool-btn-add{background:var(--bg-secondary);color:var(--text-secondary);border:1px dashed var(--border-color);cursor:pointer;border-radius:8px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.tool-btn-add:hover{background:var(--hover-bg);color:var(--text-primary)}.tool-code-block{background:#1e1e1e;border-radius:10px;padding:16px 20px;position:relative;overflow-x:auto}.tool-code-block pre{white-space:pre-wrap;word-break:break-all;margin:0}.tool-code-block code{color:#e4e4e7;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:13px;line-height:1.6}.tool-code-copy{color:#a1a1aa;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s;position:absolute;top:8px;right:8px}.tool-code-copy:hover{color:#fff;background:#fff3}.tool-section{margin-bottom:40px}.tool-section-title{color:var(--text-primary);margin-bottom:20px;font-size:1.5rem;font-weight:700}@media (max-width:768px){.tool-section-title{font-size:1.25rem}}.tool-cta{text-align:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:40px 20px}.tool-cta p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.gradient-preview{border-radius:8px;width:100%;height:300px}@media (max-width:768px){.gradient-preview{height:200px}}.gradient-color-stops{flex-direction:column;gap:8px;display:flex}.gradient-color-stop{align-items:center;gap:8px;display:flex}.gradient-presets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (max-width:540px){.gradient-presets-grid{grid-template-columns:repeat(2,1fr)}}.gradient-preset-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:12px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.gradient-preset-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.gradient-preset-preview{height:80px}.gradient-preset-name{color:var(--text-primary);text-align:center;padding:8px 12px;font-size:13px;font-weight:600}.shadow-preview-box{width:160px;height:160px}.shadow-layer{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;padding:16px}.shadow-layer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shadow-inset-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.shadow-inset-toggle input{cursor:pointer}.shadow-layer-controls{flex-direction:column;gap:10px;display:flex}.shadow-slider-row{align-items:center;gap:12px;display:flex}.shadow-slider-row span{color:var(--text-secondary);white-space:nowrap;min-width:100px;font-family:SF Mono,Monaco,monospace;font-size:12px}.shadow-slider-row .tool-range{flex:1}.shadow-presets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (max-width:540px){.shadow-presets-grid{grid-template-columns:repeat(2,1fr)}}.shadow-preset-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:12px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.shadow-preset-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.shadow-preset-preview{background:#f3f4f6;justify-content:center;align-items:center;height:80px;display:flex}.shadow-preset-box{background:#fff;border-radius:8px;width:40px;height:40px}.shadow-preset-name{color:var(--text-primary);text-align:center;padding:8px 12px;font-size:13px;font-weight:600}.tool-control-row{gap:16px;display:flex}@media (max-width:540px){.tool-control-row{flex-direction:column}}.converter-input-area{align-items:center;gap:12px;margin-bottom:24px;display:flex}@media (max-width:540px){.converter-input-area{flex-direction:column;align-items:stretch}}.converter-results{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:540px){.converter-results{grid-template-columns:1fr}}.converter-result-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.converter-result-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600}.converter-result-value{color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:14px}.converter-copy-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.converter-copy-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.converter-preview{border:1px solid var(--border-color);border-radius:10px;width:100%;height:120px;margin-bottom:24px}.tw-color-families{flex-direction:column;gap:16px;display:flex}.tw-color-family{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tw-family-header{color:var(--text-primary);text-transform:capitalize;border-bottom:1px solid var(--border-color);padding:14px 20px;font-size:15px;font-weight:600}.tw-family-shades{display:flex}@media (max-width:768px){.tw-family-shades{flex-wrap:wrap}}.tw-shade{text-align:center;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:20px 4px 10px;transition:transform .15s;display:flex}@media (max-width:768px){.tw-shade{flex-basis:20%;padding:12px 4px 8px}}.tw-shade:hover{z-index:1;transform:scale(1.05)}.tw-shade-preview{border:1px solid #0000000f;border-radius:6px;width:100%;height:40px}@media (max-width:768px){.tw-shade-preview{height:32px}}.tw-shade-num{color:var(--text-secondary);font-size:11px;font-weight:500}.tw-shade-hex{color:var(--text-secondary);text-transform:uppercase;font-family:SF Mono,Monaco,monospace;font-size:10px}.font-pair-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}@media (max-width:540px){.font-pair-grid{grid-template-columns:1fr}}.font-pair-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.font-pair-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.font-pair-preview{border-bottom:1px solid var(--border-color);padding:32px 24px}.font-pair-heading{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.2}.font-pair-body{color:var(--text-secondary);font-size:15px;line-height:1.6}.font-pair-info{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.font-pair-names{flex-direction:column;gap:2px;display:flex}.font-pair-names span{color:var(--text-secondary);font-size:13px}.font-pair-names span strong{color:var(--text-primary)}.font-pair-copy-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.font-pair-copy-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.meta-gen-content{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}@media (max-width:768px){.meta-gen-content{grid-template-columns:1fr}}.meta-gen-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.meta-gen-previews{flex-direction:column;gap:20px;display:flex}.meta-preview-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.meta-preview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:600}.google-preview{font-family:Arial,sans-serif}.google-preview-title{color:#1a0dab;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:18px;overflow:hidden}.google-preview-url{color:#006621;margin-bottom:4px;font-size:13px}.google-preview-desc{color:#545454;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.social-preview{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.social-preview-img{background:var(--bg-secondary);height:140px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.social-preview-text{border-top:1px solid var(--border-color);padding:12px}.social-preview-site{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:12px}.social-preview-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.social-preview-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-textarea{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;min-height:80px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.tool-textarea::placeholder{color:var(--text-secondary)}.tool-textarea:focus{border-color:var(--text-secondary)}.lorem-output{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:relative}.lorem-output p{color:var(--text-primary);margin-bottom:16px;font-size:15px;line-height:1.7}.lorem-output p:last-child{margin-bottom:0}.lorem-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}@media (max-width:540px){.lorem-controls{flex-direction:column;align-items:stretch}}.lorem-word-count{color:var(--text-secondary);margin-top:12px;font-size:13px}.unit-converter-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;max-width:600px;margin:0 auto 30px;padding:24px}.unit-converter-input-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}@media (max-width:540px){.unit-converter-input-row{flex-direction:column;align-items:stretch}}.unit-converter-results{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:540px){.unit-converter-results{grid-template-columns:1fr}}.unit-result-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.unit-result-item .unit-result-label{text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.unit-result-item .unit-result-value{color:var(--text-primary);cursor:pointer;font-family:SF Mono,Monaco,monospace;font-size:14px;transition:color .15s}.unit-result-item .unit-result-value:hover{color:#0b63ff}.unit-base-size{align-items:center;gap:8px;padding:12px 0;display:flex}.unit-base-size label{color:var(--text-secondary);white-space:nowrap;font-size:13px}.contrast-checker-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;max-width:700px;margin:0 auto 30px;padding:24px}.contrast-colors-row{gap:20px;margin-bottom:24px;display:flex}@media (max-width:540px){.contrast-colors-row{flex-direction:column}}.contrast-color-input{flex:1}.contrast-color-input .tool-label{margin-bottom:8px}.contrast-color-input .color-input-row{align-items:center;gap:8px;display:flex}.contrast-preview{text-align:center;border:1px solid var(--border-color);border-radius:10px;margin-bottom:24px;padding:32px 24px}.contrast-preview-large{margin-bottom:8px;font-size:28px;font-weight:700}.contrast-preview-small{font-size:14px}.contrast-results{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:540px){.contrast-results{grid-template-columns:1fr}}.contrast-result-item{text-align:center;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;padding:16px}.contrast-ratio-value{color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:24px;font-weight:700}.contrast-result-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.contrast-badge{border-radius:100px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.contrast-badge.pass{color:#166534;background:#dcfce7}.contrast-badge.fail{color:#991b1b;background:#fee2e2}.css-colors-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}@media (max-width:540px){.css-colors-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.css-color-card{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:10px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.css-color-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.css-color-swatch{height:70px}.css-color-info{padding:10px 12px}.css-color-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.css-color-hex{color:var(--text-secondary);text-transform:uppercase;font-family:SF Mono,Monaco,monospace;font-size:11px}.entities-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}@media (max-width:540px){.entities-grid{grid-template-columns:repeat(2,1fr)}}.entity-card{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex}.entity-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.entity-char{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.entity-details{min-width:0}.entity-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.entity-code{color:var(--text-secondary);font-family:SF Mono,Monaco,monospace;font-size:12px}.status-codes-list{flex-direction:column;gap:10px;display:flex}.status-code-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:16px;padding:18px 20px;transition:box-shadow .15s;display:flex}.status-code-card:hover{box-shadow:0 4px 12px #0000000f}@media (max-width:540px){.status-code-card{flex-direction:column;gap:8px}}.status-code-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 12px;font-family:SF Mono,Monaco,monospace;font-size:15px;font-weight:700}.status-code-badge.info{color:#1e40af;background:#dbeafe}.status-code-badge.success{color:#166534;background:#dcfce7}.status-code-badge.redirect{color:#854d0e;background:#fef9c3}.status-code-badge.client-error{color:#991b1b;background:#fee2e2}.status-code-badge.server-error{color:#9d174d;background:#fce7f3}.status-code-content{flex:1;min-width:0}.status-code-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.status-code-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}@media (max-width:540px){.shortcuts-grid{grid-template-columns:1fr}}.shortcuts-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.shortcuts-group-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:16px 20px;font-size:15px;font-weight:600}.shortcut-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.shortcut-item:last-child{border-bottom:none}.shortcut-action{color:var(--text-primary);font-size:14px}.shortcut-keys{align-items:center;gap:4px;display:flex}.shortcut-key{background:var(--bg-secondary);border:1px solid var(--border-color);min-width:28px;height:26px;color:var(--text-primary);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000d}.shortcut-plus{color:var(--text-secondary);font-size:11px}.tool-filter-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px;display:flex}.tool-filter-tab{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.tool-filter-tab:hover{background:var(--hover-bg)}.tool-filter-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.responsive-tester-input{gap:12px;margin-bottom:24px;display:flex}@media (max-width:540px){.responsive-tester-input{flex-direction:column}}.responsive-device-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.responsive-frame-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;justify-content:center;padding:20px;display:flex;overflow:hidden}.responsive-frame{border:2px solid var(--border-color);background:#fff;border-radius:8px;transition:width .3s;overflow:hidden}.responsive-frame-info{text-align:center;color:var(--text-secondary);margin-top:12px;font-family:SF Mono,Monaco,monospace;font-size:13px}.tools-index-page{max-width:1200px;margin:0 auto;padding:40px 20px 80px}@media (max-width:768px){.tools-index-page{padding:24px 16px 60px}}.tools-index-header{text-align:center;margin-bottom:40px}.tools-index-header h1{color:var(--text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.tools-index-header h1{font-size:2rem}}.tools-index-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}@media (max-width:768px){.tools-index-header p{font-size:1rem}}.tools-index-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}@media (max-width:540px){.tools-index-grid{grid-template-columns:1fr;gap:12px}}.tools-index-card{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;text-decoration:none!important}.tools-index-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.tools-index-card:hover .tools-index-card-arrow{opacity:1;transform:translate(0)}@media (max-width:540px){.tools-index-card{gap:14px;padding:16px}}.tools-index-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@media (max-width:540px){.tools-index-card-icon{width:42px;height:42px}}.tools-index-card-dot{border-radius:50%;width:12px;height:12px}.tools-index-card-content{flex:1;min-width:0}.tools-index-card-category{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.tools-index-card-name{color:var(--text-primary);margin:4px 0;font-size:16px;font-weight:600;line-height:1.3}.tools-index-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.tools-index-card-arrow{color:var(--text-secondary);opacity:0;flex-shrink:0;font-size:18px;transition:all .2s;transform:translate(-4px)}@media (max-width:768px){.tools-index-card-arrow{opacity:.5;transform:translate(0)}}.brands-wrap{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.brands-hero{margin-bottom:32px}.brands-hero h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:40px;font-weight:700}.brands-hero p{color:var(--text-secondary);max-width:720px;margin:0;font-size:15px;line-height:1.6}@media (max-width:540px){.brands-hero h1{font-size:28px}.brands-hero p{font-size:14px}}.brands-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (max-width:540px){.brands-controls{flex-direction:column;align-items:stretch}}.brands-search{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:240px;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.brands-search::placeholder{color:var(--text-secondary)}.brands-search:focus{border-color:var(--text-secondary)}.brands-style-filters{gap:6px;display:flex}.brands-chip{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.brands-chip:hover{color:var(--text-primary);border-color:var(--text-secondary)}.brands-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.brands-count{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}@media (max-width:540px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.brand-card{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.brand-card:hover{border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 12px 32px #00000024}.brand-card:hover .brand-card-preview img{transform:scale(1.06)}.brand-card-preview{aspect-ratio:1;background:var(--bg-secondary);justify-content:center;align-items:center;padding:28px;display:flex}.brand-card-preview img{object-fit:contain;width:100%;max-width:112px;height:100%;max-height:112px;transition:transform .2s}@media (max-width:540px){.brand-card-preview{padding:20px}.brand-card-preview img{max-width:80px;max-height:80px}}.brand-card-info{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 14px;display:flex}.brand-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.brand-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.brand-chip.brand-chip-color{color:#a14a00;background:#ffeddb}.brand-chip.brand-chip-mono{color:#2a2a2e;background:#e8e8ea}.brand-chip.brand-chip-line{color:#1c4e9c;background:#dceaff}.brands-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:14px}.brands-pagination{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.brands-page-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.brands-page-btn:hover:not(:disabled){border-color:var(--text-secondary)}.brands-page-btn:disabled,.brands-page-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.brands-page-info{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.brand-detail-wrap{max-width:1080px;margin:0 auto;padding:32px 24px 80px}.brand-crumbs{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.brand-crumbs a{color:var(--text-secondary);text-decoration:none}.brand-crumbs a:hover{color:var(--text-primary)}.brand-crumbs span:last-child{color:var(--text-primary);font-weight:500}.brand-detail-hero{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:32px;margin-bottom:40px;padding:32px;display:flex}@media (max-width:640px){.brand-detail-hero{text-align:center;flex-direction:column;gap:20px;padding:24px}}.brand-detail-hero-logo{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.brand-detail-hero-logo img{object-fit:contain;max-width:100px;max-height:100px}@media (max-width:640px){.brand-detail-hero-logo{width:120px;height:120px}.brand-detail-hero-logo img{max-width:72px;max-height:72px}}.brand-detail-hero-text{flex:1;min-width:0}.brand-detail-hero-text h1{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 12px;font-size:36px;font-weight:700}.brand-detail-hero-text p{color:var(--text-secondary);margin:0 0 16px;font-size:15px;line-height:1.6}@media (max-width:640px){.brand-detail-hero-text h1{font-size:28px}.brand-detail-hero-text p{font-size:14px}}.brand-detail-stats{color:var(--text-secondary);gap:20px;font-size:13px;display:flex}.brand-detail-stats strong{color:var(--text-primary);margin-right:4px;font-size:15px;font-weight:700}@media (max-width:640px){.brand-detail-stats{justify-content:center}}.brand-detail-section-title{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:600}.bf-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bf-section-head h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.bf-download-all{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.bf-download-all:hover:not(:disabled){background:#1557b0}.bf-download-all:active:not(:disabled){transform:scale(.97)}.bf-download-all:disabled{opacity:.6;cursor:progress}.bf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:56px;display:grid}@media (max-width:540px){.bf-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.bf-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.bf-card:hover{border-color:var(--text-primary);box-shadow:0 8px 22px #00000014}.bf-card:hover .bf-card-actions{opacity:1;transform:translateY(0)}.bf-card-preview{aspect-ratio:4/3;background:#f3f4f6;justify-content:center;align-items:center;padding:28px;display:flex;position:relative}.bf-card-preview img{object-fit:contain;max-width:70%;max-height:70%}@media (max-width:540px){.bf-card-preview{padding:20px}.bf-card-preview img{max-width:65%;max-height:65%}}.bf-card-chip{position:absolute;top:10px;left:10px;box-shadow:0 1px 3px #0000000f;padding:3px 8px!important;font-size:10px!important}.bf-card-actions{opacity:0;gap:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-2px)}.bf-action-btn{color:#333;cursor:pointer;background:#fffffff2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;box-shadow:0 1px 3px #00000014}.bf-action-btn:hover{color:#000;background:#fff}.bf-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.bf-card-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.bf-card-format{letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;flex-shrink:0;font-size:11px;font-weight:700;text-decoration:none;transition:color .15s}.bf-card-format:hover{color:var(--text-primary)}.bf-card-png-row{border-top:1px dashed var(--border-color);align-items:center;gap:4px;padding:8px 10px 10px;display:flex}.bf-card-png-label{letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;margin-right:4px;font-size:10px;font-weight:700}.bf-card-png-btn{color:var(--text-primary);background:var(--bg-secondary);border-radius:5px;flex:1;justify-content:center;align-items:center;padding:5px 0;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.bf-card-png-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.single-logo-page{color:var(--text-primary);line-height:1.55}.single-logo-page .container{max-width:1100px;margin:0 auto;padding:0 20px}@media (min-width:768px){.single-logo-page .container{padding:0 24px}}.single-logo-page .breadcrumbs{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin:28px 0 20px;font-size:13px;display:flex}.single-logo-page .breadcrumbs a{color:var(--text-secondary);transition:color .15s}.single-logo-page .breadcrumbs a:hover{color:var(--text-primary)}.single-logo-page .breadcrumbs svg{color:var(--text-secondary);opacity:.6;flex-shrink:0}.single-logo-page .breadcrumbs span{color:var(--text-primary);font-weight:500}.single-logo-page .single-logo-container{margin:8px 0 48px}.single-logo-page .single-logo-header{margin-bottom:28px}.single-logo-page .single-logo-header h1{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 10px;font-size:36px;font-weight:700;line-height:1.15}.single-logo-page .single-logo-header .logo-description{color:var(--text-secondary);max-width:720px;margin:0;font-size:15px;line-height:1.6}@media (max-width:640px){.single-logo-page .single-logo-header h1{font-size:26px}.single-logo-page .single-logo-header .logo-description{font-size:14px}}.single-logo-page .single-logo{gap:20px;display:grid}@media (min-width:900px){.single-logo-page .single-logo{grid-template-columns:minmax(320px,1fr) 1.4fr}}.single-logo-page .logo-preview-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.single-logo-page .logo-preview-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.single-logo-page .logo-preview-header .preview-title{color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:600}.single-logo-page .logo-preview-header .preview-actions{background:var(--bg-secondary);border-radius:999px;gap:4px;padding:3px;display:flex}.single-logo-page .logo-preview-header .preview-actions button{color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.single-logo-page .logo-preview-header .preview-actions button:hover{color:var(--text-primary)}.single-logo-page .logo-preview-header .preview-actions button.active{background:var(--text-primary);color:var(--bg-primary)}.single-logo-page .logo-preview-body{background-image:linear-gradient(90deg,#00000006 1px,#0000 0),linear-gradient(#00000006 1px,#0000 0);background-size:24px 24px;justify-content:center;align-items:center;min-height:320px;padding:40px 32px;transition:background-color .25s;display:flex}.single-logo-page .logo-preview-body.light{background-color:var(--bg-secondary)}.single-logo-page .logo-preview-body.dark{background-color:#18181b;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 0),linear-gradient(#ffffff09 1px,#0000 0)}.single-logo-page .logo-preview-body img{object-fit:contain;max-width:70%;max-height:240px;transition:transform .3s}.single-logo-page .logo-preview-body img:hover{transform:scale(1.04)}.single-logo-page .logo-info-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex}.single-logo-page .logo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:420px){.single-logo-page .logo-actions{grid-template-columns:1fr}}.single-logo-page .logo-actions .button{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.single-logo-page .logo-actions .button svg{width:18px;height:18px}.single-logo-page .logo-actions .button--primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.single-logo-page .logo-actions .button--primary:hover{opacity:.88}.single-logo-page .logo-actions .button--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.single-logo-page .logo-actions .button--secondary:hover{background:var(--hover-bg);border-color:var(--text-primary)}.single-logo-page .logo-options{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px 0;display:flex}.single-logo-page .logo-options .options-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);min-width:54px;font-size:11px;font-weight:700}.single-logo-page .logo-options .format-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.single-logo-page .logo-options .format-options .options-buttons{background:var(--bg-secondary);border-radius:8px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.single-logo-page .logo-options .format-options button,.single-logo-page .logo-options .format-options .format-tab{color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.single-logo-page .logo-options .format-options button:hover,.single-logo-page .logo-options .format-options .format-tab:hover{color:var(--text-primary)}.single-logo-page .logo-options .format-options button.active,.single-logo-page .logo-options .format-options .format-tab.active{background:var(--bg-primary);color:var(--text-primary)}.single-logo-page .url-blocks{flex-direction:column;gap:12px;display:flex}.single-logo-page .url-blocks .url-block .url-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.single-logo-page .url-blocks .url-block .url-header p{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:11px;font-weight:700}.single-logo-page .url-blocks .url-block .url-header .copy-button{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.single-logo-page .url-blocks .url-block .url-header .copy-button:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.single-logo-page .url-blocks .url-block .url-content a{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);word-break:break-all;border-radius:8px;padding:10px 12px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;transition:all .15s;display:block}.single-logo-page .url-blocks .url-block .url-content a:hover{border-color:var(--text-primary);color:var(--text-primary)}.single-logo-page .logo-meta{flex-direction:column;gap:10px;display:flex}.single-logo-page .logo-meta .meta-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:11px;font-weight:700}.single-logo-page .logo-meta .meta-item{gap:10px;font-size:13px;line-height:1.5;display:flex}.single-logo-page .logo-meta .meta-item .meta-label{min-width:110px;color:var(--text-primary);font-weight:500}.single-logo-page .logo-meta .meta-item .meta-value{color:var(--text-secondary);text-transform:capitalize}.single-logo-page .related-logos{margin:56px 0 0}.single-logo-page .related-logos h2{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 20px;font-size:22px;font-weight:700}.single-logo-page .related-logos .logos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}@media (min-width:640px){.single-logo-page .related-logos .logos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1024px){.single-logo-page .related-logos .logos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.single-logo-page .related-logos .logo-card{border:1px solid var(--border-color);background:var(--bg-primary);color:inherit;border-radius:12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}.single-logo-page .related-logos .logo-card:hover{border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.single-logo-page .related-logos .logo-card:hover .logo-img-container img{transform:scale(1.08)}.single-logo-page .related-logos .logo-card:hover .logo-name{color:var(--text-primary)}.single-logo-page .related-logos .logo-card:hover .logo-card-overlay{opacity:1}.single-logo-page .related-logos .logo-card .logo-card-inner{flex-direction:column;height:100%;display:flex}.single-logo-page .related-logos .logo-card .logo-img-container{aspect-ratio:1;background-color:var(--bg-secondary);background-image:linear-gradient(90deg,#00000005 1px,#0000 0),linear-gradient(#00000005 1px,#0000 0);background-size:20px 20px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.single-logo-page .related-logos .logo-card .logo-img-container img{object-fit:contain;max-width:68%;max-height:68%;transition:transform .35s}.single-logo-page .related-logos .logo-card .logo-card-overlay{background:var(--bg-primary);opacity:0;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;padding:5px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 3px #00000014}.single-logo-page .related-logos .logo-card .logo-card-overlay svg{width:14px;height:14px}.single-logo-page .related-logos .logo-card .logo-name{text-align:center;background:var(--bg-primary);color:var(--text-secondary);border-top:1px solid var(--border-color);white-space:nowrap;text-overflow:ellipsis;padding:11px 14px;font-size:13px;font-weight:500;transition:color .2s;overflow:hidden}.single-logo-page .seo-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;margin:56px 0 32px;padding:32px}.single-logo-page .seo-content h2,.single-logo-page .seo-content h3,.single-logo-page .seo-content h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 12px}.single-logo-page .seo-content h2{font-size:22px;font-weight:700}.single-logo-page .seo-content h3{margin-top:28px;font-size:17px;font-weight:600}.single-logo-page .seo-content h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:20px;font-size:14px;font-weight:600}.single-logo-page .seo-content p{color:var(--text-secondary);margin:0 0 14px;font-size:14.5px;line-height:1.7}.single-logo-page .seo-content p strong{color:var(--text-primary);font-weight:600}.single-logo-page .seo-content ul{margin:0 0 14px;padding-left:18px;list-style:outside}.single-logo-page .seo-content ul li{color:var(--text-secondary);margin-bottom:6px;font-size:14.5px;line-height:1.7}.single-logo-page .seo-content .usage-examples{margin-top:12px}.single-logo-page .seo-content .usage-examples .code-example{background:var(--bg-secondary);border:1px solid var(--border-color);white-space:pre;color:var(--text-primary);border-radius:10px;margin:0 0 10px;padding:14px 16px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}@media (max-width:640px){.single-logo-page .seo-content{padding:22px}}.brand-detail-faq{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;margin-bottom:40px;padding:28px 32px}.brand-detail-faq h2{color:var(--text-primary);margin:0 0 20px;font-size:20px;font-weight:600}.brand-detail-faq dt{color:var(--text-primary);margin-top:16px;font-size:14px;font-weight:600}.brand-detail-faq dt:first-child{margin-top:0}.brand-detail-faq dd{color:var(--text-secondary);margin:6px 0 0;font-size:14px;line-height:1.65}@media (max-width:540px){.brand-detail-faq{padding:20px}}.brand-detail-back{text-align:center}.brand-detail-back a{color:var(--text-secondary);font-size:14px;text-decoration:none}.brand-detail-back a:hover{color:var(--text-primary)}.icons-hub-wrap{max-width:1280px;margin:0 auto;padding:48px 24px 80px}.icons-hero{text-align:center;margin-bottom:6px;padding:28px 12px 22px}.icons-hero .icons-hero-eyebrow{color:var(--text-secondary);letter-spacing:.02em;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:999px;margin-bottom:14px;padding:5px 12px;font-size:11.5px;font-weight:500;display:inline-block}.icons-hero h1{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 10px;font-size:40px;font-weight:700;line-height:1.1}.icons-hero p{color:var(--text-secondary);max-width:540px;margin:0 auto 18px;font-size:14.5px;line-height:1.55}@media (max-width:640px){.icons-hero{padding:20px 4px 18px}.icons-hero h1{font-size:28px}.icons-hero p{margin-bottom:14px;font-size:13.5px}}.icons-search-wrap{max-width:640px;margin:0 auto;position:relative}.icons-search-wrap .icons-search-icon{width:18px;height:18px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.icons-search-wrap .icons-search-spinner{border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite icons-spin;position:absolute;top:50%;right:18px;transform:translateY(-50%)}@keyframes icons-spin{to{transform:translateY(-50%)rotate(360deg)}}.icons-search{border:2px solid var(--text-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:16px 20px 16px 48px;font-family:inherit;font-size:15px;transition:box-shadow .15s,transform .15s;box-shadow:0 4px 14px #0000000f}.icons-search::placeholder{color:var(--text-secondary)}.icons-search:focus{box-shadow:0 0 0 4px #00000014,0 6px 18px #00000014}@media (max-width:540px){.icons-search{padding:14px 18px 14px 42px;font-size:14px}}.icons-cat-filters{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:24px;display:flex}.icons-cat-chip{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .15s}.icons-cat-chip:hover{color:var(--text-primary);border-color:var(--text-secondary)}.icons-cat-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.icons-count{color:var(--text-secondary);margin-bottom:18px;font-size:13px}.icons-collections-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}@media (max-width:540px){.icons-collections-grid{grid-template-columns:1fr}}.icon-collection-card{border:1px solid var(--border-color);background:var(--bg-primary);color:inherit;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.icon-collection-card:hover{border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.icon-collection-samples{background:var(--tint,var(--bg-secondary));grid-template-columns:repeat(3,1fr);transition:background .18s;display:grid}.icon-sample{aspect-ratio:1;justify-content:center;align-items:center;padding:16px;display:flex}.icon-sample img{object-fit:contain;opacity:.92;width:28px;height:28px}.icon-collection-no-samples{text-align:center;color:var(--text-secondary);background:var(--bg-secondary);grid-column:1/-1;padding:20px;font-family:monospace;font-size:14px}.icon-collection-info{border-top:1px solid var(--border-color);padding:14px 16px 16px}.icon-collection-name{color:var(--text-primary);margin-bottom:6px;font-size:14.5px;font-weight:600;line-height:1.3}.icon-collection-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.icon-collection-cat{background:var(--bg-secondary);border-radius:6px;padding:2px 8px;font-size:11px}.icons-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:14px}.icon-search-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:32px;display:grid}@media (max-width:540px){.icon-search-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}}.icon-search-result{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;padding:14px 8px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.icon-search-result:hover{border-color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.icon-search-result-thumb{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex}.icon-search-result-thumb img{object-fit:contain;width:32px;height:32px}.icon-search-result-name{color:var(--text-primary);text-align:center;word-break:break-word;width:100%;font-family:monospace;font-size:11px;line-height:1.3}.icon-search-result-prefix{color:var(--text-secondary);margin-top:2px;font-size:10px}.icon-search-result.copied{background:#ecfdf5;border-color:#10b981}.icon-search-summary{color:var(--text-secondary);margin:12px 0 16px;font-size:13px}.icon-search-summary strong{color:var(--text-primary);font-weight:600}.icons-seo-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;margin-top:64px;padding:32px}.icons-seo-content h2,.icons-seo-content h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 12px}.icons-seo-content h2{font-size:22px;font-weight:700}.icons-seo-content h3{margin-top:28px;font-size:17px;font-weight:600}.icons-seo-content p{color:var(--text-secondary);margin:0 0 14px;font-size:14.5px;line-height:1.7}.icons-seo-content p strong{color:var(--text-primary);font-weight:600}.icons-seo-content p a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.icons-seo-content ul{margin:0 0 14px;padding-left:20px;list-style:outside}.icons-seo-content ul li{color:var(--text-secondary);margin-bottom:6px;font-size:14.5px;line-height:1.7}.icons-seo-content ul li strong{color:var(--text-primary);font-weight:600}.icons-seo-content ul li a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.icons-code-example{background:var(--bg-secondary);border:1px solid var(--border-color);white-space:pre;color:var(--text-primary);border-radius:10px;margin:0 0 14px;padding:14px 16px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.collection-page-wrap{color:var(--text-primary)}.collection-page-wrap .container{max-width:1200px;margin:0 auto;padding:0 20px 80px}@media (min-width:768px){.collection-page-wrap .container{padding:0 24px 80px}}.breadcrumbs-icons{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin:28px 0 20px;font-size:13px;display:flex}.breadcrumbs-icons a{color:var(--text-secondary);transition:color .15s}.breadcrumbs-icons a:hover{color:var(--text-primary)}.breadcrumbs-icons span:last-child{color:var(--text-primary);font-weight:500}.collection-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}@media (max-width:640px){.collection-header{flex-direction:column-reverse;align-items:flex-start;padding:22px}}.collection-header-text{flex:1;min-width:0}.collection-header-text h1{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}@media (max-width:640px){.collection-header-text h1{font-size:24px}}.collection-tagline{color:var(--text-secondary);margin:0 0 14px;font-size:14.5px;line-height:1.6}.collection-tagline a{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.collection-stat-pills{flex-wrap:wrap;gap:8px;display:flex}.collection-pill{background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:12px}.collection-pill strong{color:var(--text-primary);margin-right:3px;font-weight:700}.collection-header-sample{background:var(--bg-secondary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:20px;display:flex}.collection-header-sample img{object-fit:contain;max-width:80px;max-height:80px}@media (max-width:640px){.collection-header-sample{align-self:center;width:100px;height:100px}}.collection-controls{align-items:center;gap:16px;margin-bottom:18px;display:flex}@media (max-width:640px){.collection-controls{flex-direction:column;align-items:stretch;gap:8px}}.collection-search{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .15s}.collection-search::placeholder{color:var(--text-secondary)}.collection-search:focus{border-color:var(--text-primary)}.collection-count{color:var(--text-secondary);white-space:nowrap;font-size:13px}.collection-copied{color:var(--text-primary);font-weight:500}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:32px;display:grid}.icon-cell{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;padding:14px 8px 10px;transition:all .15s;display:flex}.icon-cell:hover{border-color:var(--text-primary);box-shadow:0 4px 12px #0000000f}.icon-cell-thumb{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex}.icon-cell-thumb img{object-fit:contain;width:32px;height:32px}.icon-cell-name{color:var(--text-secondary);text-align:center;word-break:break-word;width:100%;font-family:monospace;font-size:11px;line-height:1.3}.collection-empty{text-align:center;color:var(--text-secondary);padding:48px 20px;font-size:14px}.collection-load-more{text-align:center;margin:16px 0 32px}.collection-load-more button{background:var(--text-primary);color:var(--bg-primary);cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.collection-load-more button:hover{opacity:.88}.collection-load-more p{color:var(--text-secondary);margin:10px 0 0;font-size:12.5px}.collection-seo{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;margin-top:56px;padding:32px}.collection-seo h2,.collection-seo h3,.collection-seo h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 12px}.collection-seo h2{font-size:22px;font-weight:700}.collection-seo h3{margin-top:28px;font-size:17px;font-weight:600}.collection-seo h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-top:20px;font-size:13px;font-weight:700}.collection-seo p{color:var(--text-secondary);margin:0 0 14px;font-size:14.5px;line-height:1.7}.collection-seo p strong{color:var(--text-primary);font-weight:600}.collection-seo p a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.collection-seo p code{background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:12.5px}@media (max-width:640px){.collection-seo{padding:22px}}.icon-modal-overlay{z-index:9999;background:#0f0f118c;justify-content:center;align-items:flex-start;padding:32px 16px;animation:.15s ease-out icon-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes icon-modal-fade{0%{opacity:0}to{opacity:1}}.icon-modal{background:var(--bg-primary);border-radius:18px;width:100%;max-width:720px;animation:.18s cubic-bezier(.2,.7,.4,1) icon-modal-pop;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000002e}@keyframes icon-modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.icon-modal-close svg{width:18px;height:18px}.icon-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-modal-top{gap:28px;padding:32px 32px 24px;display:flex}@media (max-width:640px){.icon-modal-top{flex-direction:column;gap:20px;padding:24px 20px 16px}}.icon-modal-preview{border:1px solid var(--border-color);background-color:var(--bg-secondary);background-image:linear-gradient(90deg,#00000006 1px,#0000 0),linear-gradient(#00000006 1px,#0000 0);background-size:20px 20px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;padding:28px;display:flex}.icon-modal-preview img{object-fit:contain;width:100%;height:100%}@media (max-width:640px){.icon-modal-preview{width:100%;height:200px}}.icon-modal-info{flex-direction:column;flex:1;min-width:0;display:flex}.icon-modal-name{letter-spacing:-.02em;color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:26px;font-weight:700}.icon-modal-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:flex}.icon-modal-meta .icon-modal-collection{color:var(--text-primary);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.icon-modal-meta .icon-modal-collection:hover{opacity:.75}.icon-modal-meta code{background:var(--bg-secondary);color:var(--text-primary);border-radius:5px;padding:2px 8px;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:12px}.icon-modal-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.icon-modal-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.icon-modal-btn svg{width:16px;height:16px}.icon-modal-btn:hover:not(:disabled){border-color:var(--text-primary);background:var(--bg-secondary)}.icon-modal-btn:disabled{opacity:.5;cursor:progress}.icon-modal-btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.icon-modal-btn-primary:hover:not(:disabled){opacity:.88;background:var(--text-primary)}.icon-modal-more{color:var(--text-secondary);margin-top:auto;font-size:13.5px;text-decoration:none;transition:color .15s}.icon-modal-more:hover{color:var(--text-primary)}.icon-modal-promo{border-top:1px solid var(--border-color);color:inherit;background:linear-gradient(135deg,#f5f3ff 0%,#ecfeff 50%,#fef3f2 100%);align-items:center;gap:16px;margin:0;padding:18px 24px;text-decoration:none;transition:filter .15s;display:flex}.icon-modal-promo:hover{filter:brightness(.97)}@media (max-width:640px){.icon-modal-promo{text-align:center;flex-direction:column;gap:12px;padding:20px}}.icon-modal-promo-icon{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-modal-promo-icon img{object-fit:contain;width:28px;height:28px}.icon-modal-promo-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.icon-modal-promo-text strong{color:var(--text-primary);font-size:14.5px;font-weight:700}.icon-modal-promo-text span{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.icon-modal-promo-cta{background:var(--text-primary);color:var(--bg-primary);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.icon-modal-promo-cta svg{width:14px;height:14px}@keyframes sdp-banner-rise{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.superdev-install-banner-wrap{z-index:9999;filter:drop-shadow(0 18px 40px #0000002e)drop-shadow(0 0 24px #0b63ff2e);border-radius:14px;width:min(720px,100vw - 32px);animation:.35s ease-out both sdp-banner-rise;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.superdev-install-banner-wrap .superdev-install-banner{color:var(--text-primary);background:radial-gradient(120% 140% at 0 0,#ffffffb3,#0000 60%),linear-gradient(135deg,#fff7ed 0%,#faf5ff 55%,#eff6ff 100%);border:1.5px solid #0b63ff80;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 16px 12px 14px;transition:transform .2s,border-color .2s;display:grid;position:relative;text-decoration:none!important}.superdev-install-banner-wrap .superdev-install-banner:hover{border-color:#0b63ff;transform:translateY(-2px)}.superdev-install-banner-wrap .superdev-install-banner__media{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.superdev-install-banner-wrap .superdev-install-banner__media img{object-fit:contain;width:100%;height:100%}.superdev-install-banner-wrap .superdev-install-banner__copy{min-width:0}.superdev-install-banner-wrap .superdev-install-banner__copy h3{letter-spacing:-.01em;color:var(--text-primary);margin:2px 0;font-size:15px;font-weight:700;line-height:1.25}.superdev-install-banner-wrap .superdev-install-banner__copy p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.4}.superdev-install-banner-wrap .superdev-install-banner__eyebrow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.superdev-install-banner-wrap .superdev-install-banner__badge{text-transform:uppercase;letter-spacing:.06em;background:var(--text-primary);color:var(--bg-primary);border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.superdev-install-banner-wrap .superdev-install-banner__rating{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.superdev-install-banner-wrap .superdev-install-banner__rating svg{color:#f59e0b}.superdev-install-banner-wrap .superdev-install-banner__cta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.superdev-install-banner-wrap .superdev-install-banner__cta .button{white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.superdev-install-banner-wrap .superdev-install-banner__cta .button img{display:block}.superdev-install-banner-wrap .superdev-install-banner__sub{color:var(--text-secondary);letter-spacing:.02em;font-size:10.5px}.superdev-install-banner-wrap .superdev-install-banner__close{background:var(--bg-primary);border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0000001f}.superdev-install-banner-wrap .superdev-install-banner__close:hover{color:var(--text-primary);border-color:var(--text-primary);transform:scale(1.08)}.superdev-install-banner-wrap .superdev-install-banner__close svg{width:14px;height:14px}@media (max-width:640px){.superdev-install-banner-wrap{width:calc(100vw - 24px);bottom:12px}.superdev-install-banner-wrap .superdev-install-banner{grid-template-columns:auto 1fr;grid-template-areas:"media copy""cta cta";gap:10px 12px;padding:12px}.superdev-install-banner-wrap .superdev-install-banner__media{grid-area:media;width:40px;height:40px}.superdev-install-banner-wrap .superdev-install-banner__copy{grid-area:copy}.superdev-install-banner-wrap .superdev-install-banner__copy h3{font-size:14px}.superdev-install-banner-wrap .superdev-install-banner__copy p{display:none}.superdev-install-banner-wrap .superdev-install-banner__cta{flex-direction:row;grid-area:cta;justify-content:space-between;align-items:center;gap:8px}.superdev-install-banner-wrap .superdev-install-banner__cta .button{flex:1;justify-content:center;padding:10px 14px}.superdev-install-banner-wrap .superdev-install-banner__sub{display:none}}