.kit-hero{padding:48px 0 24px}.kit-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.2;margin:12px 0}.kit-hero p{max-width:760px}.kit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.kit-section{padding:24px 0 40px}.kit-form{display:grid;gap:16px}.kit-field{display:grid;gap:7px;font-size:.94rem;font-weight:600}.kit-field input,.kit-field select,.kit-field textarea,.kit-result textarea{width:100%;border:1px solid #c9d3d5;border-radius:10px;background:#fff;color:#16232b;padding:12px;font:inherit;box-sizing:border-box}.kit-field textarea{min-height:160px;resize:vertical;font-family:monospace;font-weight:400}.kit-field input[type=color]{height:48px;padding:4px}.kit-field input[type=file]{font-size:.9rem}.kit-actions{display:flex;gap:10px;flex-wrap:wrap}.kit-actions button,.kit-actions a{cursor:pointer}.kit-status{min-height:2.5em;font-size:.9rem;line-height:1.5;color:#176b68;white-space:pre-line}.kit-status[data-error=true]{color:#b42318}.kit-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:550px;overflow:auto;background:#f5f8f8;border-radius:12px;padding:18px;font:14px/1.8 monospace}.kit-result canvas,.kit-result img{width:100%;height:auto;max-height:620px;object-fit:contain;touch-action:none}.kit-result canvas[data-eraser]{cursor:crosshair}.kit-result a.download-link{display:block;margin:8px 0;color:#126560}.kit-table-wrap{overflow:auto;max-height:500px}.kit-table{border-collapse:collapse;width:100%;font-size:.9rem}.kit-table td,.kit-table th{border-bottom:1px solid #d9e2e4;padding:10px;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px}.kit-guide{max-width:920px}.kit-guide h2{font-size:1.7rem;margin:28px 0 14px}.kit-guide li,.kit-guide p{line-height:1.9;color:#415565}.kit-guide ol{padding-left:1.6em}.kit-guide code{background:#edf3f4;padding:2px 5px;border-radius:4px}.kit-check{display:flex;align-items:center;gap:12px;margin:12px 0}.kit-check input{width:20px;height:20px}.kit-card-meta{font-size:.82rem;color:#586c79}.kit-directory-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.kit-directory-tabs button{border:1px solid #d5dfe1;background:#fff;color:#18282e;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600}.kit-directory-tabs button[aria-pressed=true]{background:#152d32;color:#fff}.kit-search{max-width:480px;width:100%;padding:13px;border:1px solid #cdd8da;border-radius:12px;font:inherit}.kit-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kit-directory-grid .feature-card{margin:0}.kit-icon{display:inline-flex;align-items:center;justify-content:center;background:#e8f4f3;color:#176b68;min-width:52px;height:52px;border-radius:14px;font:bold 18px monospace;margin-bottom:12px}.kit-directory-grid [hidden]{display:none}.kit-directory-count{min-height:28px;font-size:.9rem;color:#526872}.kit-guide-links{display:flex;gap:14px;flex-wrap:wrap}.blog-article pre{white-space:pre-wrap;overflow:auto;background:#eff4f5;border-radius:12px;padding:20px}.blog-article .article-source-list{font-size:.94rem}.blog-article figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.article-toc{padding:18px;background:#eff6f5;border-radius:12px}.article-toc a{display:block;padding:4px 0;color:#176b68}.article-notice{padding:14px 18px;background:#fff6e5;border-radius:10px;color:#624818}
.kit-hero .tool-lead{color:#425865}.kit-hero .eyebrow{color:#176b68}.kit-hero .kit-card-meta{color:#526872}.kit-guide .text-link{color:#176b68}.kit-table td{min-width:70px}.kit-icon{width:52px;max-width:52px}
.kit-layout>*{min-width:0}.kit-guide,.kit-hero{overflow-wrap:anywhere}.kit-search{box-sizing:border-box}
.blog-cover figcaption{padding:10px 12px;font-size:12px;line-height:1.6;color:#526872;background:#f5f8f8}
@media(max-width:850px){.kit-layout{grid-template-columns:1fr}.kit-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-hero{padding-top:30px}}@media(max-width:520px){.kit-directory-grid{grid-template-columns:1fr}.kit-actions button{flex:1}.kit-directory-tabs button{padding:10px 12px}.kit-result pre{font-size:13px}.kit-section{padding-top:10px}}