:root{--bg:#fff;--bg-subtle:#f5f6f8;--bg-hover:#eef1f6;--border:#e3e5e9;--border-strong:#cbd0d8;--text-primary:#1a1d23;--text-secondary:#565c66;--text-muted:#8b91a0;--accent:#2f5fd6;--accent-hover:#24499f;--accent-subtle:#eaf0fd;--success:#1a8754;--warning:#b3691a;--danger:#c93838;--font-sans:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #00000014;--shadow-md:0 4px 6px #0000000d, 0 2px 12px #00000014;--shadow-lg:0 10px 24px #0000001a, 0 2px 8px #0000000f;--header-height:60px;--sidebar-width:240px;--ad-rail-width:160px;--content-max:1280px;--content-padding:var(--space-6);--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.9375rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}.text-xs{font-size:.75rem}.text-sm{font-size:.8125rem}.text-base{font-size:.9375rem}.text-lg{font-size:1.0625rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.container{max-width:var(--content-max);padding-inline:var(--content-padding);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-4);background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius);z-index:9999;transition:top var(--transition);font-size:.875rem;font-weight:600;position:absolute}.skip-link:focus{top:var(--space-3)}.site-header{z-index:200;height:var(--header-height);background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0}.site-header .container{align-items:center;gap:var(--space-6);height:100%;display:flex}.site-logo{align-items:center;gap:var(--space-2);color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.site-logo:hover{color:var(--text-primary);text-decoration:none}.site-logo__mark{background:var(--accent);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.site-logo__text span{color:var(--accent)}.header-search{flex:1;max-width:440px}.header-search__form{align-items:center;display:flex;position:relative}.header-search__icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute}.header-search__input{width:100%;height:36px;padding:0 var(--space-3) 0 2.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-primary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;font-size:.875rem}.header-search__input::placeholder{color:var(--text-muted)}.header-search__input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px #2f5fd61f}.site-nav{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.site-nav__item{position:relative}.site-nav__link{align-items:center;gap:var(--space-1);height:var(--header-height);padding:0 var(--space-3);color:var(--text-secondary);transition:color var(--transition), border-color var(--transition);white-space:nowrap;border-bottom:2px solid #0000;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}.site-nav__link .chevron{transition:transform var(--transition)}.site-nav__item:hover .chevron,.site-nav__item:focus-within .chevron{transform:rotate(180deg)}.site-nav__dropdown{top:calc(var(--header-height) - 1px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:300;display:none;position:absolute;left:0}.site-nav__item:hover .site-nav__dropdown,.site-nav__item:focus-within .site-nav__dropdown{display:block}.site-nav__dropdown a{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition), color var(--transition);font-size:.875rem;text-decoration:none;display:flex}.site-nav__dropdown a:hover{background:var(--bg-hover);color:var(--accent);text-decoration:none}.site-nav__dropdown a .icon{color:var(--text-muted);flex-shrink:0}.site-nav__dropdown a:hover .icon{color:var(--accent)}.hamburger{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;justify-content:center;align-items:center;margin-left:auto;display:none}.hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-overlay{z-index:400;opacity:0;background:#00000059;transition:opacity .25s;display:none;position:fixed;inset:0}.drawer-overlay.is-open{opacity:1;display:block}.mobile-drawer{background:var(--bg);border-left:1px solid var(--border);width:min(320px,90vw);box-shadow:var(--shadow-lg);z-index:500;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mobile-drawer__close{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-drawer__close:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-drawer__nav{padding:var(--space-4);flex:1}.mobile-drawer__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-size:.75rem;font-weight:600}.mobile-drawer__link{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);color:var(--text-secondary);transition:background var(--transition), color var(--transition);font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.mobile-drawer__link:hover{background:var(--bg-hover);color:var(--accent);text-decoration:none}.mobile-drawer__search{padding:var(--space-4);border-bottom:1px solid var(--border)}.mobile-drawer__search .header-search__input{width:100%;max-width:100%}.site-footer{background:var(--bg-subtle);border-top:1px solid var(--border);margin-top:var(--space-16)}.site-footer__grid{gap:var(--space-8);padding:var(--space-12) 0 var(--space-8);grid-template-columns:2fr repeat(4,1fr);display:grid}.site-footer__brand p{margin-top:var(--space-3);color:var(--text-muted);max-width:240px;font-size:.875rem;line-height:1.6}.site-footer__col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-4);font-size:.75rem;font-weight:700}.site-footer__col ul{gap:var(--space-2);flex-direction:column;display:flex}.site-footer__col a{color:var(--text-secondary);transition:color var(--transition);font-size:.875rem;text-decoration:none}.site-footer__col a:hover{color:var(--accent);text-decoration:none}.site-footer__bottom{border-top:1px solid var(--border);padding:var(--space-5) 0;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-footer__bottom p{color:var(--text-muted);font-size:.8125rem}.site-footer__legal{align-items:center;gap:var(--space-5);display:flex}.site-footer__legal a{color:var(--text-muted);transition:color var(--transition);font-size:.8125rem;text-decoration:none}.site-footer__legal a:hover{color:var(--accent)}.inner-layout{grid-template-columns:var(--sidebar-width) 1fr var(--ad-rail-width);gap:var(--space-8);padding-block:var(--space-8);min-height:calc(100vh - var(--header-height));grid-template-areas:"sidebar main ad-rail";align-items:start;display:grid}.inner-layout__sidebar{top:calc(var(--header-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--space-8));grid-area:sidebar;position:sticky;overflow-y:auto}.inner-layout__main{grid-area:main;min-width:0}.inner-layout__ad-rail{top:calc(var(--header-height) + var(--space-4));gap:var(--space-4);flex-direction:column;grid-area:ad-rail;display:flex;position:sticky}.sidebar{font-size:.875rem}.sidebar__group{border-bottom:1px solid var(--border)}.sidebar__group:last-child{border-bottom:none}.sidebar__group summary{padding:var(--space-3) var(--space-3);color:var(--text-secondary);cursor:pointer;user-select:none;transition:color var(--transition), background var(--transition);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.sidebar__group summary::-webkit-details-marker{display:none}.sidebar__group summary:hover{color:var(--accent);background:var(--bg-hover)}.sidebar__group[open] summary{color:var(--accent)}.sidebar__group summary .icon{color:var(--text-muted);flex-shrink:0}.sidebar__group[open] summary .icon{color:var(--accent)}.sidebar__group summary .chevron{transition:transform var(--transition);color:var(--text-muted)}.sidebar__group[open] summary .chevron{transform:rotate(180deg)}.sidebar__group-label{align-items:center;gap:var(--space-2);flex:1;display:flex}.sidebar__tools{padding:var(--space-1) 0 var(--space-2) var(--space-8)}.sidebar__tool-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition), color var(--transition);font-size:.8125rem;text-decoration:none;display:block}.sidebar__tool-link:hover{background:var(--bg-hover);color:var(--accent);text-decoration:none}.sidebar__tool-link.is-active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar__empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:.8125rem;font-style:italic}.sidebar__cat-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);margin-bottom:var(--space-1);font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.sidebar__cat-link:hover{color:var(--accent);background:var(--accent-subtle);text-decoration:none}.sidebar__cat-link.is-active{color:var(--accent);background:var(--accent-subtle)}.ad-slot{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;line-height:1.4;display:flex}.ad-slot--300x250{width:300px;height:250px}.ad-slot--160x600{width:160px;height:600px}.ad-slot--728x90{width:100%;max-width:728px;height:90px}.ad-slot__label{align-items:center;gap:var(--space-1);color:var(--text-muted);flex-direction:column;display:flex}.ad-slot__label strong{text-transform:uppercase;letter-spacing:.08em;color:var(--border-strong);font-size:.6875rem}.breadcrumbs{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-bottom:var(--space-5);flex-wrap:wrap;font-size:.8125rem;display:flex}.breadcrumbs__item{align-items:center;gap:var(--space-2);display:flex}.breadcrumbs__item a{color:var(--text-muted);transition:color var(--transition);text-decoration:none}.breadcrumbs__item a:hover{color:var(--accent)}.breadcrumbs__sep{color:var(--border-strong)}.breadcrumbs__current{color:var(--text-secondary);font-weight:500}.hero{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:var(--space-16) 0 var(--space-12);text-align:center}.hero__eyebrow{color:var(--accent);background:var(--accent-subtle);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-5);letter-spacing:.02em;border-radius:100px;font-size:.8125rem;font-weight:600;display:inline-block}.hero__title{color:var(--text-primary);max-width:640px;margin-inline:auto;margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.25}.hero__subtitle{color:var(--text-secondary);max-width:520px;margin-inline:auto;margin-bottom:var(--space-8);font-size:1.0625rem}.hero__search{max-width:560px;margin-inline:auto}.hero__search-form{align-items:center;display:flex;position:relative}.hero__search-icon{left:var(--space-4);color:var(--text-muted);pointer-events:none;position:absolute}.hero__search-input{width:100%;height:52px;padding:0 var(--space-5) 0 3rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-primary);box-shadow:var(--shadow-md);transition:border-color var(--transition), box-shadow var(--transition);outline:none;font-size:1rem}.hero__search-input::placeholder{color:var(--text-muted)}.hero__search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f5fd626, var(--shadow-md)}.hero__search-btn{right:var(--space-2);height:38px;padding:0 var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);border:none;font-size:.875rem;font-weight:600;position:absolute}.hero__search-btn:hover{background:var(--accent-hover)}.section-header{margin-bottom:var(--space-8)}.section-header h2{color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.375rem;font-weight:700}.section-header p{color:var(--text-secondary);font-size:.9375rem}.category-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.category-card{gap:var(--space-3);padding:var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transform:translateY(-2px)}.category-card__icon{border-radius:var(--radius);background:var(--accent-subtle);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;display:flex}.category-card__name{color:var(--text-primary);font-size:1rem;font-weight:700}.category-card__desc{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.5}.category-card__meta{align-items:center;gap:var(--space-2);color:var(--accent);font-size:.8125rem;font-weight:500;display:flex}.tools-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.tool-card{gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}.tool-card__name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.tool-card__desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.empty-state{padding:var(--space-12) var(--space-8);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}.home-section{padding-block:var(--space-12)}.home-section+.home-section{border-top:1px solid var(--border)}.page-title{margin-bottom:var(--space-2);font-size:1.625rem;font-weight:700}.page-description{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:640px;font-size:.9375rem}.tool-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.tool-header h1{margin-bottom:var(--space-2);font-size:1.625rem;font-weight:700}.tool-header p{color:var(--text-secondary);font-size:.9375rem}.tool-workspace{min-height:300px;padding:var(--space-8);background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);margin-bottom:var(--space-10);justify-content:center;align-items:center;display:flex}.tool-workspace__label{font-size:.875rem;font-weight:500}.tool-workspace__note{margin-top:var(--space-2);font-size:.8125rem}.article-content{max-width:680px}.article-content h2{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:1.25rem;font-weight:700}.article-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:1.0625rem;font-weight:600}.article-content p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}.article-content ul,.article-content ol{padding-left:var(--space-5);color:var(--text-secondary);margin-bottom:var(--space-4);list-style:outside}.article-content li{margin-bottom:var(--space-2);line-height:1.6}.simple-page{max-width:720px;padding-block:var(--space-12);margin-inline:auto}.simple-page h1{margin-bottom:var(--space-4);font-size:1.875rem;font-weight:700}.simple-page .lead{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1.0625rem;line-height:1.7}.simple-page h2{margin-top:var(--space-8);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.simple-page p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}.simple-page ul{padding-left:var(--space-5);color:var(--text-secondary);margin-bottom:var(--space-4);list-style:outside}.simple-page li{margin-bottom:var(--space-2);line-height:1.6}.contact-form{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;font-size:.9375rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f5fd61f}.form-group textarea{resize:vertical;min-height:120px}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-6);border-radius:var(--radius);cursor:pointer;transition:background var(--transition), color var(--transition), box-shadow var(--transition);border:none;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);color:#fff;text-decoration:none}.btn--outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn--outline:hover{background:var(--accent-subtle);text-decoration:none}@media (width<=1023px){.site-nav,.header-search{display:none}.hamburger{display:flex}.inner-layout{gap:var(--space-4);grid-template-columns:1fr;grid-template-areas:"main"}.inner-layout__sidebar,.inner-layout__ad-rail{display:none}.site-footer__grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}@media (width<=640px){:root{--content-padding:var(--space-4)}.hero{padding:var(--space-10) 0 var(--space-8)}.category-grid,.site-footer__grid{grid-template-columns:1fr}.site-footer__bottom{align-items:flex-start;gap:var(--space-3);flex-direction:column}}