.library-view {max-width:1440px;margin:0 auto;padding:32px}
.library-tabs {display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.library-tabs button {padding:12px 16px}
.library-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.library-view article {border:1px solid #d5dfda;padding:22px;background:#fff;margin-bottom:16px}
.library-view form {display:grid;gap:15px;max-width:900px}
.library-view label {display:grid;gap:7px;font-weight:600}
.library-view input,.library-view select,.library-view textarea {width:100%;box-sizing:border-box;padding:12px;border:1px solid #afbeb7;background:white;color:#123a30;font:inherit}
.library-view textarea {min-height:130px}
.library-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.library-view pre {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f5f7f4;padding:18px}
.library-view small {display:block;overflow-wrap:anywhere;margin:6px 0}
.library-notice {padding:18px;background:#fff7dc;border-left:5px solid #c89e22}
.library-status {min-height:24px;white-space:pre-wrap;color:#9e351f}
.library-view [hidden] {display:none!important}
@media(max-width:700px){.library-view{padding:18px}}