.media-picker{position:relative;border:1px dashed #716280;border-radius:14px;background:#ffffff03;padding:16px;margin:14px 0;color:#cdc3d7;transition:border-color .15s,background .15s}.media-picker.drag-over{border-color:var(--lime);background:#d6f87612}.media-picker input[type=file][hidden]{display:none!important}.media-picker-actions{display:flex;align-items:center;gap:12px;justify-content:center}.media-pick-target{border:0;background:none;color:inherit;display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;width:100%;padding:10px;cursor:pointer;text-align:left}.media-pick-target svg{flex:none;color:#bfa1e9}.media-pick-target strong{display:block;font-size:14px;font-weight:700;color:#f2ebf8}.media-pick-target small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.media-pick-target:hover strong,.media-pick-target:hover{color:var(--lime)}.media-picker:focus-within{outline:2px solid var(--lime);outline-offset:3px}.media-file-hint{display:block;text-align:center;font-size:10px;color:#a99cb6;margin:4px 0 0}.media-picker.has-image{border-style:solid;border-color:var(--line);padding:10px;background:#18142466}.media-thumbnail{display:flex;align-items:center;justify-content:center;background:#13101b;border-radius:9px;overflow:hidden;min-height:100px}.media-thumbnail>img,.media-thumbnail .quiz-image img{max-height:200px;max-width:100%;object-fit:contain;margin:0}.media-thumbnail .quiz-image{margin:0}.media-thumbnail .pin-editor-preview{margin:0}.has-image .media-pick-target{font-size:12px;min-height:36px;padding:8px;width:auto}.has-image .media-pick-target svg{width:16px;height:16px}.media-remove{border:0;background:none;color:#b8a8c8;font-size:12px;padding:8px;cursor:pointer}.media-remove:hover{color:#ffb6ae}.media-picker-compact{margin:4px 0 0;padding:8px}.media-picker-compact .media-pick-target{min-height:42px;padding:5px}.media-picker-compact .media-pick-target strong{font-size:12px}.media-picker-compact .media-pick-target small{font-size:10px}.media-picker-compact .media-thumbnail>img{max-height:120px}.answer-media{padding:0}.media-picker-compact .media-picker-actions{gap:8px}.media-picker-compact .media-pick-target svg{width:20px;height:20px}.media-picker-compact.has-image .media-pick-target svg{width:16px;height:16px}