.library-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}
.library-roster{padding:20px;position:sticky;top:18px}.library-roster h2{font-size:16px;margin:0 0 16px}.library-roster .search-box{width:100%;min-width:0}.library-roster select{width:100%;margin-top:10px}
.library-count,.library-note{font-size:12px;color:#786e79;margin:14px 0}.library-students{display:flex;flex-direction:column;gap:6px;max-height:570px;overflow:auto}.library-no-match{padding:24px 8px;color:#786e79;font-size:13px}
.library-student{display:flex;align-items:center;gap:10px;width:100%;padding:12px 8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;color:inherit;cursor:pointer}.library-student:hover{background:#faf6fa}.library-student.selected{background:#f5edf4;border-color:#dcc6d9}.library-student .avatar{flex:none;width:32px;height:32px;font-size:11px}.library-student-label{min-width:0;display:grid;gap:3px}.library-student-label strong{font-size:14px;overflow-wrap:anywhere}.library-student-label small{font-size:11px;color:#786e79;overflow-wrap:anywhere}.library-student-count{flex:none;margin-left:auto;font-size:11px;color:#74256a;text-align:right}.library-student-count small{display:block;margin-top:4px;color:#786e79}
.library-contents{padding:26px;min-height:520px;min-width:0}.library-student-header,.library-folder-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.library-student-header h2{font-size:22px;margin:0}.library-student-header h2 small{display:inline-block;font-size:13px;font-weight:400;color:#786e79;margin-left:12px}.library-student-header p,.library-folder-heading p{font-size:13px;color:#786e79;margin:8px 0 0}.library-folder-heading h3{font-size:18px;margin:0;overflow-wrap:anywhere}
.library-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;border-top:1px solid #eee6ed;margin:22px 0;padding-top:18px}.library-breadcrumb button{display:flex;gap:7px;align-items:center;border:0;background:none;color:#74256a;padding:4px 0;cursor:pointer}.library-breadcrumb span{overflow-wrap:anywhere}
.library-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-folder{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9e0e8;border-radius:12px;padding:18px 14px;text-align:left;color:inherit;cursor:pointer;min-width:0}.library-folder:hover{border-color:#b887b0;background:#fcf9fc}.library-folder-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#f5edf4;color:#74256a;flex:none}.library-folder-icon .icon{width:24px;height:24px}.library-folder-label{display:grid;gap:5px;min-width:0;flex:1}.library-folder-label strong{font-size:14px;overflow-wrap:anywhere}.library-folder-label small,.library-folder-label>span{font-size:11px;color:#786e79}.library-folder>.icon{width:15px;flex:none;color:#a497a1}
.library-material-filters{display:flex;gap:12px;margin:22px 0 16px}.library-material-filters .search-box{flex:1;min-width:0}.library-material-list{display:grid;gap:16px}.library-material{border:1px solid #e9e0e8;border-radius:12px;overflow:hidden}.library-material-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fcf9fc;flex-wrap:wrap}.library-material-heading h4{font-size:14px;margin:0 0 7px;overflow-wrap:anywhere}.library-material-heading small{font-size:11px;color:#786e79}.library-material-actions{display:flex;align-items:center;gap:10px}.library-attachments{list-style:none;padding:0;margin:0}.library-attachments li{display:flex;align-items:center;gap:12px;padding:13px 16px}.library-attachments li+li{border-top:1px solid #f0eaf0}.library-attachments li>.icon{color:#94748e;flex:none}.library-file-name{flex:1;min-width:0;display:grid;gap:4px}.library-file-name strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.library-file-name small{font-size:11px;color:#786e79}.library-attachments .btn,.library-attachments .icon-btn{flex:none}
@media(min-width:1500px){.library-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.library-layout{grid-template-columns:250px minmax(0,1fr);gap:14px}.library-contents{padding:20px}.library-folder-grid{grid-template-columns:1fr}.library-roster{padding:14px}}
@media(max-width:700px){.library-layout{grid-template-columns:1fr}.library-roster{position:static}.library-students{max-height:215px}.library-contents{padding:16px;min-height:350px}.library-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-folder{padding:12px 10px;gap:8px}.library-folder-icon{width:30px;height:30px}.library-folder>.icon{display:none}.library-material-filters{flex-wrap:wrap}.library-material-filters .search-box{flex-basis:100%}.library-attachments li{gap:8px;padding:12px}.library-student-header>.btn{width:100%}}
@media(max-width:390px){.library-folder-grid{grid-template-columns:1fr}}