.homework_file_picker{flex-direction:column;gap:12px;display:flex}.homework_file_picker:not(.homework_file_picker--modal-split) .homework_file_picker__section--selected{order:1}.homework_file_picker:not(.homework_file_picker--modal-split) .homework_file_picker__nav{order:2}.homework_file_picker:not(.homework_file_picker--modal-split) .homework_file_picker__upload{order:3}.homework_file_picker:not(.homework_file_picker--modal-split) .homework_file_picker__browse{order:4}.homework_file_picker__selected{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--accent) 6%, var(--card));border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.homework_file_picker__selected_head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.homework_file_picker__selected_title{font-size:clamp(.738rem, (.0000711806 * (var(--current-width) - 768) * 1rem), .82rem);color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0;font-weight:750}.homework_file_picker__selected_count{font-size:clamp(.72rem, (.0000694444 * (var(--current-width) - 768) * 1rem), .8rem);color:var(--muted);font-weight:650}.homework_file_picker__chips{flex-wrap:wrap;gap:6px;display:flex}.homework_file_picker__chip{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--card) 92%, var(--more-contrast-card));max-width:100%;font:inherit;font-size:clamp(.702rem, (.0000677083 * (var(--current-width) - 768) * 1rem), .78rem);color:inherit;cursor:pointer;text-align:left;border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 10px;line-height:1.2;display:inline-flex}.homework_file_picker__chip:hover{background:color-mix(in srgb, #dc4141 10%, var(--card));border-color:#dc414147}.homework_file_picker__chip:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, #fff);outline-offset:2px}.homework_file_picker__chip_name{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;color:var(--text-color);font-weight:600;overflow:hidden}.homework_file_picker__empty_selected,.homework_file_picker__error,.homework_file_picker__empty_browse{display:none}.homework_file_picker__hint{max-width:none;font-size:clamp(.702rem, (.0000677083 * (var(--current-width) - 768) * 1rem), .78rem);color:var(--text-color-secondary);margin:0;padding:0;font-weight:550;line-height:1.4}.homework_file_picker__loading{justify-content:center;align-items:center;min-height:6rem;margin:0;display:flex}.homework_file_picker .bon-error-state{margin:0}.homework_file_picker__nav{border:1px solid color-mix(in srgb, var(--text-color) 10%, transparent);background:color-mix(in srgb, var(--card) 90%, var(--more-contrast-card));border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:8px 10px;display:flex}.homework_file_picker__crumb{appearance:none;font:inherit;font-size:clamp(.72rem, (.0000694444 * (var(--current-width) - 768) * 1rem), .8rem);color:var(--text-color-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-weight:650}.homework_file_picker__crumb:hover:not(:disabled){color:var(--text-color);background:color-mix(in srgb, var(--accent) 10%, transparent)}.homework_file_picker__crumb:disabled{color:var(--text-color);cursor:default;font-weight:800}.homework_file_picker__crumb_sep{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.75rem}.homework_file_picker__up_btn{appearance:none;border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);background:color-mix(in srgb, var(--card) 88%, var(--more-contrast-card));font:inherit;font-size:clamp(.702rem, (.0000677083 * (var(--current-width) - 768) * 1rem), .78rem);color:var(--text-color-secondary);cursor:pointer;border-radius:999px;margin-left:auto;padding:5px 10px;font-weight:650}.homework_file_picker__up_btn:disabled{opacity:.45;cursor:not-allowed}.homework_file_picker__upload{border:1px dashed color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--card) 94%, var(--more-contrast-card));border-radius:8px;padding:8px}.homework_file_picker__upload .upload_file{width:100%;min-width:0!important;max-width:none!important}.homework_file_picker__browse::-webkit-scrollbar{width:4px}.homework_file_picker__browse::-webkit-scrollbar-track{background:0 0}.homework_file_picker__browse::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--more-contrast-card-inverted) 50%, var(--more-contrast-card) 100%);border-radius:4px}.homework_file_picker__browse::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.homework_file_picker__browse{border:1px solid color-mix(in srgb, var(--text-color) 8%, transparent);background:color-mix(in srgb, var(--card) 92%, var(--more-contrast-card));border-radius:8px;flex-direction:column;gap:8px;max-height:min(36vh,18rem);padding:8px;display:flex;overflow-y:auto}.homework_file_picker__group_title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:4px 2px 2px;font-size:.72rem;font-weight:750}.homework_file_picker__folder_row,.homework_file_picker__file_row{text-align:left;width:100%;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.homework_file_picker__folder_row{color:var(--text-color);cursor:pointer}.homework_file_picker__folder_row:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, var(--card));border-color:color-mix(in srgb, var(--accent) 18%, transparent)}.homework_file_picker__file_row--pickable{cursor:pointer}.homework_file_picker__file_row--pickable:hover{background:color-mix(in srgb, var(--accent) 8%, var(--card));border-color:color-mix(in srgb, var(--accent) 18%, transparent)}.homework_file_picker__file_row--pickable:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, #fff);outline-offset:2px}.homework_file_picker__file_row--selected{background:color-mix(in srgb, var(--accent) 12%, var(--card));border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.homework_file_picker__row_icon{width:1.5rem;height:1.5rem;color:color-mix(in srgb, var(--accent) 70%, var(--text-color));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.homework_file_picker__row_body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.homework_file_picker__row_name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.792rem, (.0000763889 * (var(--current-width) - 768) * 1rem), .88rem);color:var(--text-color);font-weight:650;overflow:hidden}.homework_file_picker__row_meta{color:var(--muted);font-size:.75rem}.homework_file_picker__file_toggle{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--card) 90%, var(--more-contrast-card));min-width:5.5rem;font-size:clamp(.684rem, (.0000659722 * (var(--current-width) - 768) * 1rem), .76rem);color:var(--text-color-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:5px 10px;font-weight:700}.homework_file_picker__file_toggle--on{background:color-mix(in srgb, var(--accent) 18%, var(--card));color:var(--text-color)}.homework_file_picker__file_toggle_wrap{flex-shrink:0;align-items:center;display:inline-flex}.homework_file_picker__file_toggle_wrap .bon-toggle-chip{min-width:2rem;padding-inline:.5rem}.homework_file_picker__selected_cards{flex-direction:column;gap:6px;display:flex}.homework_file_picker__chip .homework_file_picker__file_visual{border-radius:6px;width:1.65rem;height:1.65rem}.homework_file_picker__file_visual{background:color-mix(in srgb, var(--text-color) 6%, var(--card));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex;overflow:hidden}.homework_file_picker__file_visual--card{width:3.125rem;height:3.125rem}.homework_file_picker__file_visual--pdf{color:color-mix(in srgb, #e04b3f 78%, var(--text-color))}.homework_file_picker__file_visual--image,.homework_file_picker__file_visual--video{background:color-mix(in srgb, var(--accent) 8%, var(--card))}.homework_file_picker__file_visual--code{color:color-mix(in srgb, var(--muted) 85%, var(--text-color))}.homework_file_picker__file_visual_media{object-fit:cover;background:color-mix(in srgb, var(--text-color) 6%, transparent);border:0;width:100%;height:100%;display:block}.homework_file_picker__file_visual_icon{justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex}.homework_file_picker__file_visual_icon svg{width:100%;height:100%}.homework_file_picker__selected_card_main{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}