.material-library{min-height:100svh;padding-bottom:30px}.material-library[hidden]{display:none}.material-library-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 18px}.material-library-head h2{font-size:1.7rem}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px}.material-card{background:var(--panel,#fff);border:1px solid var(--accent-border);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:285px}.material-card h3{font-size:1.5rem;line-height:1.4;overflow-wrap:anywhere}.material-card .material-preview{font-size:1.1rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.material-card .material-meta{color:var(--muted);font:14px/1.5 system-ui,sans-serif}.material-actions{display:flex;flex-wrap:wrap;gap:8px}.material-actions button{font-size:14px;padding:9px 12px;min-height:40px}.material-delete{color:#a64130!important;background:transparent!important}.material-message{font:1rem/1.6 system-ui,sans-serif;white-space:pre-wrap;color:var(--green-dark)}.material-editor-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}.material-editor-save label{display:flex;gap:8px;align-items:center}.material-editor-save input{max-width:400px}.material-picker{width:min(1000px,96vw);max-height:92vh;border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--panel,#fff);color:var(--ink)}.material-picker::backdrop{background:#183c3077}.material-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;background:var(--panel,#fff);padding-bottom:14px}.material-picker .material-paper{padding:24px;background:white;color:#182626;border:1px solid #ddd;border-radius:12px;overflow-wrap:anywhere}.material-picker .material-paper section{margin:22px 0}.material-picker .material-paper h3{white-space:pre-wrap;font-size:1.4rem;line-height:1.6}.material-picker .writing-line{height:40px;border-bottom:1px solid #bbb}.material-page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.material-generator{clear:both}.material-generator>summary{padding:22px;cursor:pointer;font-size:1.4rem;color:var(--green-dark)}.material-library-head a{color:var(--green-dark);font-size:1rem}body[data-mode=dark] .material-card{background:var(--panel)}@media(max-width:650px){.material-library{min-height:100svh}.material-card{padding:20px}.material-picker{padding:16px}}