.fkpl-library,.fkpl-detail{--fkpl-accent:#1767aa;--fkpl-border:#d8e0e8;--fkpl-muted:#435568;color:#152434;background:#fff;max-width:900px;margin:1.5rem auto;padding:clamp(16px,3vw,30px);border:1px solid var(--fkpl-border);border-radius:14px;line-height:1.65;font-size:16px}
.fkpl-library *, .fkpl-detail *{box-sizing:border-box}
.fkpl-library h2,.fkpl-detail h2{font-size:clamp(1.4rem,3.5vw,1.8rem);line-height:1.35;margin:0 0 12px}
.fkpl-library h3,.fkpl-detail h3{font-size:1.13rem;margin:.65rem 0}
.fkpl-search label,.fkpl-field label{display:block;font-weight:700;margin-bottom:6px}
.fkpl-search input,.fkpl-field input,.fkpl-field textarea,.fkpl-field select{display:block;border:1px solid #9aa9b7;border-radius:7px;min-height:44px;width:100%;padding:10px 12px;background:#fff;color:#182534;font:inherit}
.fkpl-search{margin:18px 0}.fkpl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.fkpl-tile{border:1px solid var(--fkpl-border);border-radius:10px;padding:16px;min-width:0}.fkpl-tile[hidden]{display:none!important}
.fkpl-chip{display:inline-block;border:1px solid #b7d0e7;background:#eff6fc;color:#14578a;font-size:.78rem;font-weight:700;border-radius:20px;padding:3px 9px}
.fkpl-tile p,.fkpl-detail p{color:var(--fkpl-muted)}.fkpl-link{display:inline-block;margin-top:4px;color:var(--fkpl-accent);font-weight:700;text-decoration:underline}
.fkpl-field{margin:15px 0}.fkpl-field small{display:block;color:#7b4c11;margin-top:6px}.fkpl-field span{color:#ad2d2d}
.fkpl-button{border:0!important;background:var(--fkpl-accent)!important;color:white!important;border-radius:8px;padding:11px 17px!important;cursor:pointer;font-weight:700;font-size:1rem;min-height:44px}
.fkpl-button:hover,.fkpl-button:focus{background:#0b497e!important;color:#fff!important}
.fkpl-info,.fkpl-warning{background:#f1f6fa;border-radius:8px;border-left:4px solid #3a87bd;padding:14px 16px;margin:14px 0}.fkpl-warning{border-color:#b47e27;background:#fff7e8}
.fkpl-feedback{color:#ab2727;font-weight:700;margin:12px 0}.fkpl-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f8;color:#152434;padding:16px;border:1px solid #d8e0e8;border-radius:8px;font:inherit;max-height:600px;overflow:auto}
.fkpl-copy-status{font-weight:700;color:#186038}.fkpl-result[hidden]{display:none!important}.fkpl-search-input:focus,.fkpl-field input:focus,.fkpl-field textarea:focus,.fkpl-field select:focus{outline:3px solid #94c5e8;outline-offset:1px}
@media(max-width:520px){.fkpl-library,.fkpl-detail{border-radius:0;padding:16px}.fkpl-tiles{grid-template-columns:1fr}}