@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.site-header{position:sticky;top:0;z-index:1000;background:#0b0f19e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0006}.header-inner{max-width:1200px;margin:0 auto;padding:0 1.25rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;font-size:1.2rem;color:var(--text-1);letter-spacing:-.02em;flex-shrink:0}.logo-mark{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f166}.logo-name{color:#f8fafc}.header-search{position:relative;flex:1;max-width:440px}.header-search-input{width:100%;padding:.55rem 3.5rem .55rem 2.4rem;background:#151c2e;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.88rem;color:var(--text-1);outline:none;transition:all .2s ease}.header-search-input:focus{background:#0f172a;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.header-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-shortcut-badge{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:#ffffff14;color:#94a3b8;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;font-family:JetBrains Mono,monospace;pointer-events:none}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#151c2e;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);box-shadow:0 20px 50px #000000b3;max-height:380px;overflow-y:auto;z-index:1100;padding:.5rem}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:var(--r-md);text-decoration:none;color:var(--text-1);transition:background .15s ease}.search-result-item:hover{background:#ffffff0f}.search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--accent-light);color:var(--accent);flex-shrink:0}.search-result-name{font-weight:600;font-size:.88rem;color:#f8fafc}.search-result-cat{font-size:.75rem;color:var(--text-3)}.desktop-nav{display:flex;align-items:center;gap:.5rem}.nav-pill-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--r-md);color:var(--text-2);text-decoration:none;font-weight:600;font-size:.88rem;background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .2s ease}.nav-pill-btn:hover,.nav-pill-btn.active{color:#f8fafc;background:#ffffff0f}.total-badge{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:999px}.hamburger{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:6px}.hamburger span{width:22px;height:2px;background:var(--text-1);border-radius:2px;transition:all .2s ease}.mobile-drawer{display:flex;flex-direction:column;padding:1rem 1.25rem 1.5rem;background:#151c2e;border-bottom:1px solid rgba(255,255,255,.08);gap:.75rem}@media (max-width: 768px){.header-search,.desktop-nav{display:none}.hamburger{display:flex}}.site-footer{background:#0f172a;border-top:1px solid rgba(255,255,255,.08);padding:3.5rem 1.25rem 2rem;color:var(--text-2);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.15rem;color:#f8fafc}.footer-logo-mark{width:32px;height:32px;border-radius:var(--r-md);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.footer-tagline{font-size:.9rem;color:var(--text-2);max-width:440px;line-height:1.6}.social-row{display:flex;gap:.6rem}.social-btn{width:34px;height:34px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .2s ease;text-decoration:none}.social-btn:hover{border-color:var(--accent);color:#fff;background:var(--accent-light)}.footer-col-title{font-size:.9rem;font-weight:700;color:#f8fafc;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.03em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-link{color:var(--text-2);text-decoration:none;font-size:.88rem;transition:color .2s ease}.footer-link:hover{color:#f8fafc}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-3)}.footer-built{display:flex;align-items:center;gap:.35rem}.footer-built a{color:#818cf8;text-decoration:none;font-weight:600}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}.home{display:flex;flex-direction:column;gap:3.5rem}.hero{position:relative;text-align:center;padding:4.5rem 1rem 2.5rem;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;z-index:1}.hero:before{content:"";position:absolute;top:-15%;left:50%;transform:translate(-50%);width:100%;max-width:650px;height:380px;background:radial-gradient(circle,#6366f126,#c084fc14,#0000);filter:blur(80px);z-index:-1;pointer-events:none}.hero-eyebrow{display:inline-flex}.hero-title{font-size:clamp(2.3rem,6vw,3.8rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--text-1)}.hero-accent{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.12rem;color:var(--text-2);max-width:720px;line-height:1.65}.hero-search-wrapper{position:relative;width:100%;max-width:640px;margin-top:.5rem}.hero-search-input{width:100%;padding:1.15rem 4.5rem 1.15rem 3.2rem;background:#151c2eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.12);border-radius:var(--r-xl);font-size:1.05rem;color:var(--text-1);outline:none;box-shadow:0 15px 35px #0006;transition:all .25s cubic-bezier(.16,1,.3,1)}.hero-search-input:focus{border-color:var(--accent);background:#151c2ef2;box-shadow:0 0 0 4px var(--accent-glow),0 15px 40px #6366f159}.hero-search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none}.hero-search-badge{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;font-family:JetBrains Mono,monospace;pointer-events:none}.home-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;background:#151c2e80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:1.75rem;box-shadow:var(--shadow-card);text-align:center;transition:all .3s ease}.home-stats-grid:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f11f}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.stat-num{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#f8fafc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-cap{font-size:.88rem;font-weight:600;color:var(--text-2)}.category-pills-bar{display:flex;align-items:center;gap:.6rem;overflow-x:auto;padding:.5rem .25rem 1rem;scrollbar-width:none;position:sticky;top:64px;z-index:900;background:#0b0f19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-pills-bar::-webkit-scrollbar{display:none}.cat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:999px;background:#151c2e;border:1px solid rgba(255,255,255,.08);font-size:.88rem;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:all .2s ease}.cat-pill:hover{border-color:var(--accent);color:#f8fafc;background:#6366f126}.cat-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #6366f166}.cat-pill-count{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff14}.cat-pill.active .cat-pill-count{background:#ffffff40;color:#fff}.category-section-block{display:flex;flex-direction:column;gap:1.25rem}.category-block-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1.5px solid rgba(255,255,255,.08)}.cat-block-title-wrap{display:flex;align-items:center;gap:.75rem}.cat-block-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-lg);background:var(--accent-light);color:var(--accent)}.cat-block-title{font-size:1.35rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em}.cat-block-desc{font-size:.88rem;color:var(--text-2)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-card{background:#151c2e;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.85rem;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-card);height:100%}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-hover)}.tc-top{display:flex;align-items:center;justify-content:space-between}.tc-icon{width:44px;height:44px;border-radius:var(--r-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.tc-name{font-size:1.05rem;font-weight:700;color:var(--text-1)}.tc-desc{font-size:.86rem;color:var(--text-2);line-height:1.5;flex:1}.tc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06);font-size:.82rem;font-weight:600;color:#818cf8}.principles-section{display:flex;flex-direction:column;gap:1.5rem}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.principle-card{background:#151c2e;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-card)}.principle-icon{width:42px;height:42px;border-radius:var(--r-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.principle-title{font-size:1rem;font-weight:700;color:var(--text-1)}.principle-desc{font-size:.85rem;color:var(--text-2);line-height:1.5}.faq-section-block{background:#151c2e;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:2rem;box-shadow:var(--shadow-card)}.faq-header{margin-bottom:1.5rem;text-align:center}.faq-grid{display:flex;flex-direction:column;gap:.75rem}.faq-item-card{background:#0b0f19;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;transition:all .2s ease}.faq-item-card.open{border-color:var(--accent);background:#151c2e}.faq-question-btn{width:100%;padding:1.1rem 1.35rem;background:transparent;border:none;color:var(--text-1);font-size:.95rem;font-weight:700;font-family:inherit;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer-content{padding:.85rem 1.35rem 1.1rem;border-top:1px solid rgba(255,255,255,.08)}.faq-answer-content p{font-size:.9rem;color:var(--text-2);line-height:1.6;margin:0}@media (max-width: 1024px){.tools-grid,.home-stats-grid,.principles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr}.home-stats-grid{grid-template-columns:repeat(2,1fr)}.principles-grid{grid-template-columns:1fr}.category-pills-bar{top:60px}}.categories-showcase-section{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.categories-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.category-showcase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.category-showcase-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-hover)}.csc-header{display:flex;align-items:center;gap:.85rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.csc-icon-wrap{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-md);background:var(--accent-light);color:var(--accent)}.csc-title-wrap{display:flex;flex-direction:column}.csc-title{font-size:1.1rem;font-weight:700;color:var(--text-1);margin:0}.csc-count{font-size:.75rem;color:var(--text-3)}.csc-body{display:flex;flex-direction:column;gap:.6rem;flex:1}.csc-tool-link{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--r-md);color:var(--text-2);text-decoration:none;font-size:.88rem;font-weight:600;transition:all .2s ease}.csc-tool-link:hover{background:var(--accent-light);border-color:#6366f14d;color:var(--text-1);padding-left:1rem}.csc-tool-arrow{color:var(--text-3);transition:transform .2s ease,color .2s ease}.csc-tool-link:hover .csc-tool-arrow{color:var(--accent);transform:translate(2px)}.csc-footer{padding-top:.5rem}.csc-view-all{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:var(--r-md);color:var(--accent);text-decoration:none;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease}.csc-view-all:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #6366f140}@media (max-width: 1024px){.categories-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.categories-showcase-grid{grid-template-columns:1fr}}.directory-page{max-width:1200px;margin:0 auto;padding:40px 20px 80px}.directory-hero{text-align:center;margin-bottom:48px}.directory-badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:#38bdf8;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:20px}.directory-title{font-size:42px;font-weight:800;color:#f8fafc;line-height:1.2;letter-spacing:-1px;margin-bottom:16px}.title-accent{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.directory-sub{font-size:16px;color:#94a3b8;max-width:600px;margin:0 auto 32px;line-height:1.6}.directory-search-bar{max-width:640px;margin:0 auto 24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:18px;color:#64748b;pointer-events:none}.directory-search-input{width:100%;background:#0f172acc;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:16px 20px 16px 48px;border-radius:14px;font-size:15px;outline:none;transition:all .2s ease;box-shadow:0 10px 25px -5px #0000004d}.directory-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.clear-search-btn{position:absolute;right:14px;background:#ffffff1a;border:none;color:#cbd5e1;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;font-weight:600}.category-tags-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.cat-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.cat-tag:hover{background:#ffffff14;color:#f8fafc}.cat-tag.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.category-group{margin-bottom:56px}.category-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.cat-header-title{display:flex;align-items:center;gap:14px}.cat-group-icon{width:44px;height:44px;border-radius:12px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:#38bdf8;display:flex;align-items:center;justify-content:center}.cat-header-title h2{font-size:22px;font-weight:700;color:#f8fafc;margin:0 0 4px}.cat-header-title p{font-size:13px;color:#94a3b8;margin:0}.cat-count-pill{font-size:12px;font-weight:700;color:#38bdf8;background:#38bdf81a;padding:6px 12px;border-radius:20px;border:1px solid rgba(56,189,248,.2)}.directory-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.directory-tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.directory-tool-card:hover{background:#ffffff0f;border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 16px 32px -8px #0006}.dtc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dtc-icon{width:40px;height:40px;border-radius:10px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#38bdf8;display:flex;align-items:center;justify-content:center}.dtc-badge{font-size:11px;font-weight:700;color:#a78bfa;background:#a78bfa1f;padding:4px 10px;border-radius:20px;border:1px solid rgba(167,139,250,.25);text-transform:uppercase;letter-spacing:.5px}.dtc-name{font-size:17px;font-weight:700;color:#f8fafc;margin:0 0 8px}.dtc-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dtc-footer{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#38bdf8;transition:gap .2s ease}.directory-tool-card:hover .dtc-footer{gap:10px}.no-results-box{text-align:center;padding:60px 20px;background:#ffffff05;border:1px border-dashed rgba(255,255,255,.1);border-radius:20px}.no-results-box h3{font-size:20px;color:#f8fafc;margin:16px 0 8px}.no-results-box p{color:#94a3b8;margin-bottom:20px}.reset-filter-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.tool-layout{max-width:1000px;margin:0 auto}.tool-breadcrumb{display:flex;align-items:center;gap:.35rem;margin-bottom:1.75rem;font-size:.82rem;color:var(--text-3);flex-wrap:wrap}.bc-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-2);text-decoration:none;font-weight:500;transition:color .2s}.bc-link:hover{color:var(--accent)}.bc-cat{cursor:default}.bc-sep{color:var(--text-3)}.bc-current{color:var(--text-1);font-weight:600}.tool-hero{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.tool-hero-icon{width:56px;height:56px;border-radius:var(--r-lg);background:var(--accent-light);border:1.5px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.tool-hero-text{display:flex;flex-direction:column;gap:.35rem}.tool-hero-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;background:var(--accent-light);color:var(--accent);border:1px solid rgba(99,102,241,.3);border-radius:999px;font-size:.75rem;font-weight:700;width:fit-content}.tool-hero-title{font-size:1.75rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em;line-height:1.2;margin:0}.tool-hero-desc{font-size:.95rem;color:var(--text-2);line-height:1.6;max-width:620px;margin:0}.tool-body{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 560px){.tool-hero{flex-direction:column;padding:1.25rem}}.drop-zone{border:2px dashed var(--border);border-radius:var(--r-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .25s,background .25s;background:var(--bg-card)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-glow)}.drop-zone-icon{width:60px;height:60px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--text-2);transition:color .25s}.drop-zone:hover .drop-zone-icon,.drop-zone.dragover .drop-zone-icon{color:var(--accent);border-color:var(--accent)}.drop-zone-title{font-size:1rem;font-weight:600;color:var(--text-1);margin-bottom:.35rem}.drop-zone-sub{font-size:.825rem;color:var(--text-2)}.ic-settings-row{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.ic-quality{flex:1;min-width:180px}.ic-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-3);margin-top:.25rem}.fmt-tabs{display:flex;gap:.5rem}.fmt-tab{padding:.45rem .9rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;transition:all .2s;font-family:inherit}.fmt-tab.active,.fmt-tab:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ic-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ic-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.ic-list{display:flex;flex-direction:column;gap:.75rem}.ic-row{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:.875rem 1rem;transition:border-color .2s}.ic-row:hover{border-color:#2a3456}.ic-thumb{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.ic-row-info{flex:1;min-width:0}.ic-row-name{font-size:.875rem;font-weight:500;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-row-sizes{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.8rem}.ic-size-orig{color:var(--text-3);text-decoration:line-through}.ic-size-new{color:var(--green);font-weight:600}.ic-row-btns{display:flex;gap:.5rem;flex-shrink:0}.spin-icon{animation:spin .7s linear infinite}.qr-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.type-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.type-tab{padding:.4rem .9rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.type-tab.active,.type-tab:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.qr-controls{display:flex;flex-direction:column;gap:1.25rem}.qr-preview-card{display:flex;flex-direction:column}.qr-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem;flex:1;justify-content:center}.qr-canvas-bg{padding:16px;border-radius:var(--r-lg);display:inline-block}.qr-preview-btns{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.qr-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:240px}@media (max-width: 700px){.qr-layout{grid-template-columns:1fr}}.url-form-card form{display:flex;flex-direction:column}.slug-input-wrap{display:flex;align-items:center;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color .2s,box-shadow .2s}.slug-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.slug-input-wrap.error{border-color:var(--red)}.slug-prefix{padding:.7rem .75rem .7rem 1rem;font-size:.875rem;color:var(--text-2);white-space:nowrap;border-right:1px solid var(--border);background:var(--bg-card);font-family:monospace}.slug-input{flex:1;padding:.7rem 1rem;background:transparent;border:none;outline:none;color:var(--text-1);font-size:.95rem;font-family:monospace}.slug-input::placeholder{color:var(--text-3);font-family:Inter,sans-serif}.url-result-card{border-color:var(--green);background:var(--green-bg)}.url-result-header{margin-bottom:.875rem}.url-result-link{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.url-result-short{font-size:1.1rem;font-weight:700;color:var(--text-1);font-family:monospace;word-break:break-all}.url-result-original{font-size:.82rem;color:var(--text-2);word-break:break-all}.url-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.url-table{display:flex;flex-direction:column;gap:.75rem}.url-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .2s}.url-row:hover{border-color:#2a3456}.url-row-main{flex:1;min-width:0}.url-row-short{font-size:.875rem;font-weight:600;color:var(--accent);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-row-original{font-size:.8rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem}.url-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.url-clicks{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-2)}.url-time{font-size:.75rem;color:var(--text-3)}.pg-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pg-right{display:flex;flex-direction:column;gap:1.5rem}.pg-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-3);margin-top:.25rem}.pg-options{display:flex;flex-direction:column;gap:.5rem}.pg-opt{display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer;transition:border-color .2s,background .2s}.pg-opt:hover{border-color:var(--accent)}.pg-opt.checked{border-color:var(--accent);background:var(--accent-glow)}.pg-opt input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.pg-opt-label{flex:1;font-size:.875rem;font-weight:500;color:var(--text-1)}.pg-opt-sample{font-family:monospace;font-size:.78rem;color:var(--text-3)}.pg-result{min-height:160px;display:flex;flex-direction:column;justify-content:center}.pg-pwd-display{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:1rem}.pg-pwd-text{flex:1;font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--text-1);word-break:break-all;line-height:1.6}.pg-strength-wrap{display:flex;align-items:center;gap:.75rem}.pg-strength-bars{display:flex;gap:.35rem;flex:1}.pg-bar{height:5px;flex:1;border-radius:999px;transition:background .3s}.pg-strength-label{font-size:.82rem;font-weight:600;min-width:48px}.pg-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.pg-history{display:flex;flex-direction:column;gap:.5rem}.pg-hist-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--r-sm);background:var(--bg-input);border:1px solid var(--border)}.pg-hist-pwd{flex:1;font-family:monospace;font-size:.8rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 700px){.pg-layout{grid-template-columns:1fr}}.ac-layout,.ac-results{display:flex;flex-direction:column;gap:1.5rem}.ac-big-result{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.ac-big-unit{display:flex;flex-direction:column;align-items:center}.ac-big-num{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--accent);line-height:1}.ac-big-label{font-size:.8rem;color:var(--text-2);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em}.ac-sep{font-size:2rem;color:var(--text-3);align-self:flex-start;padding-top:.5rem}.ac-stat-card{padding:1.25rem 1rem;text-align:center}.ac-stat-num{display:block;font-size:1.4rem;font-weight:700;color:var(--text-1);margin-bottom:.3rem}.ac-stat-label{font-size:.78rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.bmi-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.unit-toggle{display:flex;gap:.5rem}.toggle-btn{flex:1;padding:.55rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.toggle-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.toggle-btn:hover:not(.active){border-color:#2a3456;color:var(--text-1)}.imperial-height{display:flex;gap:.75rem}.bmi-result{display:flex;flex-direction:column;gap:1.5rem}.bmi-score-card{text-align:center}.bmi-score{font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1;margin-bottom:.25rem}.bmi-cat-label{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.bmi-cat-range{font-size:.875rem;color:var(--text-2);margin-bottom:1.5rem}.bmi-gauge{margin-top:.5rem}.bmi-gauge-track{position:relative;height:10px;border-radius:999px;display:flex;overflow:visible;margin-bottom:.5rem}.bmi-gauge-seg{flex:1}.bmi-gauge-seg:first-child{border-radius:999px 0 0 999px}.bmi-gauge-seg:last-child{border-radius:0 999px 999px 0}.bmi-needle{position:absolute;top:-4px;width:3px;height:18px;background:#fff;border-radius:2px;transform:translate(-50%);box-shadow:0 0 6px #0009;transition:left .5s cubic-bezier(.34,1.56,.64,1)}.bmi-gauge-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-3)}.bmi-cat-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:var(--r-md);margin-bottom:.35rem;border:1px solid transparent;transition:all .2s}.bmi-cat-row.current{background:var(--bg-input);border-color:var(--border)}.bmi-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bmi-cat-name{flex:1;font-size:.875rem;font-weight:600}.bmi-cat-r{font-size:.8rem;color:var(--text-2)}@media (max-width: 700px){.bmi-layout{grid-template-columns:1fr}}.pc-wrap{display:flex;flex-direction:column;gap:1.5rem}.pc-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.pc-tab{padding:.5rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.pc-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.pc-tab:hover:not(.active){border-color:#2a3456;color:var(--text-1)}.pc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pc-result-card{display:flex;align-items:center;justify-content:center;min-height:200px}.pc-result-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:100%}.pc-formula{font-size:.875rem;margin-bottom:-.25rem}.pc-big-value{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;color:var(--accent);display:flex;align-items:center;gap:.4rem}.pc-big-value.green{color:var(--green)}.pc-big-value.red{color:var(--red)}.pc-result-error{display:flex;align-items:center;gap:.75rem;color:var(--red);font-size:.9rem;font-weight:500}.pc-result-placeholder{display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){.pc-layout{grid-template-columns:1fr}}.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.calc-result-card{display:flex;align-items:stretch;min-height:280px}.calc-result-inner{width:100%;display:flex;flex-direction:column;gap:.5rem}.calc-result-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem .875rem;border-radius:var(--r-md);gap:1rem}.calc-result-row.highlight{background:var(--accent-glow);border:1px solid var(--border-focus)}.calc-result-label{font-size:.875rem;color:var(--text-2)}.calc-result-value{font-size:1.05rem;font-weight:700;color:var(--text-1);text-align:right}.calc-result-value.accent{color:var(--accent);font-size:1.35rem}.calc-result-value.green{color:var(--green)}.calc-result-value.red{color:var(--red)}.calc-result-value.strikethrough{text-decoration:line-through;color:var(--text-3)}.calc-divider{height:1px;background:var(--border);margin:.35rem 0}.calc-big-single{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:.4rem}.calc-big-num{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--accent);line-height:1}.calc-big-unit{font-size:.9rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.calc-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;width:100%}.calc-error{color:var(--red);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.5rem}.mode-pills{display:flex;gap:.5rem;flex-wrap:wrap}.mode-pill{padding:.4rem .85rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.mode-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.mode-pill:hover:not(.active){border-color:#2a3456;color:var(--text-1)}.tip-presets{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.tip-preset-btn{padding:.4rem .75rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:700;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.tip-preset-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tip-preset-btn:hover:not(.active){border-color:#2a3456;color:var(--text-1)}.people-stepper{display:flex;align-items:center;gap:0;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;width:fit-content}.stepper-btn{width:44px;height:44px;background:transparent;border:none;color:var(--text-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;font-family:inherit}.stepper-btn:hover{background:var(--bg-card)}.stepper-val{padding:0 1.25rem;font-size:1.1rem;font-weight:700;color:var(--text-1);min-width:48px;text-align:center}.loan-bar-wrap{margin-top:.75rem}.loan-bar{height:10px;border-radius:999px;display:flex;overflow:hidden;margin-bottom:.5rem}.loan-bar-principal{background:var(--green);transition:width .5s ease}.loan-bar-interest{background:var(--red);transition:width .5s ease}.loan-bar-legend{display:flex;gap:1.25rem;font-size:.78rem;color:var(--text-2)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}.green-dot{background:var(--green)}.red-dot{background:var(--red)}@media (max-width: 640px){.calc-layout{grid-template-columns:1fr}}.uc-cat-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.uc-cat-tab{padding:.45rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .2s}.uc-cat-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.uc-cat-tab:hover:not(.active){border-color:#2a3456;color:var(--text-1)}.uc-row{display:flex;align-items:flex-end;gap:1rem}.uc-group{flex:1}.uc-swap-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--bg-input);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:all .2s;margin-bottom:2px}.uc-swap-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:rotate(180deg)}.uc-result-box{display:flex;align-items:baseline;gap:.5rem;padding:.7rem 1rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);margin-top:.5rem;min-height:44px}.uc-result-val{font-size:1.25rem;font-weight:700;color:var(--accent);word-break:break-all}.uc-result-unit{font-size:.875rem;color:var(--text-2)}.uc-formula{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);text-align:center}@media (max-width: 560px){.uc-row{flex-direction:column}.uc-swap-btn{transform:rotate(90deg)}.uc-swap-btn:hover{transform:rotate(270deg)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #0b0f19;--bg-surface: #0f172a;--bg-card: #151c2e;--bg-card-hover: #1e293b;--bg-input: #0b0f19;--bg-subtle: #1e293b;--border: rgba(255, 255, 255, .09);--border-hover: rgba(99, 102, 241, .4);--border-focus: #6366f1;--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .25);--accent-light: rgba(99, 102, 241, .12);--text-1: #f8fafc;--text-2: #94a3b8;--text-3: #64748b;--green: #22c55e;--green-bg: rgba(34, 197, 94, .15);--yellow: #f59e0b;--yellow-bg: rgba(245, 158, 11, .15);--red: #ef4444;--red-bg: rgba(239, 68, 68, .15);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .35);--shadow-hover: 0 10px 30px rgba(0, 0, 0, .5), 0 0 20px rgba(99, 102, 241, .2);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .6)}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;background:var(--bg-base);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}code,pre,.font-mono{font-family:JetBrains Mono,monospace}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-base)}.page-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.25;color:var(--text-1)}h2{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;color:var(--text-1)}h3{font-size:1.15rem;font-weight:600;color:var(--text-1)}h4{font-size:.95rem;font-weight:600;color:var(--text-1)}p{color:var(--text-2)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem;box-shadow:var(--shadow-card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--r-md);font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--bg-card);color:var(--text-1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid transparent}.btn-ghost:not(:disabled):hover{background:var(--bg-subtle);color:var(--text-1)}.btn-success{background:var(--green);color:#fff}.btn-success:not(:disabled):hover{background:#16a34a;transform:translateY(-1px)}.btn-lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:var(--r-lg)}.btn-sm{padding:.4rem .85rem;font-size:.8rem;border-radius:var(--r-sm)}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.82rem;font-weight:700;color:var(--text-1);letter-spacing:.02em}.form-input,.form-textarea,.form-select{width:100%;padding:.7rem 1rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;box-shadow:inset 0 2px 4px #0000004d}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:6px}input[type=color]{width:100%;height:44px;padding:2px 4px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-indigo{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-green{background:var(--green-bg);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-yellow{background:var(--yellow-bg);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-red{background:var(--red-bg);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-slate{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.divider{height:1px;background:var(--border);margin:1.5rem 0}.flex{display:flex}.grid{display:grid}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-2)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeup{animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#475569}.cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 990px){.cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.page-body{padding:1.25rem 1rem 3rem}}