.homework-files-panel{margin:20px 0;border-top:1px solid var(--line,#dce3df);border-bottom:1px solid var(--line,#dce3df);padding:14px 0;min-width:0}
.homework-files-panel>summary{font-weight:700;cursor:pointer;padding:8px 0;min-height:44px;display:list-item;list-style:disclosure-closed}
.homework-files-panel[open]>summary{list-style:disclosure-open}
.homework-files-body{padding-top:8px;min-width:0}
.homework-files-toolbar,.homework-file>header,.homework-file-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.homework-files-toolbar .helper{margin:0;flex:1;min-width:140px}
.homework-files-toolbar button,.homework-file-actions button{min-height:44px}
.homework-upload-label{display:block;font-weight:700;margin:14px 0 8px}
[data-homework-upload]{width:100%;max-width:100%;font:inherit;white-space:normal;padding:10px;border:1px dashed var(--line,#c8d6cf);border-radius:10px;background:#f4f6f0}
[data-homework-upload]::file-selector-button{font:inherit;padding:10px 12px;border:0;border-radius:7px;background:#314e50;color:#fff;margin-right:8px;cursor:pointer}
.homework-file{padding:18px 0;border-bottom:1px solid var(--line,#dce3df);min-width:0}
.homework-file h4,.homework-mark h4{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.homework-file>header>span{font-size:13px;color:#60706a;white-space:nowrap}
.homework-image{display:block;position:relative;width:100%;margin:14px 0;padding:0;border:1px solid var(--line,#dce3df);border-radius:10px;background:#f1f3ee;overflow:hidden}
button.homework-image{cursor:crosshair;text-align:left}
.homework-image img{display:block;width:100%;height:auto;max-width:100%}
.homework-image-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;padding:2px;background:#284f51;border:2px solid white;color:white;font-weight:800;font-size:13px;box-shadow:0 1px 5px #0005;pointer-events:none}
.homework-image-marker.is-selected{background:#97601e}
.homework-pdf{padding:16px;margin:14px 0;background:#f3f5ef;border-radius:10px}
.homework-pdf>span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;color:#314e50;border:1px solid #c2d0c6;border-radius:4px;padding:4px 7px}
.homework-pdf p{margin:10px 0;font-size:14px}
.homework-file-actions{font-size:14px;margin:8px 0 14px}
.homework-file-comments{list-style:none;padding:0;margin:16px 0}
.homework-file-comments li{padding:12px 14px;border-left:3px solid #b9c7aa;background:#f5f7f2;margin:10px 0;overflow-wrap:anywhere;scroll-margin-top:20px}
.homework-file-comments li p{margin:5px 0 8px;white-space:pre-wrap;font-size:15px;line-height:1.55}
.homework-file-comments small{font-size:12px;color:#5c6964}
.file-comment-location{font-weight:700;font-size:13px;color:#365552}
.homework-file-comment-form{display:grid;gap:8px;margin-top:16px}
.homework-file-comment-form>label{font-size:14px;font-weight:700}
.homework-file-comment-form .helper{margin:0}
.homework-file-comment-form .text-button{justify-self:start;padding-left:0}
.homework-file-comment-form textarea{width:100%;resize:vertical;min-height:96px;font:inherit}
.homework-file-comment-form input[name=page]{max-width:110px}
.homework-file-comment-form .btn{justify-self:start}
.homework-removed-files{font-size:14px;padding:16px 0}
.homework-removed-files>summary{cursor:pointer;font-weight:700;min-height:44px;padding:10px 0}
.homework-removed-files>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e0e5df;padding:5px 0}
.homework-removed-files>div>span{overflow-wrap:anywhere;min-width:0}
.homework-mark{padding:20px 0 6px}
.homework-mark-score{font-size:24px;font-weight:800;color:#314e50;margin:10px 0 5px}
.homework-mark-score span{font-weight:500;font-size:18px}
.homework-mark-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.homework-mark-fields label{font-size:13px;font-weight:700;min-width:0}
.homework-mark-fields input{display:block;width:100%;min-width:0;margin-top:6px;font:inherit}
.homework-file-notice{padding:10px 12px;background:#edf4e7;border-radius:7px;font-size:14px;color:#2f5140}
.homework-files-panel .form-error{font-size:14px;color:#9c372e;overflow-wrap:anywhere}
.homework-files-panel :focus-visible{outline:3px solid #788b3e;outline-offset:3px}
@media(max-width:480px){.homework-file>header{align-items:flex-start}.homework-file h4{max-width:100%}.homework-mark-fields{gap:8px}.homework-files-panel .btn{width:100%}}