.hoa-library{--hoa-line:color-mix(in srgb,var(--pink) 28%,var(--border));--hoa-soft:color-mix(in srgb,var(--pink) 7%,var(--bg-card));display:grid;gap:var(--sp-3)}.hoa-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:88px;padding:clamp(14px,2.4vw,20px);border:1.5px solid var(--hoa-line);border-radius:14px;background:radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--yellow) 17%,transparent),transparent 32%),linear-gradient(130deg,var(--hoa-soft),color-mix(in srgb,var(--green) 7%,var(--bg-card)))}.hoa-hero h3{margin:3px 0 4px;font-size:1.08rem}.hoa-hero p{max-width:680px;margin:0;color:var(--text-secondary);font-size:11pt;line-height:1.4}.hoa-kicker{color:var(--pink);font-size:11pt;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.hoa-layouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hoa-layout{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 7px;min-height:56px;padding:8px 10px;border:1.5px solid color-mix(in srgb,var(--green) 24%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--green) 5%,var(--bg-card));color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.hoa-layout:hover,.hoa-layout:focus-visible{transform:translateY(-1px);border-color:var(--pink);background:var(--hoa-soft)}.hoa-layout>span{grid-row:1 / 3;font-size:1.18rem;text-align:center}.hoa-layout b{overflow:hidden;font-size:11pt;text-overflow:ellipsis;white-space:nowrap}.hoa-layout small{color:var(--text-secondary);font-size:11pt}.hoa-toolbar{display:grid !important;grid-template-columns:minmax(170px,1fr) repeat(3,minmax(118px,160px));gap:8px !important;border-color:var(--hoa-line) !important}.hoa-toolbar input,.hoa-toolbar select{width:100%;min-width:0}.hoa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--sp-3)}.hoa-card{min-width:0;border-top:4px solid color-mix(in srgb,var(--pink) 60%,var(--green))}.hoa-card-head{display:flex;align-items:center;gap:9px;min-width:0}.hoa-card-head>div{min-width:0}.hoa-card-head h4{overflow:hidden;margin:1px 0 0;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.hoa-kind-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border:1.5px solid color-mix(in srgb,var(--pink) 30%,var(--border));border-radius:12px;background:var(--hoa-soft);font-size:1.18rem}.hoa-kind-icon i{width:25px;height:25px;border:2px solid color-mix(in srgb,var(--text-primary) 24%,transparent);border-radius:50%;background:var(--hoa-swatch,var(--pink));box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--bg-card) 45%,transparent)}.hoa-kind-label{color:var(--pink);font-size:11pt;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.hoa-card-desc{margin:9px 0 7px;color:var(--text-secondary);font-size:11pt;line-height:1.35}.hoa-card-empty{margin:10px 0 7px;color:var(--text-secondary);font-size:11pt;font-style:italic}.hoa-field-preview{display:grid;gap:4px;margin:9px 0}.hoa-field-preview div{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1fr);gap:7px;font-size:11pt}.hoa-field-preview dt{overflow:hidden;color:var(--text-secondary);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hoa-field-preview dd{overflow:hidden;margin:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.hoa-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.hoa-card-meta .chip{max-width:100%;overflow:hidden;font-size:11pt;text-overflow:ellipsis;white-space:nowrap}.hoa-card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.hoa-card-actions .btn{flex:1 1 auto;min-height:31px;padding:5px 8px;font-size:11pt}.hoa-empty{min-height:185px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.hoa-empty>span{font-size:1.55rem}.hoa-empty h4,.hoa-empty p{margin:0}.hoa-empty p{color:var(--text-secondary);font-size:11pt}.hoa-editor-modal.modal{width:min(760px,calc(94vw / var(--np-ui-scale,1)));max-width:760px}.hoa-editor-form .fld{min-width:0}.hoa-identity-row,.hoa-scope-row,.hoa-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hoa-identity-row{align-items:end;grid-template-columns:minmax(104px,118px) minmax(0,1fr);margin-bottom:10px;padding:10px;border:1.5px solid var(--hoa-line,var(--border));border-radius:12px;background:var(--hoa-soft,var(--bg-card))}.hoa-identity-row .fld,.hoa-scope-row .fld,.hoa-details-grid .fld{margin-bottom:0}.hoa-scope-row{margin-bottom:10px}.hoa-details{margin:10px 0;border-color:var(--hoa-line,var(--border))}.hoa-details>summary{background:var(--hoa-soft,var(--pink-bg))}.hoa-details-grid{padding:10px}.hoa-picker-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.hoa-picker-head input{width:100%;min-width:0}.hoa-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:48vh;overflow:auto}.hoa-pick{display:grid;grid-template-columns:25px 44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 7px;padding:9px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer}.hoa-pick:has(input:checked){border-color:var(--pink);background:var(--hoa-soft,var(--pink-bg))}.hoa-pick input{grid-row:1 / 3}.hoa-pick-visual{display:grid;grid-row:1 / 3;place-items:center;width:42px;height:42px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--pink) 26%,var(--border));border-radius:11px;background:var(--hoa-soft,var(--pink-bg));font-size:1.05rem;text-align:center}.hoa-pick-visual img{width:100%;height:100%;object-fit:cover}.hoa-pick-visual i{width:29px;height:29px;border:2px solid color-mix(in srgb,var(--text-primary) 24%,transparent);border-radius:50%;background:var(--hoa-swatch,var(--pink))}.hoa-pick b{overflow:hidden;font-size:11pt;text-overflow:ellipsis;white-space:nowrap}.hoa-pick small{display:flex;flex-wrap:wrap;gap:2px 7px;color:var(--text-secondary);font-size:11pt}.hoa-pick-scope{color:var(--text-primary);font-weight:700}.hoa-picker-empty{grid-column:1 / -1;padding:22px;color:var(--text-secondary);text-align:center}@media (max-width:860px){.hoa-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}.hoa-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.hoa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hoa-hero{align-items:stretch;flex-direction:column}.hoa-hero .btn3d{width:100%}.hoa-layouts,.hoa-toolbar,.hoa-grid,.hoa-scope-row,.hoa-details-grid,.hoa-pick-grid{grid-template-columns:1fr}.hoa-identity-row{grid-template-columns:96px minmax(0,1fr)}.hoa-picker-head{grid-template-columns:1fr}}@media (max-width:390px){.hoa-layouts,.hoa-identity-row{grid-template-columns:1fr}}