:root{--c-bg:#ffffff;--c-bg-soft:#f6f7f9;--c-surface:#ffffff;--c-surface-2:#ffffff;--c-border:#e5e7eb;--c-text:#111827;--c-text-soft:#6b7280;--c-primary:#2563eb;--c-primary-hover:#1d4ed8;--font-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;--fs-base:16px;--fs-sm:14px;--fs-lg:18px;--fs-xl:22px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--container:1200px;--radius:10px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--c-surface-3:color-mix(in oklab,var(--c-bg-soft) 80%,var(--c-primary) 6%)}[data-theme="dark"]{--c-bg:#0b1220;--c-bg-soft:#0f1a2e;--c-surface:#0e1930;--c-surface-2:#111f3a;--c-border:rgba(255,255,255,0.10);--c-text:#e5e7eb;--c-text-soft:rgba(229,231,235,0.72);--c-primary:#60a5fa;--c-primary-hover:#3b82f6}*{box-sizing:border-box}html{height:100%}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-base);font-size:var(--fs-base)}body{min-height:100vh;display:flex;flex-direction:column;min-width:320px}main{flex:1 0 auto}.container{max-width:var(--container);padding:0 var(--s-4);margin:0 auto}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.btn{display:inline-block;padding:10px 16px;border-radius:var(--radius);background:var(--c-primary);color:#fff;font-weight:var(--fw-semibold);border:none;cursor:pointer}.btn:hover{background:var(--c-primary-hover)}input,textarea,select{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--c-border);font-size:var(--fs-base)}input[type="checkbox"]{width:inherit}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);background:color-mix(in oklab,var(--c-bg) 88%,transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-4);padding-bottom:var(--s-4);gap:var(--s-3)}.logo{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text)}.logo a{color:var(--c-text)}.logo a:hover{text-decoration:none}.logo .logo-link{display:inline-flex;align-items:baseline;gap:2px;text-decoration:none}.logo .logo-main{font-weight:var(--fw-bold);letter-spacing:.2px;color:var(--c-text)}.logo .logo-sub{font-size:var(--fs-base);font-weight:var(--fw-medium);letter-spacing:.04em;color:var(--c-primary)}.logo .logo-sub:first-letter{text-transform:uppercase}[data-theme="dark"] .logo .logo-sub{color:var(--c-text-soft)}.main-nav{display:flex;gap:var(--s-4);margin-left:var(--s-4)}.main-nav:before{content:"";display:inline-block;width:1px;height:20px;background:var(--c-border);margin:0 10px;align-self:center}.main-nav a{color:var(--c-text-soft);font-weight:var(--fw-medium);padding:8px 10px;border-radius:10px}.main-nav a:hover{color:var(--c-primary);background:var(--c-bg-soft);text-decoration:none}.site-footer{border-top:1px solid var(--c-border);margin-top:var(--s-6);padding:var(--s-5) 0;background:var(--c-bg-soft);flex-shrink:0}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:space-between;font-size:var(--fs-sm);color:var(--c-text-soft)}.footer-links{display:flex;gap:var(--s-4)}.tool-layout{display:grid;grid-template-columns:1fr;gap:var(--s-5);margin-top:var(--s-5)}@media (min-width:768px){.tool-layout{grid-template-columns:1fr 1fr}}.tool-box{border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--s-4);background:var(--c-bg)}.tool-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--s-3)}h1,h2,h3{line-height:1.15;letter-spacing:-0.02em;margin:0 0 var(--s-3)}h2:not(:first-of-type){padding-top:var(--s-3)}h1{font-size:clamp(22px,3.2vw,28px)}h2{font-size:clamp(20px,2.6vw,22px)}.home-layout-wrap h1{font-size:clamp(25px,3.2vw,38px)}.home-layout-wrap h2{font-size:clamp(20px,2.6vw,28px)}@media (min-width:640px){.home-layout-wrap .saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}}p{margin:0 0 var(--s-4);color:var(--c-text)}.muted{color:var(--c-text-soft)}.small{font-size:var(--fs-sm)}.section{padding:var(--s-6) 0}.section-soft{background:var(--c-bg-soft);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.section li{margin:0 0 var(--s-2)}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--s-4)}.grid.grid-2{display:grid;gap:1rem;grid-template-columns:repeat( auto-fit,minmax(clamp(254px,45vw,480px),1fr) )}@media (min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.col-full{grid-column:1/-1}.card{border:1px solid var(--c-border);border-radius:16px;background:var(--c-bg);padding:var(--s-4);box-shadow:0 1px 0 rgba(17,24,39,0.02);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(17,24,39,0.06);border-color:#d6dae1}.card a{color:inherit;text-decoration:none}.card a:hover{text-decoration:none}.card-title{font-weight:var(--fw-bold);font-size:16px;margin-bottom:var(--s-2)}.card-meta{display:flex;gap:var(--s-2);align-items:center;color:var(--c-text-soft);font-size:var(--fs-sm)}.card--clickable{padding:0}.card--clickable .card-hit{display:block;padding:var(--s-4);height:100%;color:inherit}.card--clickable .card-hit:focus-visible{outline:3px solid color-mix(in oklab,var(--c-primary) 40%,transparent);outline-offset:2px;border-radius:16px}.card--clickable .card-title{margin-top:0}.header-search{flex:1;max-width:520px}.header-search-form{position:relative;width:100%;display:block;align-items:center}.header-search .header-search-input{border-radius:999px;height:44px;padding:12px 54px 12px 14px;width:100%;display:block;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:0 1px 0 rgba(0,0,0,.04)}.header-search .header-search-input::placeholder{color:var(--c-text-soft)}.header-search .header-search-input:focus{outline:none;border-color:color-mix(in oklab,var(--c-primary) 65%,var(--c-border));box-shadow:0 0 0 4px color-mix(in oklab,var(--c-primary) 18%,transparent)}.header-search .header-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:var(--c-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px}.header-search .header-search-btn:hover{background:color-mix(in oklab,var(--c-bg-soft) 70%,transparent)}.header-search .header-search-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--c-primary) 35%,transparent);outline-offset:2px}.header-search .header-search-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;color:var(--c-text-soft)}@media (max-width:860px){.header-inner{flex-wrap:wrap}.main-nav{width:100%;justify-content:flex-start;gap:var(--s-2);padding-bottom:var(--s-2)}}.hero{}.home-layout-wrap .hero{padding:clamp(24px,4vw,56px) 0}.home-layout-wrap .hero-content .muted{max-width:70ch}.hero--page{padding:clamp(18px,3vw,34px) 0 0}.hero--page .hero-inner{gap:var(--s-3)}.hero--page:first-of-type+.section{padding-top:var(--s-3)}.hero-inner{display:grid;grid-template-columns:1fr;gap:var(--s-5);align-items:start}.hero-content{position:relative}@media (min-width:980px){.home-layout-wrap .hero-inner{grid-template-columns:1.2fr .8fr;align-items:center}}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--c-border);border-radius:999px;position:relative;color:var(--c-text-soft);font-size:var(--fs-sm);top:-4px;margin-top:-9px}@media (min-width:980px){.hero-kicker{position:absolute;top:-31px}}.hero-search{display:flex;gap:var(--s-2);align-items:center;margin-top:var(--s-4);flex-wrap:wrap}.hero-search-form{position:relative}.hero-search-input{width:100%;flex:1;min-width:min(420px,100%);border-radius:999px;padding:0 54px 0 16px;height:48px;line-height:48px;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:0 1px 0 rgba(0,0,0,.04);caret-color:var(--c-text)}.hero-search-input::placeholder{color:var(--c-text-soft)}.hero-search-input:focus{outline:none;border-color:color-mix(in oklab,var(--c-primary) 65%,var(--c-border));box-shadow:0 0 0 4px color-mix(in oklab,var(--c-primary) 18%,transparent)}.hero-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:var(--c-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px}.hero-search-btn:hover{background:color-mix(in oklab,var(--c-bg-soft) 70%,transparent)}.hero-search-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--c-primary) 35%,transparent);outline-offset:2px}.hero-search-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9;color:var(--c-text-soft)}.hero-search{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.hero-search-field{position:relative;flex:1 1 auto;min-width:240px}.hero-search .btn-secondary{height:48px;padding:0 16px;line-height:48px;background:var(--c-surface-2);border-color:color-mix(in oklab,var(--c-border) 80%,var(--c-surface-2))}.hero-search .btn-secondary:hover{background:color-mix(in oklab,var(--c-surface-2) 70%,var(--c-bg-soft))}.hero-search .hero-search-input::placeholder{color:var(--c-text-soft)}.page-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.page-cta a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-surface);text-decoration:none;color:var(--c-text);font-size:var(--fs-sm)}.page-cta a:hover{background:color-mix(in oklab,var(--c-surface) 86%,var(--c-primary) 14%)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-semibold)}.btn-secondary:hover{background:var(--c-bg-soft);text-decoration:none}.stats{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--c-border);border-radius:18px;background:var(--c-surface)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.stat{padding:var(--s-3);border-radius:14px;background:var(--c-bg-soft);border:1px solid var(--c-border)}.stat strong{display:block;font-size:20px}.stat span{color:var(--c-text-soft);font-size:var(--fs-sm)}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s-4)}.badge{padding:8px 10px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);font-size:var(--fs-sm);color:var(--c-text-soft)}.alert{border:1px solid var(--c-border);border-radius:16px;padding:var(--s-4);margin:var(--s-4) 0;background:var(--c-surface)}.alert-error,.alert--error{border-color:#f2c0c0;background:color-mix(in oklab,#fff5f5 60%,var(--c-surface))}pre.code{background:#0f172a;color:#e5e7eb;padding:var(--s-4);border-radius:6px;overflow-x:auto;border:1px solid rgba(255,255,255,0.08);margin:0}.tool-result pre.code{white-space:pre;-webkit-overflow-scrolling:touch}@media (max-width:640px){.tool-result pre.code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}}.tool-actions{display:flex;gap:var(--s-3);align-items:center;margin-top:var(--s-4);flex-wrap:wrap}@media (max-width:520px){.hero-search{gap:var(--s-2)}.hero-search input[type="text"]{min-width:100%}.hero-search .btn,.hero-search .btn-secondary{width:100%}.header-search form{flex-wrap:wrap}.header-search .btn{width:100%}}.header-actions{display:flex;align-items:center;gap:var(--s-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer}.icon-btn:hover{background:var(--c-bg-soft)}.icon-btn span:before{content:'◐'}.icon-btn span:before{content:attr(data-light)}html[data-theme="dark"] .icon-btn span:before{content:attr(data-dark)}.burger{font-size:18px;line-height:1;display:none}@media (max-width:420px){.header-search form{flex-wrap:wrap}.header-search input[type="text"]{width:100%}.header-search .btn{width:100%}}#menuBackdrop{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:80}#mobileMenu{position:fixed;top:0;right:0;height:100dvh;width:min(86vw,360px);background:var(--c-surface);border-left:1px solid var(--c-border);z-index:90;transform:translateX(110%);transition:transform 180ms ease;display:flex;flex-direction:column}body.menu-open #mobileMenu{transform:translateX(0)}body.menu-open{overflow:hidden}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--c-border)}.mobile-menu-title{font-weight:var(--fw-bold)}.mobile-menu-links{padding:10px;display:flex;flex-direction:column;gap:8px;overflow:auto}.tip{padding:10px 12px;border:1px solid var(--c-border);border-radius:12px;background:var(--c-bg-soft)}.stealth-link{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--c-text) 35%,transparent)}.stealth-link:hover{text-decoration:none;border-bottom-style:solid}.header-search .btn{padding:0 16px}.tip-note{padding:10px 12px;border-radius:14px;background:var(--c-bg-soft);border:1px solid var(--c-border);margin:0}.tip-note a.stealth-link{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--c-text) 35%,transparent)}.tip-note a.stealth-link:hover{border-bottom-style:solid}@media (max-width:860px){.header-inner{align-items:center}.main-nav{display:none}.header-actions{margin-left:auto}.header-search{width:100%;max-width:100%;order:3;flex:0 0 100%;min-width:100%}.header-search form{flex-wrap:nowrap}}@media (max-width:420px){.header-search form{flex-wrap:wrap}.header-search input[type="text"]{width:100%}.header-search .btn{width:100%}}body.menu-open{overflow:hidden}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--c-border)}.mobile-menu-title{font-weight:800}.mobile-menu-body{padding:10px 10px 16px;overflow:auto;-webkit-overflow-scrolling:touch}.mobile-link{display:block;padding:12px 12px;color:var(--c-text)}.mobile-link:hover{text-decoration:none}.stats,.hero-kicker,.badge,.btn-secondary,.alert{background:var(--c-surface)}.stat{background:var(--c-surface-2)}#saved.section{margin-top:var(--s-6);padding-top:var(--s-5);padding-bottom:var(--s-5);border-top:1px solid var(--c-border);background:var(--c-surface-2)}#saved .card{background:var(--c-surface)}.hero-search .btn-secondary{background:transparent;border-color:var(--c-border);color:var(--c-text)}.hero-search .btn-secondary:hover{background:color-mix(in oklab,var(--c-bg-soft) 65%,transparent)}@media (max-width:860px){.hero-search .btn-secondary{background:color-mix(in oklab,var(--c-bg-soft) 78%,var(--c-primary) 6%);border-color:color-mix(in oklab,var(--c-border) 75%,transparent)}}.saved-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}@media (max-width:860px){.saved-demo-grid{grid-template-columns:1fr}}.saved-state-title{font-size:14px;font-weight:var(--fw-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--c-text-soft);margin:0 0 var(--s-2)}.saved-list{display:grid;gap:var(--s-2)}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:12px 14px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface)}.saved-item a{color:var(--c-text);font-weight:650}.saved-item .meta{font-size:13px;color:var(--c-text-soft)}.saved-item .meta.cats{margin-top:4px}.saved-item .meta.cats a{color:var(--c-text-soft);text-decoration:none}.saved-item .meta.cats a:hover{text-decoration:underline}.saved-item .meta.cats .sep{opacity:0.6}.saved-item .remove{border:1px solid var(--c-border);background:var(--c-bg-soft);color:var(--c-text);border-radius:999px;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.saved-item .remove:hover{background:color-mix(in oklab,var(--c-bg-soft) 60%,transparent)}.saved-item .remove svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}[data-theme="dark"] .site-footer .footer-links a{color:var(--c-text-soft)}[data-theme="dark"] .site-footer .footer-links a:hover{color:var(--c-text)}.saved-card{cursor:default;transition:none;border-color:var(--c-border)}.saved-card:hover{transform:none;box-shadow:none;border-color:var(--c-border)}#searchToggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--c-text)}.breadcrumbs-wrap{padding:14px 0 0}.breadcrumbs{font-size:var(--fs-sm);color:var(--c-text-soft)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:8px}.breadcrumbs li+li:before{content:"/";color:var(--c-text-soft);opacity:.6}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.categories-section{padding:18px 0 48px}.categories-section h2{margin:0 0 14px}.tools-section{padding:18px 0}.pager{padding:34px 0 18px;margin:0 auto;text-align:center;display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;justify-content:center}@media (max-width:420px){.pager .muted{order:-1;width:100%;text-align:center;display:flex;justify-content:center}.pager .btn-secondary:first-child{margin-right:auto}.pager .btn-secondary:last-child{margin-left:auto}}.section-link{display:inline-flex;align-items:center;gap:8px;color:var(--c-text-soft);text-decoration:none;font-size:var(--fs-sm)}.section-link:hover{color:var(--c-text);text-decoration:underline}.tool-hero{padding:clamp(18px,3vw,34px) 0 0}.tool-hero .hero-inner{gap:var(--s-3)}.tool-hero .tool-title{margin:0 0 8px}.tool-hero .tool-subtitle{max-width:72ch;margin:0}.tool-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.tool-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--s-3)}.btn-fav{display:inline-flex;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-soft);font-size:var(--fs-sm);line-height:1;height:36px;padding:0 12px;user-select:none;white-space:nowrap;margin-top:-4px}.btn-fav::before{content:"☆";font-size:16px;line-height:1}.btn-fav.is-on{color:var(--c-text)}.btn-fav.is-on::before{content:"★"}.btn-fav:hover{border-color:color-mix(in oklab,var(--c-border) 70%,var(--c-primary) 30%)}.tool-body{padding:var(--s-3) 0 var(--s-6)}.tool-form{border:1px solid var(--c-border);background:var(--c-bg-soft);border-radius:12px;padding:var(--s-4)}.tool-form label{display:inline-block;margin-bottom:8px;padding-right:var(--s-1)}.tool-form textarea,.tool-form input,.tool-form select{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:10px;transition:border-color 120ms ease,box-shadow 120ms ease,background 120ms ease}.tool-form textarea::placeholder,.tool-form input::placeholder{color:var(--c-text-soft);opacity:.8}.tool-form textarea:focus,.tool-form input:focus,.tool-form select:focus{outline:none;border-color:color-mix(in oklab,var(--c-border) 65%,var(--c-primary) 35%);box-shadow:0 0 0 3px color-mix(in oklab,var(--c-primary) 18%,transparent)}.tool-form .tool-actions button,.tool-form .tool-actions .btn-secondary{height:38px;border-radius:var(--radius);padding:0 var(--s-6)}.tool-form .tool-actions button{display:inline-block;background:var(--c-primary);color:var(--c-surface);font-weight:var(--fw-semibold);border:none}.tool-result{margin-top:var(--s-6);border:1px solid var(--c-border);background:var(--c-surface);border-radius:12px;padding:var(--s-4)}.tool-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tool-result-head .tool-actions{margin-top:0;flex-wrap:nowrap}.tool-result-head h2{margin:0}.tool-actions-sep{color:var(--c-text-soft);opacity:.65;font-size:14px;line-height:1}.section-sep{color:var(--c-text-soft);opacity:.65}.btn-share{color:var(--c-text);font-size:var(--fs-sm);align-items:center;display:inline-flex;gap:8px;margin-left:auto;height:36px;background:color-mix(in oklab,var(--c-surface) 94%,var(--c-primary) 6%);border:1px solid var(--c-border);padding:0 var(--s-3);user-select:none;line-height:1;transition:background 120ms ease,border-color 120ms ease,transform 120ms ease;font-weight:var(--fw-medium)}.btn-share::before{content:"↗";opacity:.9;font-size:14px;line-height:1}.btn-share:hover{color:var(--c-text);border-color:color-mix(in oklab,var(--c-border) 70%,var(--c-primary) 30%);background:color-mix(in oklab,var(--c-surface) 88%,var(--c-primary) 12%)}.btn-share:active{transform:translateY(1px)}.btn-share:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--c-primary) 35%,transparent)}.btn-copy{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 var(--s-3);border:1px solid var(--c-border);background:color-mix(in oklab,var(--c-surface) 96%,var(--c-primary) 4%);color:var(--c-text);font-size:var(--fs-sm);transition:transform 120ms ease,background 120ms ease,border-color 120ms ease;white-space:nowrap;font-weight:var(--fw-medium)}.btn-copy::before{content:"⧉";opacity:.9;font-size:14px;line-height:1}.btn-copy:hover{border-color:color-mix(in oklab,var(--c-border) 65%,var(--c-primary) 35%);background:color-mix(in oklab,var(--c-surface) 90%,var(--c-primary) 10%)}.btn-copy:active{transform:translateY(1px)}.btn-copy.is-copied::before{content:"✓"}@media (max-width:520px){.btn-share{padding:0 10px}.tool-related{padding-bottom:0}.tool-related .btn-share{margin-left:inherit}}.tool-help{padding:var(--s-4) var(--s-3) var(--s-6);color:var(--c-text-soft)}.tool-help .container{padding:0 var(--s-5)}.tool-help h2{margin-bottom:16px;line-height:1.3}.tool-help h3{margin:24px 0 8px;font-size:1.1rem;line-height:1.4}.tool-help p{margin:0 0 12px;line-height:1.6}.tool-help ul,.tool-help ol{margin:0 0 16px 20px;padding:0}.tool-help li{margin-bottom:6px;line-height:1.5}.tool-help strong{font-weight:600}.tool-help code{padding:2px 6px;border-radius:4px;font-size:0.9em}.tool-related{padding-top:var(--s-5);padding-bottom:var(--s-5);border-top:1px solid var(--c-border);background:var(--c-surface-2)}.related-actions--bar{background:var(--c-bg-soft);padding:var(--s-4);border-radius:var(--radius);margin-top:var(--s-4)}.related-actions{display:flex;align-items:center;gap:10px}.section-actions{display:flex;flex-wrap:wrap}.related-section-actions{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:14px}.tool-related .section-link{display:inline-flex;align-items:center;gap:8px;color:var(--c-text-soft);text-decoration:none;font-size:var(--fs-sm)}.related-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.related-more-btn{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 var(--s-3);border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);text-decoration:none;font-size:var(--fs-sm)}.related-more-btn::before{content:"▾";display:inline-block;line-height:1;transform:translateY(1px);opacity:0.8}.related-more-btn:hover{background:var(--c-surface-2,var(--c-surface));border-color:var(--c-border-2,var(--c-border))}.related-toggle:focus-visible+.related-actions .related-more-btn{outline:2px solid var(--c-accent);outline-offset:2px}.related-actions .btn-share{margin-left:auto}.related-more-panel{display:none;margin-top:var(--s-4)}.related-toggle:checked~.related-actions .related-more-btn::before{content:"▴";transform:translateY(-1px)}.related-toggle:checked~.related-more-panel{display:block}.contact-social{display:flex;gap:16px;padding:8px 0 0}.contact-social a{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;text-decoration:none}.contact-social .icon{width:18px;height:18px;opacity:0.8;transition:opacity .15s ease}.contact-social a:hover .icon{opacity:1}@media (max-width:860px){.contact-social .icon{width:20px;height:20px}}@media (max-width:860px){.hero-search{flex-wrap:wrap}.hero-search-field{flex:0 0 100%;width:100%}.hero-search .btn-secondary{order:2;flex:0 0 100%;width:100%;justify-content:center;text-align:center}.burger{display:inline-flex}.main-nav{display:none}.header-inner{flex-wrap:wrap}.logo{order:1}.header-actions{order:2;margin-left:auto}.header-search{display:none}body.m-search-open .header-search{display:block}#searchToggle{display:inline-flex}}@media (min-width:861px){#searchToggle,#burgerBtn{display:none}.header-search{display:block}}