.hg-tool{text-align:left;width:min(1130px,100%);margin:clamp(30px,4vw,48px) auto 0}.hg-layout{align-items:start;gap:16px;display:grid}@media (min-width:1024px){.hg-layout{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px}.hg-form{position:sticky;top:92px}}.hg-label{letter-spacing:.005em;color:var(--text);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.hg-opt{color:var(--text-2);font-weight:400}.hg-hint{color:var(--text-3);margin-top:7px;font-size:12.5px;line-height:1.4}.hg-error{color:#ff9aa6;margin-top:7px;font-size:13px;font-weight:500;line-height:1.4}.hg-field{width:100%;min-height:50px;font:inherit;color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-top-color:#ffffff29;border-radius:14px;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block;box-shadow:inset 0 1px #ffffff12}.hg-field::placeholder{color:var(--text-3)}.hg-field:hover{background:#ffffff12}.hg-field:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 30px var(--glow);outline:none}.hg-field[aria-invalid=true]{border-color:#ff7d8c}.hg-select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23A2A7B4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.hg-select option{color:#fff;background:#12131a}.hg-seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hg-seg-opt{min-height:46px;color:var(--text-2);cursor:pointer;border:1px solid var(--border);background:#ffffff0b;border-top-color:#ffffff24;border-radius:14px;align-items:center;gap:9px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.2;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative}.hg-seg-opt:hover{color:var(--text);background:#ffffff13}.hg-seg-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.hg-seg-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 10px var(--glow);opacity:.55;border-radius:50%;flex:none;transition:opacity .2s}.hg-seg-opt:has(input:checked){color:var(--text);background:color-mix(in srgb, var(--accent) 16%, #ffffff0a);border-color:color-mix(in srgb, var(--accent) 62%, var(--border));box-shadow:inset 0 1px 0 #ffffff1a, 0 0 24px -6px var(--glow)}.hg-seg-opt:has(input:checked) .hg-seg-dot{opacity:1}.hg-seg-opt:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px}.hg-submit{cursor:pointer;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 24px;font-size:16px;font-weight:600;display:flex}.hg-submit:focus-visible,.hg-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.hg-results-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:2px 2px 18px;display:flex}.hg-actions{gap:8px;display:flex}.hg-btn{min-height:40px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-top-color:#ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13.5px;font-weight:600;transition:border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.hg-btn:hover{border-color:color-mix(in srgb, var(--accent) 55%, #ffffff2e);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 22px -4px var(--glow);background:#ffffff1a}.hg-btn-sm{min-height:36px;padding:0 13px;font-size:13px}.hg-list{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.hg-hook{background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff12;border-top-color:#ffffff24;border-radius:18px;padding:16px 18px 17px}.hg-hook[data-example=true]{background:linear-gradient(#ffffff0a,#ffffff04)}.hg-hook-top{align-items:center;gap:10px;min-height:36px;display:flex}.hg-num{width:26px;height:26px;color:var(--on-accent);text-shadow:0 1px 2px #0000004d;background:var(--accent);box-shadow:0 0 16px var(--glow), inset 0 1px 0 #ffffff59;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:inline-flex}.hg-chip{min-height:26px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-items:center;padding:0 11px;font-size:11px;font-weight:500;display:inline-flex}.hg-say{letter-spacing:-.005em;text-wrap:pretty;margin-top:10px;font-size:19px;font-weight:550;line-height:1.38}.hg-meta{gap:10px;margin:14px 0 0;display:grid}.hg-meta>div{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:12px;display:grid}.hg-meta dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding-top:5px;font-size:11px}.hg-meta dd{min-width:0;margin:0}.hg-screen{background:#0009;border:1px solid #ffffff29;border-radius:10px;padding:5px 12px;font-size:14.5px;font-weight:700;line-height:1.35;display:inline-block}.hg-visual{color:var(--text-2);padding-top:4px;font-size:14.5px;line-height:1.55}.hg-more{text-align:center;color:var(--text-3);margin-top:16px;font-size:13.5px}.tool-ph{-webkit-box-decoration-break:clone;box-decoration-break:clone;font:inherit;color:inherit;background:color-mix(in srgb, var(--accent) 22%, transparent);border-bottom:1px dashed color-mix(in srgb, var(--accent) 80%, white);border-radius:6px;padding:0 3px;font-style:normal}.tk-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.tk-steps>li{display:flex}.tk-steps .pk-card{width:100%}.tk-step{align-items:flex-start;gap:18px;display:flex}.tk-step .pk-badge{margin-top:1px}.tk-h3{font-size:20px}.tk-step .pk-p{margin-top:10px}@media (max-width:719px){.tk-steps{grid-template-columns:1fr}}.tk-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.tk-types>li{scroll-margin-top:112px;display:flex}.tk-types .pk-card{flex-direction:column;width:100%;display:flex}.tk-index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-2);margin:0 0 10px;font-size:12px}.tk-what{color:var(--text);margin-top:12px;font-size:15px}.tk-when{margin-top:10px;font-size:14.5px}.tk-example{background:#00000047;border:1px solid #ffffff12;border-radius:14px;margin:auto 0 0;padding:12px 14px}.tk-what+.tk-when+.tk-example{margin-top:20px}.tk-example figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:11px}.tk-example blockquote{margin:6px 0 0;font-size:15px;font-weight:550;line-height:1.45}@media (max-width:1023px){.tk-types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.tk-types{grid-template-columns:1fr}}.tk-bridge{text-align:center;padding:clamp(26px,4vw,52px) clamp(20px,4vw,52px)}.tk-bridge-head{margin-bottom:0}.tk-bridge-h2{font-size:calc(clamp(28px, 3.6vw, 48px) * var(--type-scale));max-width:22ch;margin-inline:auto}.tk-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:900px;margin:clamp(26px,3vw,38px) auto 0;padding:0;list-style:none;display:grid}.tk-facts>li{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-top-color:#ffffff21;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex}.tk-fact-big{font-size:calc(clamp(19px, 2vw, 26px) * var(--type-scale));letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.tk-fact-small{max-width:22ch;color:var(--text-2);margin:8px 0 0;font-size:13px;line-height:1.35}.tk-posts{margin-top:clamp(26px,3vw,38px)}.tk-note{margin:18px 0 0}@media (max-width:719px){.tk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hg-say{font-size:18px}.hg-meta>div{grid-template-columns:1fr;gap:4px}.hg-meta dt,.hg-visual{padding-top:0}.hg-actions{width:100%}.hg-actions .hg-btn{flex:1}}@media (prefers-reduced-motion:reduce){.hg-field,.hg-seg-opt,.hg-seg-dot,.hg-btn{transition:none}}.pk-hero:has(.hg-tool) .pk-glow{height:min(1080px,100%);bottom:auto}