.klt-tools{margin:0 0 42px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0}
.klt-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:21px}.klt-heading h2{margin:0;font-size:23px;letter-spacing:-.05em}.klt-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.klt-heading .klt-eyebrow{margin:0 0 5px;color:var(--accent);font-size:12px;font-weight:750}
.klt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.klt-tool{appearance:none;display:flex;min-width:0;min-height:125px;flex-direction:column;align-items:stretch;text-align:left;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer}.klt-tool:hover,.klt-tool[aria-expanded=true]{border-color:var(--accent);background:var(--soft)}.klt-banner{display:contents}.klt-top{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:11px;color:var(--muted);font-size:11px}.klt-top span:first-child{color:var(--accent);font-size:12px;font-weight:800}.klt-tool strong{font-size:16px;line-height:1.35;letter-spacing:-.035em}.klt-desc{color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.klt-short{display:none}.klt-bee{display:none}
.klt-detail{margin-top:16px;border-top:1px solid var(--line);padding-top:19px;min-width:0}.klt-detail h3{font-size:18px;margin:0 0 8px}.klt-detail p{color:var(--muted);font-size:13px;margin:0 0 12px}.klt-form{display:flex;gap:8px;max-width:750px}.klt-form label{display:block;font-size:13px;color:var(--muted)}.klt-form input,.klt-form textarea{width:100%;min-width:0;flex:1;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px 13px}.klt-form textarea{min-height:86px;resize:vertical}.klt-form button,.klt-qr button{border:0;border-radius:9px;background:var(--yellow);color:#252518;font-size:13px;font-weight:750;padding:10px 18px;min-height:44px;cursor:pointer}.klt-result{margin-top:15px;padding:14px;border-left:3px solid var(--yellow);background:var(--soft);border-radius:4px;min-width:0;overflow-wrap:anywhere}.klt-result h4{margin:0 0 8px;font-size:15px}.klt-result p{margin:5px 0}.klt-result ul{margin:7px 0;padding-left:22px}.klt-result li{margin-bottom:6px}.klt-note{font-size:12px!important;color:var(--muted)}.klt-qr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.klt-qr input[type=file]{max-width:100%;font-size:13px}.klt-camera{max-width:340px;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:9px}.klt-tool:focus-visible,.klt-form :focus-visible,.klt-qr :focus-visible{outline:0!important;box-shadow:inset 0 -3px var(--accent)!important;text-decoration:underline;text-underline-offset:4px}@media(forced-colors:active){.klt-tool:focus-visible,.klt-form :focus-visible,.klt-qr :focus-visible{outline:2px solid Highlight!important}}
.klt-result button,.klt-result select{min-height:44px;margin:7px 7px 2px 0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:13px}.klt-result button{cursor:pointer;border-bottom:2px solid var(--accent)}.klt-result a{text-decoration:underline;text-underline-offset:3px}.klt-result :focus-visible{outline:0!important;box-shadow:inset 0 -3px var(--accent)!important;text-decoration:underline}
.klt-preview{position:relative;width:min(100%,340px);margin:0 0 12px}.klt-preview[hidden]{display:none}.klt-preview .klt-camera{display:block}.klt-preview [data-camera-stop]{position:absolute;z-index:1;top:8px;right:8px;min-height:44px;border:1px solid #fff9;border-radius:8px;background:#252518;color:#fff;font-size:13px;font-weight:700;padding:7px 12px;cursor:pointer}.klt-preview [data-camera-stop]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:900px){.klt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.klt-tools{margin-bottom:28px;padding:16px;border-radius:14px}.klt-heading{display:block;margin-bottom:15px}.klt-heading h2{font-size:19px}.klt-heading p{font-size:12px}.klt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 7px}.klt-tool{min-height:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center}.klt-tool:hover,.klt-tool[aria-expanded=true]{background:transparent}.klt-banner{position:relative;display:flex;aspect-ratio:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px 3px 7px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.klt-tool:hover .klt-banner,.klt-tool[aria-expanded=true] .klt-banner{border-color:var(--accent)}.klt-top{position:absolute;top:5px;left:7px;right:7px;margin:0}.klt-top span:last-child{display:none}.klt-top span:first-child{font-size:10px}.klt-tool strong{position:relative;z-index:2;font-size:clamp(11px,3.2vw,13px);line-height:1.25;letter-spacing:-.04em;word-break:keep-all}.klt-desc{font-size:10px;line-height:1.35;word-break:keep-all}.klt-full{display:none}.klt-short{display:inline}.klt-form{flex-direction:column}.klt-bee{position:relative;display:block;height:75%;width:100%}.klt-bee::after{position:absolute;content:"";display:block;left:50%;top:50%;height:100%;aspect-ratio:1;background-image:url('bee-poses-v1.webp');background-size:300% 200%;background-repeat:no-repeat;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 1px #29241b20)}
.klt-tool[data-module="1"] .klt-bee::after{background-position:0 0}.klt-tool[data-module="2"] .klt-bee::after{background-position:50% 0}.klt-tool[data-module="3"] .klt-bee::after{background-position:100% 0}.klt-tool[data-module="4"] .klt-bee::after{background-position:0 100%}.klt-tool[data-module="5"] .klt-bee::after{background-position:50% 100%}.klt-tool[data-module="6"] .klt-bee::after{background-position:100% 100%}
.klt-tool[data-module="1"] .klt-banner{background:radial-gradient(circle at 74% 28%,#fff9 0 9%,transparent 10%),color-mix(in srgb,var(--surface) 66%,#f8d47e)}.klt-tool[data-module="2"] .klt-banner{background:linear-gradient(0deg,transparent 24%,#fff7 24% 25%,transparent 25% 37%,#fff7 37% 38%,transparent 38%),color-mix(in srgb,var(--surface) 68%,#b9d9b9)}.klt-tool[data-module="3"] .klt-banner{background:radial-gradient(ellipse at 25% 26%,#fff9 0 11%,transparent 12%),color-mix(in srgb,var(--surface) 68%,#a9d6e9)}.klt-tool[data-module="4"] .klt-banner{background:radial-gradient(circle at 81% 19%,#ffe8bfbb 0 17%,transparent 18%),color-mix(in srgb,var(--surface) 68%,#edb28e)}.klt-tool[data-module="5"] .klt-banner{background:radial-gradient(circle at 20% 22%,#fff9 0 7%,transparent 8%),color-mix(in srgb,var(--surface) 68%,#c8bde2)}.klt-tool[data-module="6"] .klt-banner{background:linear-gradient(90deg,#fff5 1px,transparent 1px) 0 0/22% 22%,linear-gradient(#fff5 1px,transparent 1px) 0 0/22% 22%,color-mix(in srgb,var(--surface) 68%,#aad9ce)}
.klt-tool[data-module="1"].klt-visible .klt-bee::after{animation:klt-investigate 3.1s ease-in-out 1}.klt-tool[data-module="2"].klt-visible .klt-bee::after{animation:klt-study 3.7s ease-in-out 1}.klt-tool[data-module="3"].klt-visible .klt-bee::after{animation:klt-travel 3.5s ease-in-out 1}.klt-tool[data-module="4"].klt-visible .klt-bee::after{animation:klt-alert 3.3s ease-in-out 1}.klt-tool[data-module="5"].klt-visible .klt-bee::after{animation:klt-text 3.8s ease-in-out 1}.klt-tool[data-module="6"].klt-visible .klt-bee::after{animation:klt-scan 3.2s ease-in-out 1}}
@keyframes klt-investigate{0%,100%{transform:translate(-53%,-50%) rotate(-4deg)}50%{transform:translate(-46%,-48%) rotate(4deg)}}@keyframes klt-study{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-53%) rotate(2deg)}}@keyframes klt-travel{0%,100%{transform:translate(-56%,-50%) rotate(-5deg)}50%{transform:translate(-43%,-54%) rotate(4deg)}}@keyframes klt-alert{0%,100%{transform:translate(-50%,-49%)}25%{transform:translate(-50%,-54%) rotate(-5deg)}35%{transform:translate(-50%,-52%) rotate(4deg)}}@keyframes klt-text{0%,100%{transform:translate(-50%,-48%) rotate(-2deg)}50%{transform:translate(-48%,-53%) rotate(3deg)}}@keyframes klt-scan{0%,100%{transform:translate(-51%,-50%) rotate(-2deg)}50%{transform:translate(-47%,-52%) rotate(3deg)}}
.klt-tools[data-hidden="true"] .klt-bee::after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.klt-bee::after{animation:none!important}}