.modal_div:has(>.modal_align>.modal_content>.bon-image-crop-modal){-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);background-color:#040a16c7}.modal_div:has(>.modal_align>.modal_content>.bon-image-crop-modal) .modal_content{width:100%;max-width:min(96vw,760px);box-shadow:none;background:0 0;border:0;padding:0;overflow:hidden}.bon-image-crop-modal{border-radius:var(--bon-radius-lg);background:color-mix(in srgb, var(--bon-surface-1) 94%, #000);box-shadow:var(--bon-shadow-3);flex-direction:column;gap:0;display:flex;overflow:hidden}.bon-image-crop-modal__stage{background:#0a0e16;width:100%;height:min(52vh,480px);min-height:280px;position:relative}.bon-image-crop-modal__loading,.bon-image-crop-modal__error{padding:var(--bon-space-3);text-align:center;color:#ffffffd1;place-items:center;margin:0;font-size:.92rem;display:grid;position:absolute;inset:0}.bon-image-crop-modal__error{color:#f28d8d}.bon-image-crop-modal__zoom-panel{align-items:center;gap:var(--bon-space-2);padding:var(--bon-space-2) var(--bon-space-3);background:color-mix(in srgb, var(--bon-surface-2) 88%, #000);border-top:1px solid color-mix(in srgb, var(--bon-text) 8%, transparent);display:flex}.bon-image-crop-modal__zoom-label{color:var(--bon-text-secondary);flex-shrink:0;font-size:.82rem;font-weight:650}.bon-image-crop-modal__zoom-range{flex:auto;min-width:0}.bon-image-crop-modal__footer{justify-content:space-between;align-items:flex-end;gap:var(--bon-space-3);padding:var(--bon-space-3) var(--bon-space-3) calc(var(--bon-space-3) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bon-surface-2) 92%, #000);border-top:1px solid color-mix(in srgb, var(--bon-text) 8%, transparent);flex-wrap:wrap;display:flex}.bon-image-crop-modal__copy{flex:12rem;min-width:0}.bon-image-crop-modal__title{color:var(--bon-text-primary);align-items:center;gap:.35rem;margin:0 0 .2rem;font-size:1rem;font-weight:800;display:inline-flex}.bon-image-crop-modal__info{width:1rem;height:1rem;color:var(--bon-text-muted,inherit);background:color-mix(in srgb, var(--bon-text) 10%, transparent);border-radius:999px;place-items:center;font-size:.68rem;font-style:italic;font-weight:800;display:inline-grid}.bon-image-crop-modal__desc{color:var(--bon-text-muted,inherit);margin:0;font-size:.84rem;line-height:1.35}.bon-image-crop-modal__actions{gap:var(--bon-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.bon-image-crop-modal__btn-edit{min-width:8.5rem}@media (width<=640px){.bon-image-crop-modal__footer{flex-direction:column;align-items:stretch}.bon-image-crop-modal__actions{width:100%}.bon-image-crop-modal__actions .bon-btn{flex:auto}}.bon-image-crop-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#0a0e16;width:100%;height:100%;position:relative;overflow:hidden}.bon-image-crop-viewport--dragging{cursor:grabbing}.bon-image-crop-viewport__image{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.bon-image-crop-viewport__frame{z-index:2;pointer-events:none;border:1px dashed #ffffffd1;position:absolute;box-shadow:0 0 0 9999px #040a16b8}.bon-image-crop-viewport__corner{border-style:solid;border-color:#fff;width:1.1rem;height:1.1rem;position:absolute}.bon-image-crop-viewport__corner--tl{border-width:3px 0 0 3px;top:-1px;left:-1px}.bon-image-crop-viewport__corner--tr{border-width:3px 3px 0 0;top:-1px;right:-1px}.bon-image-crop-viewport__corner--bl{border-width:0 0 3px 3px;bottom:-1px;left:-1px}.bon-image-crop-viewport__corner--br{border-width:0 3px 3px 0;bottom:-1px;right:-1px}.modal_div:has(.bon-media-source-modal){background-color:#040a16e0;-webkit-backdrop-filter:none!important}.modal_div .modal_content:has(>.bon-media-source-modal){border-radius:var(--bon-radius-lg);gap:0;width:min(96vw,40rem);max-width:min(96vw,40rem);max-height:min(92vh,44rem);padding:0;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important}@media (width>=768px){.modal_div .modal_content:has(>.bon-media-source-modal){width:min(96vw,58rem);max-width:min(96vw,58rem);max-height:min(94vh,56rem)}}.bon-media-source-modal{border-radius:var(--bon-radius-lg);background:var(--bon-surface-1);width:100%;min-width:0;max-height:min(92vh,44rem);box-shadow:var(--bon-shadow-3);color:var(--bon-text-primary);flex-direction:column;display:flex;overflow:hidden}@media (width>=768px){.bon-media-source-modal{max-height:min(94vh,56rem)}}.bon-media-source-modal__head{gap:var(--bon-space-2);padding:var(--bon-space-4) var(--bon-space-4) var(--bon-space-3);flex-direction:column;display:flex}.bon-media-source-modal__title{margin:0;font-size:1.1rem;font-weight:650}.bon-media-source-modal__lead{color:var(--bon-text-secondary);margin:0;font-size:.88rem}.bon-media-source-modal__tabs{gap:var(--bon-space-2);padding:0 var(--bon-space-4) var(--bon-space-3);border-bottom:1px solid color-mix(in srgb, var(--bon-border) 70%, transparent);display:flex}.bon-media-source-modal__tab{border:1px solid color-mix(in srgb, var(--bon-border) 40%, transparent);border-radius:var(--bon-radius-md);min-height:2.5rem;color:var(--bon-text-secondary);cursor:pointer;background:0 0;flex:1;font-size:.9rem}.bon-media-source-modal__tab[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--bon-border));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--bon-text-primary)}.bon-media-source-modal__tab:disabled{opacity:.55;cursor:not-allowed}.bon-media-source-modal__body{min-width:0;min-height:0;padding:0 var(--bon-space-4) var(--bon-space-4);box-sizing:border-box;flex:1;overflow:hidden auto}.bon-media-source-modal__body>.bon-media-source-modal__device-dropzone{margin-top:var(--bon-space-3)}.bon-media-source-modal__body .homework_file_picker--no-upload .homework_file_picker__browse{max-height:min(48vh,22rem)}.bon-media-source-modal__library{min-width:0;max-width:100%}.bon-media-source-modal__library .homework_file_picker__upload,.bon-media-source-modal__library .upload_file,.bon-media-source-modal__library .upload_file--embedded{display:none!important}.bon-media-source-modal__device-dropzone{box-sizing:border-box;border:2px dashed color-mix(in srgb, var(--bon-border) 88%, transparent);border-radius:var(--bon-radius-lg);background:color-mix(in srgb, var(--bon-surface-2) 35%, var(--bon-surface-1));width:100%;min-width:0;max-width:100%;color:inherit;cursor:pointer;text-align:center;transition:border-color var(--bon-duration-fast) var(--bon-ease-standard), background-color var(--bon-duration-fast) var(--bon-ease-standard), box-shadow var(--bon-duration-fast) var(--bon-ease-standard);flex-direction:column;align-items:stretch;margin:0;padding:0;display:flex;position:relative}@media (hover:hover){.bon-media-source-modal__device-dropzone:hover:not(.bon-media-source-modal__device-dropzone--active){border-color:color-mix(in srgb, var(--accent) 42%, var(--bon-border));background:color-mix(in srgb, var(--accent) 5%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}}.bon-media-source-modal__device-dropzone--active{border-color:color-mix(in srgb, var(--accent) 72%, var(--bon-border));background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.bon-media-source-modal__device-dropzone:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, #fff);outline-offset:0}.bon-media-source-modal__device-drop-veil{z-index:2;justify-content:center;align-items:center;gap:var(--bon-space-2);padding:var(--bon-space-4);border-radius:inherit;background:color-mix(in srgb, var(--accent) 16%, var(--bon-surface-1));pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.bon-media-source-modal__device-drop-veil-icon{width:2rem;height:2rem;color:var(--accent)}.bon-media-source-modal__device-drop-veil-title{max-width:16rem;color:var(--bon-text-primary);margin:0;font-size:.95rem;font-weight:650;line-height:1.35}.bon-media-source-modal__device{align-items:center;gap:var(--bon-space-3);box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:var(--bon-space-5) var(--bon-space-3);text-align:center;transition:opacity var(--bon-duration-fast) var(--bon-ease-standard);flex-direction:column;display:flex}.bon-media-source-modal__device--dimmed{opacity:.4}.bon-media-source-modal__device-hint{width:100%;max-width:22rem;color:var(--bon-text-secondary);margin:0;font-size:.82rem;line-height:1.45}.bon-media-source-modal__device-action{pointer-events:none;display:inline-flex}.bon-media-source-modal__device-icon{aspect-ratio:1;background:var(--bon-surface-2);width:7.25rem;max-width:100%;height:auto;color:var(--bon-text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bon-border) 85%, transparent);border-radius:999px;place-items:center;display:grid;overflow:hidden}.bon-media-source-modal__device-icon--empty{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bon-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, var(--bon-border))}.bon-media-source-modal__device-icon--ready{background:var(--bon-surface-2);color:var(--bon-text-primary);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bon-sem-success,#16a34a) 45%, var(--bon-border))}.bon-media-source-modal__device-placeholder-icon{width:3.05rem;height:3.05rem}.bon-media-source-modal__device-preview{object-fit:cover;width:100%;height:100%}.bon-media-source-modal__device-name{width:100%;max-width:100%;color:var(--bon-text-secondary);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.92rem}.bon-media-source-modal__device-name--ready{color:var(--bon-text-primary);font-weight:600}.bon-media-source-modal__footer{justify-content:flex-end;gap:var(--bon-space-2);padding:var(--bon-space-3) var(--bon-space-4) var(--bon-space-4);border-top:1px solid color-mix(in srgb, var(--bon-border) 70%, transparent);display:flex}