.material-intro{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:16px 24px;background:#edf5f5;border:1px solid #d8e7e7;border-radius:12px;color:#245965}.material-intro>span{font-size:14px;font-weight:700;white-space:nowrap}.material-intro p{font-size:14px;margin:0}.material-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:16px;align-items:end;margin:24px 0}.material-toolbar label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.material-toolbar input,.material-toolbar select{width:100%;min-height:48px;padding:10px 16px;border:1px solid #a3b8be;border-radius:8px;background:#fff;color:#263f49}.material-result-count{font-size:14px;color:#536b76;margin:0 0 16px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.material-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe3e8;border-radius:16px;padding:24px;min-width:0}.material-card-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.material-format{display:grid;place-items:center;min-width:48px;height:48px;padding:0 4px;background:#eaf2f4;border-radius:12px;font-size:12px;font-weight:750;color:#126978}.material-star{margin-left:auto;flex-shrink:0;width:44px;height:44px;background:transparent;border:1px solid #d3e0e4;border-radius:10px;color:#536b76;font-size:24px;line-height:1}.material-star[aria-pressed=true]{background:#e7f2f0;border-color:#83b5ae;color:#126978}.material-card h2{font-size:20px!important;line-height:1.5;margin:0 0 12px!important;overflow-wrap:anywhere}.material-note{font-size:16px;line-height:1.7;color:#536b76;margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.material-note:empty{display:none}.material-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;font-size:13px;color:#536b76}.material-owner{font-size:13px;color:#536b76;margin:8px 0 16px;overflow-wrap:anywhere}.material-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid #e1e8ec}.material-card-actions .btn{padding:8px 16px;font-size:14px}.material-empty{padding:64px 24px;text-align:center;border:1px dashed #bacdd4;border-radius:16px;background:#fbfcfd}.material-empty-icon{display:grid;place-items:center;margin:0 auto 24px;width:64px;height:64px;border-radius:16px;background:#eaf2f4;color:#126978;font-size:32px}.material-empty h2{font-size:24px!important;margin-bottom:16px!important}.material-empty p{max-width:600px;margin:0 auto 24px;color:#536b76}.material-form-note{color:#536b76;font-size:14px;padding:12px 16px;border-radius:8px;background:#edf5f5}.material-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.material-form-grid .field{margin:0}.material-field-help,.material-current-file{font-size:13px;line-height:1.7;color:#536b76;margin:0;overflow-wrap:anywhere}.material-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.material-form-actions>.textbtn{margin-left:auto}.material-form-actions button{font-size:14px}#material-note{min-height:80px}#material-save-status{margin-top:16px;color:#126978;font-size:14px}#material-form input[type=file]{font-size:14px;max-width:100%;padding:8px}#material-form input[type=file]::file-selector-button{padding:8px 12px;margin-right:8px;min-height:40px;border:0;border-radius:6px;background:#edf5f5;color:#126978}.home-materials{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:8px 16px;background:#edf5f5;border:1px solid #d8e7e7;border-radius:10px;font-size:13px}.home-materials>span{font-weight:700;color:#245965;white-space:nowrap}.home-materials>div{display:flex;gap:8px;flex:1;min-width:0;overflow:auto}.home-material-link{display:flex;align-items:center;min-height:44px;max-width:240px;padding:8px 12px;background:#fff;border:1px solid #d7e3e6;border-radius:8px;color:#126978;font-weight:650;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.home-materials>.textbtn{white-space:nowrap}.favorite-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.favorite-tile{min-width:0}.favorite-tile>span{display:block;min-width:0}.favorite-tile small{display:block}.favorite-tile.material-tile{background:#edf5f5;border-color:#b9d5d8}
@media(max-width:1280px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.material-toolbar{grid-template-columns:1fr 1fr}.material-search{grid-column:1/-1}.material-intro{align-items:start;flex-direction:column;gap:8px}.material-grid{gap:16px}.material-card{padding:20px}.home-materials{flex-wrap:wrap;gap:8px}.home-materials>div{order:3;flex-basis:100%}.home-materials>.textbtn{margin-left:auto}.favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.material-grid{grid-template-columns:1fr}.material-toolbar{gap:16px}.material-empty{padding:40px 20px}.material-empty h2{font-size:20px!important}.material-form-grid{grid-template-columns:1fr;gap:20px}.material-form-actions>.textbtn{margin-left:0}.material-intro{padding:16px}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-tile.material-tile{grid-column:1/-1}.work-dialog{padding:24px 20px}.material-form-note{margin-top:16px}}