.fhl{--line:#cad9dc;--panel:#f3f8f8;--ink:#19333d;color:var(--ink);font:inherit;line-height:1.55}.fhl-theme-dark{--line:#415157;--panel:#23363c;--ink:#f0f5f6;background:#18292f;padding:1rem}.fhl-theme-none{--ink:inherit;--panel:transparent}.fhl h2{margin:1rem 0}.fhl-nav,.fhl-actions,.fhl-bulk,.fhl-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:.8rem 0}.fhl-form label,.fhl-filters label{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0;max-width:40rem}.fhl input:not([type=checkbox]),.fhl select,.fhl textarea{padding:.45rem;max-width:100%;font:inherit}.fhl button,.fhl summary{cursor:pointer}.fhl button{border:1px solid var(--line);border-radius:5px;padding:.45rem .8rem;background:var(--panel);color:inherit}.fhl details{padding:.7rem;border:1px solid var(--line);border-radius:6px;margin:.8rem 0}.fhl label.fhl-check,.fhl-bulk label{display:inline-flex;flex-direction:row;align-items:center;margin:.4rem .8rem .4rem 0}.fhl small{font-size:.85em}.fhl-notice{background:var(--panel);padding:.7rem;border-left:3px solid #16897a}.fhl-items{margin:1rem 0}.fhl-item,.fhl-heading{padding:.7rem;border-bottom:1px solid var(--line)}.fhl-heading,.fhl-table .fhl-item{display:grid;grid-template-columns:minmax(10em,2fr) minmax(7em,1fr);gap:.4rem}.fhl-heading{background:var(--panel)}.fhl-item p,.fhl-actions{grid-column:1/-1;margin:0}.fhl-name,.fhl-details{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;overflow-wrap:anywhere}.fhl-name img{max-width:72px;max-height:50px;object-fit:contain}.fhl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.fhl-tiles .fhl-item,.fhl-flex .fhl-item{border:1px solid var(--line);border-radius:8px}.fhl-flex{display:flex;flex-direction:column;gap:.6rem}.fhl-flex .fhl-item{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.fhl-upload,.fhl-bulk{background:var(--panel);padding:.8rem}.fhl :focus-visible{outline:2px solid #10877b;outline-offset:2px}@media(max-width:600px){.fhl-table .fhl-item,.fhl-heading{display:block}.fhl-bulk{align-items:flex-start}.fhl-name{gap:.4rem}}

@media(prefers-reduced-motion:no-preference){html:has(.fhl[data-smooth]){scroll-behavior:smooth}}