#template-library.catalog256{position:fixed;z-index:1100;top:24px;right:24px;bottom:24px;width:min(1100px,calc(100vw - 48px));max-height:calc(100vh - 48px);box-sizing:border-box;padding:22px;background:#fff;border:1px solid #d7e2d2;border-radius:20px;box-shadow:0 18px 70px #20342133;display:flex;flex-direction:column;gap:12px;overflow:hidden;color:#263129}
.catalog256 header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.catalog256 h2{margin:0 0 5px;font-size:23px}.catalog256 small,.catalog256-category{color:#697365}.catalog256 button,.catalog256 select,.catalog256 input,.catalog256 textarea{font:inherit}.catalog256 button{cursor:pointer;border:1px solid #d6e1d1;border-radius:9px;background:#fff;color:#35572b;padding:9px 12px}.catalog256 button:disabled{cursor:not-allowed;opacity:.55}.catalog256 button.primary{background:#4d902a;color:white;border-color:#4d902a}.catalog256 [data-close]{font-size:24px;line-height:1;padding:5px 10px}.catalog256-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.catalog256 label{font-size:13px;font-weight:600;display:block}.catalog256 select,.catalog256 input[type=search],.catalog256 textarea{box-sizing:border-box;width:100%;border:1px solid #ccd8c7;border-radius:9px;background:white;padding:9px;margin-top:5px;color:#263129}.catalog256-tabs{display:flex;gap:7px;flex-wrap:wrap}.catalog256-tabs [aria-pressed=true]{background:#eaf4e3;border-color:#609347;color:#2d6129}.catalog256 [data-count]{font-size:13px;margin:0;color:#6a7565}.catalog256-grid{display:grid;grid-template-columns:minmax(230px,35%) minmax(0,1fr);gap:18px;min-height:0;flex:1}.catalog256 [data-list],.catalog256 [data-preview]{overflow:auto;min-width:0;padding:2px 8px 12px 0}.catalog256 [data-preview]{padding-left:16px;border-left:1px solid #e3e9df}.catalog256 h3{font-size:19px;margin:0 0 7px}.catalog256-row{display:flex;gap:3px;margin-bottom:7px}.catalog256-row [data-item]{text-align:left;flex:1;min-width:0;color:#273a28}.catalog256-row [data-item] strong,.catalog256-row [data-item] small{display:block}.catalog256-row [data-item] small{margin-top:5px;font-size:12px}.catalog256-row [aria-pressed=true]{background:#edf5e9;border-color:#67a446}.catalog256-row [data-star]{border:0;padding:7px;font-size:19px}.catalog256 [data-fields] label{margin:10px 0}.catalog256 textarea{resize:vertical;min-height:40px;max-height:190px;font-weight:400}.catalog256-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f1;border:1px solid #e3e9df;border-radius:12px;padding:16px;font-size:14px;line-height:1.55;margin:12px 0}.catalog256-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.catalog256-review{padding:12px;background:#fff3d5;color:#79550a;border-radius:10px;line-height:1.5}.catalog256 [data-error]{color:#a23320}.catalog256-signature pre{white-space:pre-wrap;font:inherit;font-size:13px;background:#f7f8f5;padding:12px}.catalog256 footer{border-top:1px solid #e3e9df;padding-top:10px}.catalog256-admin{border:1px solid #d8e3d2;border-radius:12px;margin:12px 0;padding:12px}.catalog256-admin select[multiple]{min-height:100px}
@media(max-width:720px){#template-library.catalog256{inset:8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:14px}.catalog256-filters{grid-template-columns:1fr 1fr}.catalog256-filters label:last-child{grid-column:1/-1}.catalog256-grid{grid-template-columns:1fr;overflow:auto;display:block}.catalog256 [data-list]{max-height:220px}.catalog256 [data-preview]{border-left:0;border-top:1px solid #e3e9df;padding:14px 0}.catalog256-tabs{gap:4px}.catalog256-tabs button{padding:7px;font-size:12px}}
/* Explicitly supersede the legacy compact-library !important geometry. */
#template-library.catalog256{top:24px!important;bottom:24px!important;right:24px!important;left:auto!important;width:min(1100px,calc(100vw - 48px))!important;height:calc(100vh - 48px)!important;max-height:calc(100vh - 48px)!important;padding:22px!important}
@media(max-width:720px){#template-library.catalog256{top:8px!important;right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important;padding:14px!important}}
.catalog256 [data-fields]{margin:12px 0;background:#f8faf6;border-radius:10px;padding:10px}.catalog256 [data-fields] summary{cursor:pointer;font-size:13px;color:#497038}.catalog256-actions{position:sticky;bottom:0;background:white;padding:10px 0;z-index:1;border-top:1px solid #e6ebe2}