@font-face{font-family:'Arad';src:url(../../../../plugins/icodito-svg-library/assets/frontend/fonts/AradVF.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'Inter';src:url(../../../../plugins/icodito-svg-library/assets/frontend/fonts/Inter-Regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Inter';src:url(../../../../plugins/icodito-svg-library/assets/frontend/fonts/Inter-Light.woff2) format('woff2');font-weight:300;font-display:swap}:root{--bg-body:#f4f6f8;--bg-sidebar:#ffffff;--bg-card:#f8f9fa;--bg-input:#f1f3f5;--bg-hover:#e9ecef;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-color:#e9ecef;--accent-color:#0ea5e9;--accent-hover:#0284c7;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.08);--code-bg:#f1f3f5;--svg-color:#1a1a1a;--accent-glow:rgba(14, 165, 233, 0.12);--font-family:'Arad', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-fa:'Arad', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--header-height:70px;--sidebar-left-width:280px;--sidebar-right-width:360px;--grid-gap:12px;--card-height:110px;--card-min-width:120px;--transition:0.2s ease}.dark-mode{--bg-body:#0b0d11;--bg-sidebar:#111318;--bg-card:#1a1d24;--bg-input:#1a1d24;--bg-hover:#262a33;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#22262e;--accent-color:#06b6d4;--accent-hover:#0891b2;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.6);--code-bg:#16191f;--svg-color:#e5e7eb;--accent-glow:rgba(6, 182, 212, 0.12)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family-fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#icodito-app{display:flex;flex-direction:column;min-height:100vh}.icodito-header{height:var(--header-height);background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgb(0 0 0 / .04)}.icodito-logo-area{display:flex;align-items:center;gap:12px;flex-shrink:0}.icodito-logo img{display:block;height:auto;max-height:40px;width:auto}.icodito-brand-text{font-weight:700;font-size:18px;font-family:var(--font-family-fa);color:var(--text-primary);white-space:nowrap}.icodito-nav{display:flex;gap:8px;align-items:center;flex:1;justify-content:flex-start;padding:0 16px;overflow-x:auto}.icodito-nav a{color:var(--text-secondary);text-decoration:none;font-size:15px;padding:6px 14px;transition:var(--transition);font-family:var(--font-family-fa);white-space:nowrap;border-bottom:1px solid #fff0}.icodito-nav a:hover{color:var(--text-primary);border-bottom:1px solid var(--text-secondary)}.icodito-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.icodito-theme-toggle{background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;padding:3px 4px;display:flex;align-items:center;gap:2px;color:var(--text-secondary)}.icodito-theme-toggle button{background:#fff0;border:none;padding:4px 8px;border-radius:12px;cursor:pointer;color:inherit;font-size:14px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.icodito-theme-toggle button svg{width:20px;height:20px;stroke:var(--text-muted);stroke-width:2;fill:none;pointer-events:none;display:block}.icodito-theme-toggle .active-mode{background:var(--bg-hover);color:#FF9800}.icodito-theme-toggle .active-mode svg{stroke:var(--text-primary)}.icodito-hamburger{display:none;flex-direction:column;gap:5px;background:#fff0;border:none;cursor:pointer;padding:6px;z-index:1001;border-radius:4px}.icodito-hamburger span{display:block;width:28px;height:3px;background-color:var(--text-primary);border-radius:3px;transition:var(--transition)}.icodito-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.icodito-hamburger.active span:nth-child(2){opacity:0}.icodito-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.icodito-app-wrapper{display:flex;flex:1;position:relative}.icodito-sidebar-left{width:var(--sidebar-left-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;padding:20px 16px;overflow-y:auto;position:sticky;top:var(--header-height);align-self:flex-start;max-height:calc(100vh - var(--header-height));scrollbar-width:thin}.icodito-sidebar-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;margin-top:16px;font-family:var(--font-family-fa)}.icodito-sidebar-title:first-of-type{margin-top:0}.icodito-nav-list{list-style:none;display:flex;flex-direction:column;gap:2px}.icodito-nav-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-nav-list li:hover{background-color:var(--bg-hover)}.icodito-nav-list li.active{background-color:var(--bg-hover);color:var(--text-primary)}.icodito-nav-list .count{font-size:12px;color:var(--text-muted);background:var(--bg-input);padding:0 8px;border-radius:4px;min-width:24px;text-align:center}.icodito-filter-group{margin-top:14px;margin-bottom:14px}.icodito-filter-group label{font-size:13px;color:var(--text-secondary);font-weight:500;font-family:var(--font-family-fa);display:block;margin-bottom:6px}.icodito-size-slider{display:flex;align-items:center;gap:12px}.icodito-size-slider input[type="range"]{width:100%;accent-color:var(--accent-color);cursor:pointer;background:#fff0}.icodito-size-slider span{font-size:13px;color:var(--text-secondary);min-width:40px;text-align:center;font-family:var(--font-family-fa)}.icodito-tags-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.icodito-tags-cloud .tag{padding:4px 12px;border-radius:12px;background:var(--bg-input);border:1px solid #fff0;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-tags-cloud .tag:hover{border-color:var(--border-color)}.icodito-tags-cloud .tag.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.icodito-footer-tip{margin-top:auto;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-fa)}.icodito-footer-tip kbd{background:var(--bg-input);padding:2px 8px;border-radius:4px;border:1px solid var(--border-color);font-size:11px;font-family:var(--font-family-fa)}.icodito-footer-tip span svg{color:#FFC107;width:16px;height:16px;vertical-align:middle}.icodito-main-content{flex:1;display:flex;flex-direction:column;padding:20px 24px 24px;background-color:var(--bg-body);min-width:0;min-height:0}.icodito-search-bar,.icodito-content-header{flex-shrink:0}.icodito-intro-section{padding:12px 20px 16px;border-bottom:1px solid var(--border-color);margin-bottom:16px;background:linear-gradient(45deg,#CFD8DC,#ECEFF1);border-radius:7px;box-shadow:0 3px 13px -6px #cfd8dc}.icodito-intro-section h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.5}.icodito-intro-section p{font-size:1rem;line-height:1.8;color:var(--text-secondary)}.icodito-search-bar{flex-shrink:0;margin-bottom:16px;display:flex;justify-content:center}.icodito-search-wrapper{position:relative;width:100%;max-width:480px;box-shadow:-1px 1px 12px -6px #cfd8dc}.icodito-search-wrapper input{width:100%;padding:10px 46px 10px 18px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-input);color:var(--text-primary);font-size:15px;outline:none;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-search-wrapper input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.icodito-search-wrapper input::placeholder{color:var(--text-muted)}.icodito-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--text-muted);stroke-width:2;fill:none;pointer-events:none}.icodito-content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0;margin-bottom:14px}.icodito-content-header h2{font-size:20px;font-weight:600;font-family:var(--font-family-fa);color:var(--text-primary);display:flex;align-items:center;gap:8px}.icodito-content-header h2 span{color:#E91E63;font-weight:500;font-size:14px;background-color:#FCE4EC;padding:5px 10px;border-radius:9px}.icodito-content-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.icodito-content-controls select{background:var(--bg-input);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-size:13px;color:var(--text-primary);outline:none;cursor:pointer;font-family:var(--font-family-fa)}.icodito-content-controls select:focus{border-color:var(--accent-color)}.icodito-view-toggles{display:flex;gap:2px;border:1px solid var(--border-color);border-radius:6px;padding:2px}.icodito-view-toggles button{background:#fff0;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:16px;transition:var(--transition);line-height:1}.icodito-view-toggles button:hover{color:var(--text-primary)}.icodito-view-toggles button.active{background:var(--bg-hover);color:var(--text-primary)}.icodito-icon-grid{flex:1 1 auto;min-height:200px;max-height:calc(100vh - var(--header-height) - 220px);overflow-y:auto;overflow-x:hidden;padding:4px 6px 4px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));gap:var(--grid-gap);align-content:start;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-muted) #fff0}.icodito-icon-grid::-webkit-scrollbar{width:6px}.icodito-icon-grid::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:8px}.icodito-icon-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.icodito-icon-grid::-webkit-scrollbar-track{background:#fff0}.icodito-icon-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all 0.2s ease;height:var(--card-height);min-width:0;overflow:hidden;user-select:none;position:relative}.icodito-icon-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent-color)}.icodito-icon-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.icodito-icon-card svg{width:auto;height:auto;display:block;color:var(--svg-color);flex-shrink:0;transition:width 0.2s ease,height 0.2s ease}.icodito-icon-card span{font-size:12px;color:var(--text-secondary);text-align:center;word-break:break-word;max-width:100%;font-family:var(--font-family-fa);line-height:1.3}.icodito-icon-grid.icodito-list-mode{display:flex;flex-direction:column;gap:4px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card{flex-direction:row;height:auto;padding:8px 16px;justify-content:flex-start;gap:16px;min-height:48px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card svg{width:auto;height:auto}.icodito-icon-grid.icodito-list-mode .icodito-icon-card span{font-size:14px;text-align:left}.icodito-pagination{display:flex;justify-content:center;gap:4px;margin-top:20px;padding-top:14px;border-top:1px solid var(--border-color);flex-shrink:0}.icodito-pagination button{background:#fff0;border:none;padding:6px 14px;border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-pagination button:hover{background:var(--bg-hover);color:var(--text-primary)}.icodito-pagination button.active{background:var(--accent-color);color:#fff}.icodito-sidebar-right{width:var(--sidebar-right-width);background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);padding:24px 20px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;position:sticky;top:var(--header-height);align-self:flex-start;max-height:calc(100vh - var(--header-height));scrollbar-width:thin}.icodito-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.icodito-detail-header h3{font-size:18px;font-weight:600;font-family:var(--font-family-fa);color:var(--text-primary);word-break:break-word}.icodito-detail-preview{background:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.icodito-detail-preview svg{width:60px;height:60px;color:var(--svg-color);max-width:80%;max-height:80%}.icodito-detail-row{margin-bottom:12px}.icodito-detail-label{font-size:12px;color:var(--text-muted);font-weight:500;font-family:var(--font-family-fa);text-transform:uppercase;letter-spacing:.3px}.icodito-detail-value{font-size:14px;color:var(--text-primary);margin-top:2px;font-family:var(--font-family-fa);word-break:break-word}.icodito-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.icodito-detail-tags .tag{background:var(--bg-input);border:1px solid var(--border-color);padding:2px 12px;border-radius:12px;font-size:12px;color:var(--text-secondary);font-family:var(--font-family-fa)}.icodito-detail-code{background:var(--code-bg);border-radius:8px;padding:12px;margin-top:6px;border:1px solid var(--border-color);max-height:130px;overflow-y:auto;font-size:11px}.icodito-detail-code code{font-family:'Courier New',monospace;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;display:block;font-size:13px;line-height:1.5}.icodito-detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.icodito-detail-actions button{width:100%;padding:14px 10px;border-radius:12px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-btn-editor{background:linear-gradient(135deg,var(--accent-color),#8b5cf6);color:#fff!important;border:none!important}.icodito-btn-editor:hover{opacity:.92}.icodito-editor-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45);backdrop-filter:blur(4px);z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px}.icodito-editor-overlay[hidden]{display:none}.icodito-editor{display:flex;width:100%;max-width:960px;height:90vh;max-height:720px;background:var(--bg-sidebar);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);direction:rtl}.icodito-editor-preview-side{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle,var(--border-color) 1px,transparent 1px);background-size:22px 22px;background-color:var(--bg-body);min-width:0}.icodito-editor-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px}.icodito-editor-iconname{background:#fee2e2;color:#dc2626;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px;direction:ltr}.icodito-editor-topbar-actions{display:flex;gap:6px}.icodito-editor-topbar-actions button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-sidebar);cursor:pointer;font-size:15px;color:var(--text-secondary);transition:var(--transition)}.icodito-editor-topbar-actions button:hover{background:var(--bg-hover)}.icodito-editor-topbar-actions button.active{border-color:var(--accent-color);color:var(--accent-color)}.icodito-editor-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.icodito-editor-preview svg{max-width:320px;max-height:320px;width:auto;height:auto}.icodito-editor-preview.dark{background-color:#16181d}.icodito-editor-preview.dark svg{color:#e5e7eb}.icodito-editor-controls{width:380px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-color);overflow-y:auto;scrollbar-width:thin}.icodito-editor-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-sidebar);z-index:2}.icodito-editor-head h3{font-size:17px;font-weight:700;color:var(--text-primary)}.icodito-editor-pro-badge{font-size:11px;background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 10px;border-radius:8px;cursor:pointer;transition:var(--transition)}.icodito-editor-pro-badge.active{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.icodito-editor-close{margin-right:auto;background:#fff0;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary)}.icodito-editor-section{padding:14px 16px;border-bottom:1px solid var(--border-color)}.icodito-editor-section-title{font-size:12px;color:var(--text-muted);margin-bottom:10px;font-weight:600}.icodito-editor-preset-save{width:100%;padding:9px;border:1.5px dashed var(--accent-color);color:var(--accent-color);background:#fff0;border-radius:10px;cursor:pointer;font-size:12px;font-family:inherit;transition:var(--transition)}.icodito-editor-preset-save:hover{background:var(--accent-glow)}.icodito-editor-preset-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.icodito-editor-preset-list:empty{display:none}.icodito-editor-preset-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;padding:4px 10px;font-size:11px;color:var(--text-secondary);cursor:pointer}.icodito-editor-preset-chip:hover{border-color:var(--accent-color)}.icodito-editor-preset-chip .del{color:#dc2626;font-weight:700;cursor:pointer}.icodito-editor-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer;margin-top:10px}.icodito-editor-check-main{background:#dbeafe;color:#1d4ed8;padding:9px 12px;border-radius:10px;font-weight:600;margin-top:0}.dark-mode .icodito-editor-check-main{background:#1e3a8a33;color:#93c5fd}.icodito-editor-currentcolor{background:#dcfce7;color:#15803d;padding:9px 12px;border-radius:10px;font-weight:600;border:1.5px dashed #86efac}.dark-mode .icodito-editor-currentcolor{background:#14532d33;color:#86efac}.icodito-editor-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:10px}.icodito-editor-color-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px;text-align:center}.icodito-editor-color-card span{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:6px}.icodito-editor-color-card input[type="color"]{width:100%;height:30px;border:none;border-radius:6px;cursor:pointer;padding:0;background:#fff0}.icodito-editor-frame-btns{display:flex;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.icodito-editor-frame-btns button{flex:1;padding:8px 4px;border:none;background:#fff0;color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:inherit;transition:var(--transition)}.icodito-editor-frame-btns button.active{background:var(--bg-hover);color:var(--text-primary);font-weight:700}.icodito-editor-slider-row{display:grid;grid-template-columns:70px 1fr 52px;align-items:center;gap:10px;margin-bottom:12px}.icodito-editor-slider-label{font-size:12px;color:var(--text-secondary)}.icodito-editor-slider-value{font-size:11px;color:var(--accent-color);font-weight:700;text-align:left;direction:ltr}.icodito-editor-slider-row input[type="range"]{width:100%;accent-color:var(--accent-color);cursor:pointer}.icodito-editor-flip-btns{display:flex;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-top:4px}.icodito-editor-flip-btns button{flex:1;padding:8px;border:none;background:#fff0;color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:inherit}.icodito-editor-flip-btns button.active{background:var(--bg-hover);color:var(--text-primary);font-weight:700}.icodito-editor:not(.pro) .icodito-editor-advanced{display:none}.icodito-editor-footer{display:flex;gap:8px;padding:14px 16px;margin-top:auto;position:sticky;bottom:0;background:var(--bg-sidebar);border-top:1px solid var(--border-color)}.icodito-editor-footer button{flex:1;padding:12px 8px;border-radius:12px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition)}.icodito-btn-primary{background:var(--accent-color);color:#fff}.icodito-btn-primary:hover{opacity:.9;transform:scale(1.01)}.icodito-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)!important}.icodito-btn-secondary:hover{background:var(--bg-card)}.icodito-detail-close{display:none;background:var(--bg-hover);border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;color:var(--text-secondary);align-items:center;justify-content:center;transition:var(--transition);margin-bottom:12px;margin-right:auto;flex-shrink:0}.icodito-detail-close:hover{background:var(--bg-card)}.icodito-mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100%;background:var(--bg-sidebar);padding:20px;overflow-y:auto;z-index:1000;transition:right 0.3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border-color);box-shadow:-4px 0 30px rgb(0 0 0 / .15)}.icodito-mobile-menu.open{right:0}.icodito-mobile-menu-close{background:#fff0;border:none;font-size:24px;cursor:pointer;color:var(--text-primary);margin-bottom:20px;display:block;margin-right:auto;padding:4px 8px;border-radius:4px}.icodito-mobile-menu-close:hover{background:var(--bg-hover)}.icodito-mobile-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.icodito-mobile-nav a{color:var(--text-secondary);text-decoration:none;font-size:16px;padding:10px 12px;border-radius:6px;transition:var(--transition);font-family:var(--font-family-fa)}.icodito-mobile-nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.icodito-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:999;opacity:0;transition:opacity 0.3s ease}.icodito-overlay.active{display:block;opacity:1}.icodito-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--accent-color);color:#fff;padding:10px 28px;border-radius:30px;font-weight:600;font-size:14px;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;z-index:9999;pointer-events:none;font-family:var(--font-family-fa);box-shadow:0 4px 24px rgb(0 0 0 / .18);white-space:nowrap}.icodito-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.dark-mode .icodito-toast{background:var(--accent-color);color:#0a0e17}.icodito-seo-section{background:var(--bg-sidebar);border-top:1px solid var(--border-color);padding:48px 20px 40px;width:100%}.icodito-seo-container{max-width:1280px;margin:0 auto;padding:0 16px}.icodito-seo-heading{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:36px;text-align:center}.icodito-seo-section p{font-size:1rem;line-height:1.8;color:var(--text-secondary)}.icodito-seo-block{margin:32px 0;padding:28px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:.3s ease}.icodito-seo-block:hover{border-color:#d1d5db;box-shadow:0 10px 30px rgb(0 0 0 / .06)}.icodito-seo-block h3{margin:0 0 18px;padding-bottom:14px;font-size:24px;font-weight:700;line-height:1.4;border-bottom:1px solid #ececec}.icodito-seo-block p{margin:0;font-size:17px;line-height:2.1}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul{margin:20px 0 0;padding:0;list-style:none}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li{position:relative;margin:0 0 14px;padding:0 34px 0 0;font-size:16px;line-height:2;transition:.25s ease}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li:last-child{margin-bottom:0}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li::before{content:"✓";position:absolute;right:0;top:3px;width:22px;height:22px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li:hover{padding-right:40px}.icodito-seo-block .icodito-faq-item{margin-top:16px;padding:18px 20px;border:1px solid #e5e7eb;border-radius:14px;background:#fafafa}.icodito-seo-block .icodito-faq-item:first-of-type{margin-top:0}.icodito-seo-block .icodito-faq-item h4{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.5}.icodito-seo-block .icodito-faq-item p{margin:0;font-size:16px;line-height:2}@media (max-width:768px){.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections){padding:20px;margin:24px 0}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) h3{font-size:20px}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) p,.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) li{font-size:14px}}.icodito-tech-stack ul{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none}.icodito-tech-stack li{display:flex;align-items:center;gap:8px;padding:11px 18px;margin:0;border:1px solid #d8dee8;border-radius:12px;background:#fff;color:#1f2937;font-size:14px;font-weight:600;line-height:1;transition:.25s ease;cursor:default}.icodito-tech-stack li::before{content:"";width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0}.icodito-tech-stack li:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px rgb(37 99 235 / .18)}.icodito-tech-stack li:hover::before{background:#fff}.icodito-icon-collections ul{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none}.icodito-icon-collections li{margin:0;padding:0}.icodito-icon-collections li a{display:flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #d8dee8;border-radius:12px;background:#fff;color:#2563eb;font-size:14px;font-weight:600;text-decoration:none;transition:.25s ease}.icodito-icon-collections li a::before{content:"";width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0}.icodito-icon-collections li a:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px rgb(37 99 235 / .18)}.icodito-icon-collections li a:hover::before{background:#fff}.icodito-collection-count{font-size:.85em;opacity:.7;margin-right:4px}.icodito-icon-collections li a:hover .icodito-collection-count{color:rgb(255 255 255 / .8)}.icodito-faq-item{margin-bottom:14px;padding:14px 18px;background:var(--bg-card);border-radius:8px 0 0 8px;border-right:4px solid var(--accent-color)}.icodito-faq-item h4{font-size:1.05rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.icodito-faq-item p{font-size:.95rem;color:var(--text-secondary);margin:0}.icodito-footer{background:var(--bg-sidebar);border-top:1px solid var(--border-color);padding:40px 20px 28px}.icodito-footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;padding:0 16px}.icodito-footer-col h4{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.icodito-footer-col p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.icodito-footer-col ul{list-style:none;padding:0}.icodito-footer-col ul li{margin-bottom:6px}.icodito-footer-col ul li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition)}.icodito-footer-col ul li a:hover{color:var(--accent-color);text-decoration:underline}.icodito-footer-col small{color:var(--text-muted);font-size:.8rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}body.no-scroll{overflow:hidden!important}@media (max-width:1599px){:root{--sidebar-left-width:240px;--sidebar-right-width:320px;--card-min-width:110px}}@media (max-width:1199px){:root{--sidebar-left-width:220px;--sidebar-right-width:280px;--card-min-width:100px;--card-height:100px}.icodito-main-content{padding:16px 18px 20px}.icodito-sidebar-left{padding:16px 12px}.icodito-sidebar-right{padding:20px 16px}.icodito-intro-section h1{font-size:1.6rem}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 200px)}}@media (max-width:991px){:root{--sidebar-left-width:0;--sidebar-right-width:0;--card-min-width:90px;--card-height:90px;--grid-gap:10px}.icodito-sidebar-left{display:none}.icodito-sidebar-right{display:none}.icodito-hamburger{display:flex}.icodito-nav{display:none}.icodito-main-content{padding:14px 16px 18px}.icodito-intro-section h1{font-size:1.4rem}.icodito-intro-section p{font-size:.95rem}.icodito-content-header{flex-direction:column;align-items:stretch;gap:10px}.icodito-content-controls{justify-content:space-between}.icodito-search-wrapper{max-width:100%}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 180px);min-height:150px}.icodito-sidebar-right.detail-mobile-open{display:flex!important;position:fixed;bottom:0;left:0;right:0;width:100%;height:70vh;max-height:80vh;background:var(--bg-sidebar);border:none;border-radius:24px 24px 0 0;padding:20px 18px 24px;transform:translateY(100%);transition:transform 0.4s cubic-bezier(.4,0,.2,1);z-index:1001;box-shadow:0 -8px 40px rgb(0 0 0 / .25);overflow-y:auto;top:auto;align-self:auto;max-height:none}.icodito-sidebar-right.detail-mobile-open.open{transform:translateY(0)}.icodito-sidebar-right.detail-mobile-open::before{content:'';display:block;width:44px;height:4px;background:var(--text-muted);border-radius:4px;margin:0 auto 14px;opacity:.4;flex-shrink:0}.icodito-detail-close{display:flex!important;position:absolute;top:12px;left:16px;z-index:2}.icodito-overlay{display:block;pointer-events:none}.icodito-overlay.active{pointer-events:auto}.icodito-seo-heading{font-size:1.6rem}.icodito-sidebar-right.detail-mobile-open .icodito-detail-header{margin-top:8px}}@media (max-width:767px){:root{--header-height:60px;--card-min-width:80px;--card-height:80px;--grid-gap:8px}.icodito-header{padding:0 14px;height:auto;min-height:60px;flex-wrap:wrap;gap:6px}.icodito-brand-text{font-size:15px}.icodito-logo-area{gap:8px}.icodito-logo img{max-height:32px}.icodito-main-content{padding:12px 12px 16px}.icodito-intro-section h1{font-size:1.3rem}.icodito-intro-section p{font-size:.9rem;line-height:1.7}.icodito-content-header h2{font-size:17px}.icodito-content-header h2 span{font-size:12px}.icodito-search-wrapper input{font-size:14px;padding:8px 40px 8px 14px;border-radius:10px}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 160px);min-height:120px}.icodito-icon-card{height:var(--card-height);padding:8px 4px}.icodito-icon-card svg{max-width:26px;max-height:26px}.icodito-icon-card span{font-size:10px}.icodito-sidebar-right.detail-mobile-open{height:65vh;padding:16px 14px 20px;border-radius:20px 20px 0 0}.icodito-detail-preview{height:120px}.icodito-detail-preview svg{width:48px;height:48px}.icodito-detail-code{max-height:80px;font-size:10px}.icodito-detail-actions button{padding:12px;font-size:13px;border-radius:10px}.icodito-toast{font-size:13px;padding:8px 20px;bottom:20px;white-space:normal;max-width:90%;text-align:center}.icodito-seo-section{padding:30px 12px 24px}.icodito-seo-heading{font-size:1.3rem;margin-bottom:24px}.icodito-seo-block h3{font-size:1.1rem}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul{flex-direction:column;align-items:flex-start}.icodito-footer-inner{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width:575px){:root{--card-min-width:70px;--card-height:72px;--grid-gap:6px}.icodito-header{padding:0 10px;min-height:52px}.icodito-brand-text{font-size:13px}.icodito-logo img{max-height:28px}.icodito-main-content{padding:8px 8px 12px}.icodito-intro-section{padding:8px 10px 12px;margin-bottom:10px}.icodito-intro-section h1{font-size:1.1rem}.icodito-intro-section p{font-size:.85rem;line-height:1.6;max-width:100%}.icodito-content-header h2{font-size:15px}.icodito-content-header h2 span{font-size:11px}.icodito-content-controls select{font-size:12px;padding:4px 10px}.icodito-view-toggles button{font-size:14px;padding:3px 8px}.icodito-search-wrapper input{font-size:13px;padding:7px 36px 7px 12px;border-radius:8px;height:45px}.icodito-search-icon{width:16px;height:16px;right:11px}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 140px);min-height:100px}.icodito-icon-card{height:var(--card-height);padding:6px 3px;border-radius:6px}.icodito-icon-card svg{max-width:22px;max-height:22px}.icodito-icon-card span{font-size:9px}.icodito-icon-grid{gap:var(--grid-gap);padding-right:4px}.icodito-pagination button{padding:4px 10px;font-size:12px}.icodito-sidebar-right.detail-mobile-open{height:70vh;padding:14px 12px 18px;border-radius:16px 16px 0 0}.icodito-detail-header h3{font-size:15px}.icodito-detail-preview{height:100px}.icodito-detail-preview svg{width:40px;height:40px}.icodito-detail-label{font-size:11px}.icodito-detail-value{font-size:13px}.icodito-detail-code code{font-size:10px}.icodito-detail-actions button{padding:10px;font-size:12px;border-radius:8px}.icodito-footer-inner{grid-template-columns:1fr;gap:20px}.icodito-toast{font-size:12px;padding:6px 16px;max-width:95%}.icodito-mobile-menu{width:280px;padding:16px}}@media (max-width:419px){:root{--card-min-width:60px;--card-height:64px;--grid-gap:5px}.icodito-brand-text{font-size:12px}.icodito-intro-section h1{font-size:1rem}.icodito-intro-section p{font-size:.8rem}.icodito-content-header h2{font-size:14px}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 120px);min-height:80px}.icodito-icon-card{height:var(--card-height);padding:4px 2px}.icodito-icon-card svg{max-width:18px;max-height:18px}.icodito-icon-card span{font-size:8px}.icodito-sidebar-right.detail-mobile-open{height:75vh;padding:12px 10px 16px}.icodito-detail-preview{height:80px}.icodito-detail-preview svg{width:32px;height:32px}}@media (max-width:767px){.icodito-icon-grid.icodito-list-mode .icodito-icon-card{padding:6px 12px;gap:12px;min-height:40px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card svg{max-width:22px;max-height:22px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card span{font-size:12px}.icodito-tech-stack ul{gap:10px}.icodito-tech-stack li{padding:10px 14px;font-size:13px}.icodito-icon-collections ul{gap:10px}.icodito-icon-collections li a{padding:10px 14px;font-size:13px}.icodito-editor{flex-direction:column;height:94vh}.icodito-editor-preview-side{order:-1;flex:0 0 40%}.icodito-editor-controls{width:100%;flex:1;border-left:none}.icodito-editor-preview svg{max-width:180px;max-height:180px}}@media (max-width:575px){.icodito-icon-grid.icodito-list-mode .icodito-icon-card{padding:4px 10px;gap:10px;min-height:34px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card svg{max-width:18px;max-height:18px}.icodito-icon-grid.icodito-list-mode .icodito-icon-card span{font-size:11px}}@media (max-width:419px){:root{--card-min-width:60px;--card-height:64px;--grid-gap:5px}.icodito-brand-text{font-size:12px}.icodito-intro-section h1{font-size:1rem}.icodito-intro-section p{font-size:.8rem}.icodito-content-header h2{font-size:14px}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 120px);min-height:80px}.icodito-icon-card{height:var(--card-height);padding:4px 2px}.icodito-icon-card svg{max-width:18px;max-height:18px}.icodito-icon-card span{font-size:8px}.icodito-sidebar-right.detail-mobile-open{height:75vh;padding:14px 12px 18px;border-radius:16px 16px 0 0;left:0!important;right:0!important;width:100%!important;margin:0!important;box-sizing:border-box}.icodito-detail-preview{height:80px}.icodito-detail-preview svg{width:32px;height:32px}.icodito-detail-close{top:8px;left:10px;width:32px;height:32px;font-size:18px}.icodito-detail-header h3{font-size:14px;margin-right:8px}.icodito-detail-code code{font-size:9px}.icodito-detail-actions button{padding:8px;font-size:11px}.icodito-overlay{left:0!important;right:0!important;width:100%!important;margin:0!important}}@media (max-width:524px){.icodito-sidebar-right.detail-mobile-open{left:0!important;right:0!important;width:100%!important;border-radius:16px 16px 0 0;padding:16px 14px 20px;margin:0!important;box-sizing:border-box}.icodito-detail-close{top:10px;left:12px}.icodito-overlay{left:0!important;right:0!important;width:100%!important}.icodito-header{padding:0 8px;min-height:48px}.icodito-brand-text{font-size:12px}.icodito-logo img{max-height:24px}.icodito-main-content{padding:6px 6px 10px}.icodito-icon-grid{max-height:calc(100vh - var(--header-height) - 100px);min-height:60px;padding-right:2px;gap:4px}.icodito-icon-card{height:56px;padding:4px 2px;border-radius:4px}.icodito-icon-card svg{max-width:16px;max-height:16px}.icodito-icon-card span{font-size:7px}.icodito-search-wrapper input{font-size:12px;padding:6px 32px 6px 10px;border-radius:6px}.icodito-search-icon{width:14px;height:14px;right:10px}.icodito-content-header h2{font-size:13px}.icodito-content-header h2 span{font-size:10px}.icodito-content-controls select{font-size:11px;padding:3px 8px}.icodito-view-toggles button{font-size:12px;padding:2px 6px}.icodito-pagination button{padding:3px 8px;font-size:11px}.icodito-intro-section h1{font-size:.95rem}.icodito-intro-section p{font-size:.75rem;line-height:1.5}.icodito-sidebar-right.detail-mobile-open .icodito-detail-header{margin-top:4px}.icodito-detail-preview{height:70px}.icodito-detail-preview svg{width:28px;height:28px}.icodito-detail-label{font-size:10px}.icodito-detail-value{font-size:12px}.icodito-detail-code{max-height:60px;padding:8px}.icodito-detail-code code{font-size:9px}.icodito-detail-actions button{padding:8px;font-size:11px;border-radius:6px}.icodito-toast{font-size:11px;padding:5px 14px;max-width:90%;bottom:15px}.icodito-mobile-menu{width:260px;padding:14px}.icodito-footer-inner{grid-template-columns:1fr;gap:16px;padding:0 8px}.icodito-seo-section{padding:20px 8px 16px}.icodito-seo-heading{font-size:1rem;margin-bottom:16px}.icodito-seo-block h3{font-size:.95rem}.icodito-seo-block p{font-size:.85rem}.icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li{font-size:.8rem;padding:4px 30px}.icodito-faq-item{padding:10px 12px}.icodito-faq-item h4{font-size:.9rem}.icodito-faq-item p{font-size:.85rem}}.dark-mode .icodito-app-wrapper{background:#1a1a1a}.dark-mode .icodito-intro-section{background:linear-gradient(45deg,#1e1e1e,#263238);box-shadow:0 3px 13px -6px #263238}.dark-mode .icodito-icon-card:hover{border-color:var(--accent-color)}.dark-mode .icodito-detail-preview{background:var(--bg-card)}.dark-mode .icodito-toast{background:var(--accent-color);color:#0a0e17}.dark-mode .icodito-theme-toggle .active-mode{color:#fff}.dark-mode .icodito-sidebar-right.detail-mobile-open{border-top:1px solid var(--border-color);box-shadow:0 -8px 40px rgb(0 0 0 / .6)}.dark-mode .icodito-mobile-menu{border-left-color:var(--border-color)}.dark-mode .icodito-hamburger span{background-color:var(--text-primary)}.dark-mode .icodito-seo-block{background:#1e1e1e;border-color:#333}.dark-mode .icodito-seo-block:hover{border-color:#4b5563}.dark-mode .icodito-seo-block h3{border-bottom-color:#333;color:#d4dae3}.dark-mode .icodito-seo-block .icodito-faq-item{background:#262626;border-color:#3a3a3a}.dark-mode .icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li{color:var(--text-secondary)}.dark-mode .icodito-seo-block:not(.icodito-tech-stack):not(.icodito-icon-collections) ul li::before{background:#607D8B}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}